HTML Report for https://www.birdygrey.com/pages/how-to-wear-our-convertible-dresses
This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to changeShowing results for https://www.birdygrey.com/pages/how-to-wear-our-convertible-dresses
You can view the notes...
view-source:https://www.birdygrey.com/pages/how-to-wear-our-convertible-dresses
| # | results |
|---|---|
| 1 |
Error
On line 1, column 9 <https://cdn.sh |
| 2 |
Error
On line 1, column 10 <https://cdn.sho |
| 3 |
Error
On line 1, column 25 <https://cdn.shopify.com>; rel= |
| 4 |
Info
On line 1, column 25 <https://cdn.shopify.com>; rel= |
| 5 |
Error
On line 1, column 54 opify.com>; rel="preconnect", <https://cdn.sh |
| 6 |
Error
On line 1, column 55 <https://cdn.sho |
| 7 |
Info
On line 1, column 70 <https://cdn.shopify.com>; rel= |
| 8 |
Error
On line 31, column 15 opify.com>; rel="preconnect"; crossorigin etag: "cacheable:d2feac5a67338490a8cf10b6a5420af0" content-encoding: br x-cache: miss x-frame-options: DENY content-security-policy: block-all-mixed-content; frame-ancestors 'none'; upgrade-insecure-requests; access-control-allow-origin: * strict-transport-security: max-age=7889238 x-shopid: 20533799 x-shardid: 190 vary: Accept content-language: en powered-by: Shopify server-timing: processing;dur=271;desc="gc:95", db;dur=40, render;dur=51, wasm, asn;desc="62282", edge;desc="VNO", country;desc="LT", theme;desc="135735509183", pageType;desc="page", servedBy;desc="4dnw", requestID;desc="dd3ae898-d3e0-4834-b808-6705ef025280-1711659505" x-shopify-stage: production x-dc: gcp-europe-west3,gcp-europe-west1,gcp-europe-west1 x-request-id: dd3ae898-d3e0-4834-b808-6705ef025280-1711659505 cf-cache-status: DYNAMIC report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=D9MjhtvUQA7x3vV8Lfksk8JwP%2FFZSrITjTiDO97vEDpLA7RqiUaG%2F4uLgj0IFt6vdfxbkOxfc%2F76WVbuo81JVD%2BmlcT1dSSerqW9ZT9aWZXyTu5lC8q%2B%2B0F%2FhKiT%2FSMREnK2GsGX2MU%2BcT64YPUK"}],"group":"cf-nel","max_age":604800} nel: {"success_fraction":0.01,"report_to":"cf-nel","max_age":604800} x-xss-protection: 1; mode=block x-content-type-options: nosniff x-permitted-cross-domain-policies: none x-download-options: noopen server-timing: cfRequestDuration;dur=330.999851 server-timing: ipv6 server: cloudflare cf-ray: 86ba89c3f963c032-VNO alt-svc: h3=":443"; ma=86400 <!doctype html> <html |
| 9 |
Error
On line 32, column 16 type html> <html lang="en"> <he |
| 10 |
Error
On line 33, column 8 lang="en"> <head> < |
| 11 |
Error
On line 34, column 25 > <head> <meta charset="utf-8"> |
| 12 |
Error
On line 922, column 7 et="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>How To Wear Our Convertible Dresses | Birdy Grey</title> <meta name="description" content="HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH "> <link rel="canonical" href="https://www.birdygrey.com/pages/how-to-wear-our-convertible-dresses"> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="PKqmmX0J-skzDjJOnxkuBCWhvoyiGXh8YNkvR_JcokU"> <meta name="google-site-verification" content="Llt8KfEtvxJ8mimuLmIzCpdH4bAZ8ucDMavmDAyra80"> <meta name="google-site-verification" content="ewAXhYPKvCKj4uOHy9AEKQXcJXcCnoU8BNp8O2Xr7G0"> <meta name="google-site-verification" content="janPqteQVcHAewzCDocZjtit-1gB9fPQ3xbPQj4z6lQ"> <meta name="google-site-verification" content="IwWd5r_3OjRnljJJ3Sv56Tl8JTPrLBkWbY9cwnXZHeI"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/20533799/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="c09f8531c1aa58c8f75fe469fa630a49"> <meta id="in-context-paypal-metadata" data-shop-id="20533799" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <meta id="amazon-payments-metadata" data-amazon-payments="true" data-amazon-payments-seller-id="A3IFNI0BIQFD0V" data-amazon-payments-callback-url="https://www.birdygrey.com/20533799/amazon_payments/callback" data-amazon-payments-sandbox-mode="false" data-amazon-payments-client-id="amzn1.application-oa2-client.b2c2bb6baaa44a4487765f378098460c" data-amazon-payments-region="US" data-amazon-payments-language="en-US" data-amazon-payments-widget-library-url="https://static-na.payments-amazon.com/OffAmazonPayments/us/js/Widgets.js"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=20533799" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":20533799,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/20533799","merchantName":"BIRDY GREY","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"BIRDY GREY","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"c09f8531c1aa58c8f75fe469fa630a49","betas":["rich-media-storefront-analytics"],"domain":"www.birdygrey.com","predictiveSearch":true,"shopId":20533799,"smart_payment_buttons_url":"https:\/\/www.birdygrey.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/www.birdygrey.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en","flg4ff40b22":false}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "birdygrace.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"[3.25.24 Matte Satin Launch] theme\/release\/v1.21.1","id":135735509183,"theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "www.birdygrey.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"pay-button":["modules/client.pay-button_54c17c2c.en.esm.js","modules/chunk.common_a0168284.esm.js"],"avatar":["modules/client.avatar_cdad0c7d.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_0022db1e.en.esm.js","modules/chunk.common_a0168284.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_122b2282.en.esm.js","modules/chunk.common_a0168284.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_8de22705.en.esm.js","modules/chunk.common_a0168284.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_9128bbdb.en.esm.js","modules/chunk.common_a0168284.esm.js"],"shop-pay-checkout-sheet":["modules/client.shop-pay-checkout-sheet_c6a9fbc0.en.esm.js","modules/chunk.common_a0168284.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_74b98569.en.esm.js","modules/chunk.common_a0168284.esm.js","modules/chunk.shop-pay_32b06385.esm.js"],"login-button":["modules/client.login-button_07798a5f.en.esm.js","modules/chunk.common_a0168284.esm.js"],"discount-app":["modules/client.discount-app_6d5fa314.en.esm.js","modules/chunk.common_a0168284.esm.js"],"payment-terms":["modules/client.payment-terms_42e93cfc.en.esm.js","modules/chunk.common_a0168284.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/tag.rmp.rakuten.com\/120395.ct.js?shop=birdygrace.myshopify.com","https:\/\/cdn.getcarro.com\/script-tags\/all\/nb-101920173500.js?shop=birdygrace.myshopify.com","https:\/\/widgets.automizely.com\/aftership\/gmv.js?organization_id=41e2080cc1484eb9a92ae48342c2272e\u0026shop=birdygrace.myshopify.com","https:\/\/unpkg.com\/@happyreturns\/happyreturns-script-tag?shop=birdygrace.myshopify.com","https:\/\/static.fbot.me\/shopify\/friendbuy-shopify.js?merchantId=54439554-f893-458b-94fe-2b84ae5e6369\u0026shop=birdygrace.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":20533799,"offset":-25200,"reqid":"dd3ae898-d3e0-4834-b808-6705ef025280-1711659505","pageurl":"www.birdygrey.com\/pages\/how-to-wear-our-convertible-dresses","s":"pages-86228762815","u":"764211c9da62","p":"page","rtyp":"page","rid":86228762815};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LeHG2ApAAAAAO4rPaDW-qVpPKPOBfjbCpzJB9ey"};var t=['form[action*="/contact"] input[name="form_type"][value="contact"]','form[action*="/comments"] input[name="form_type"][value="new_comment"]','form[action*="/account"] input[name="form_type"][value="customer_login"]','form[action*="/account"] input[name="form_type"][value="recover_customer_password"]','form[action*="/account"] input[name="form_type"][value="create_customer"]','form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e||null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script> <script integrity="sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.birdygrey.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//www.birdygrey.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-a2d444786d996da5634fbbaeeffe6104ee672440dfa6cdcaebfb27dceaaf9c0f.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//www.birdygrey.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 300px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <script> let collectionTitle = ""; let collectionURL = ""; if (collectionTitle != "" && collectionURL != "") { localStorage.setItem("collectionTitle", collectionTitle); localStorage.setItem("collectionURL", collectionURL); }; collectionTitle = localStorage.getItem("collectionTitle"); collectionURL = localStorage.getItem("collectionURL"); </script> <link rel="apple-touch-icon" href="//www.birdygrey.com/cdn/shop/t/1756/assets/favicon.png?v=101310430494881623271711491899"> <link rel="icon" href="//www.birdygrey.com/cdn/shop/t/1756/assets/favicon.png?v=101310430494881623271711491899"> <link rel="preconnect" href=" https://cdn.shopify.com/"> <link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Karla:400,400i,600,700,700i&display=swap" > <link rel="preload" as="style" href="https://use.typekit.net/mty7prh.css" > <link media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css?family=Karla:400,400i,600,700,700i&display=swap" rel="stylesheet" > <link rel="stylesheet" href="https://use.typekit.net/mty7prh.css"> <meta property="og:type" content="website"> <meta property="og:title" content="How To Wear Our Convertible Dresses"> <meta property="og:url" content="https://www.birdygrey.com/pages/how-to-wear-our-convertible-dresses"> <meta property="og:description" content="HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH "> <meta property="og:site_name" content="BIRDY GREY"> <meta property="og:image" content="//www.birdygrey.com/cdn/shop/t/1756/assets/main-share_1024x1024.jpg?226038"> <meta property="og:image:secure_url" content="//www.birdygrey.com/cdn/shop/t/1756/assets/main-share_1024x1024.jpg?226038"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://www.birdygrey.com/cdn/shop/t/1756/assets/main-share_1500x750.jpg?226038"> <link href="//www.birdygrey.com/cdn/shop/t/1756/assets/ada.css?v=64017918679332009531711491899" rel="stylesheet" type="text/css" media="all" /> <link href="//www.birdygrey.com/cdn/shop/t/1756/assets/tailwind-output.css?v=69431392220746813331711498752" rel="stylesheet" type="text/css" media="all" /> <!-- Populate upsells for empty cart --> <script> window.upsells = ``; </script> <script> (function () { let upsell = { "title": "Kira Shiny Satin Dress - Neutral Champagne", "type": "Bridesmaid Dress", "tags": "12.27 gloria kira99dressBest SellerBest Selling Dressbfcm23-89Body SkimmingBridesmaid Dresschampagne-and-neutral-champagne-mix-and-matchcolor bar:neutral champagneCurvefabric:shiny satinFall Dressesfeatures:sleevelessfeatures:slitFloor-LengthFRESH NEW NEUTRALSGrecianKiraKira Satinlength:floor-lengthLong Bridesmaid Dressesmade to orderMTOneckline:one-shoulderNeutral ChampagneNeutral Champagne Dressesneutral floral mix and matchNon Slit Test ControlOne ShoulderPromREADYTOORDERNEUTRALSReturnableSatinshiny satinsilhouette:body skimmingsilhouette:greciansilhouette:sleevelessSleevelessSlitsolid colorSpecial Occasion Dressesupsell bag hair shawlsUpsell Gold JewelryUpsell Metallics ShoesUpsell Neutrals ShoesUpsell Shawls Hair BagsWear AgainWear Again Bridesmaid DressesWedding GuestYCRF_fit_question", "url": "/products/kira-shiny-satin-dress-neutral-champagne", "price": "$99", "handle": "kira-shiny-satin-dress-neutral-champagne", "image": "products/neutral_champagne_kira_satin_slit_bridesmaid_dress_01.jpg", "variants": "ProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDrop" } let name = upsell.title.split('-'); let mainName = name[0]; if (upsell.type == 'Bridesmaid Dress') { mainName = name[0].replace('Crepe ', '').replace('Satin ', '').replace('Shiny ', '') } let title = `<div>${mainName}</div>`; let subtitle = ``; let fabric = ``; if (upsell.type !== 'Swatch') { if (upsell.tags.includes('Chiffon')) { fabric = 'Chiffon'; } else if (upsell.tags.includes('Tulle')) { fabric = 'Tulle'; } else if (upsell.tags.includes('Mesh')) { fabric = 'Mesh'; } else if (upsell.tags.includes('Crepe')) { fabric = 'Crepe'; } else if (upsell.tags.includes('Satin')) { fabric = 'Satin'; } else if (upsell.tags.includes('Velvet')) { fabric = 'Velvet'; } } subtitle = `<div class="regular">${ fabric } ${name[1].replace(' in ', ' ')}</div>` window.upsells += `<div class="carousel-item flex" style="scroll-snap-align:start; margin-bottom:1rem;"> <div class="flex vertical-flex cart-upsell-carousel-image" style="justify-content:space-between;"> <a class="no-link" href="${upsell.url}"> <div> <img alt="${title.substring(5, title.length - 6)}" width="2048" height="2048" loading="lazy" class="object-cover" src="//cdn.shopify.com/s/files/1/2053/3799/${upsell.image}?width=270"> <div class="grid tiny m-small lh14 grid-flow-col gap-4 my-1 mx-0"> <div class="text-left bold uppercase">${title}</div> </div> </div> </a> </div> </div>` })(); </script> <script> (function () { let upsell = { "title": "Grace Convertible Dress - Sea Glass", "type": "Bridesmaid Dress", "tags": "119dressBack in Stock PopupBest SellerBest Selling DressBFCM 10%bfcm23-69Birdy FavoritesBridesmaid DressChiffoncolor bar:sea glassConvertibleConvertible Bridesmaid DressCurveCXBFCM10dress name:gracefabric:chiffonFALLWEDDINGSZNSALEfeatures:convertiblefeatures:pocketsfeatures:sleevelessfeatures:sleevesfeatures:slitfeatures:straplessFit 1.0Fit 2.0Floor-LengthGraceGrecianHalterhide3xllength:floor-lengthLong Bridesmaid Dressesneckline:halterneckline:off-shoulderneckline:one-shoulderNeighborhood GoodsNon Slit TestOff-ShoulderOne ShoulderPocketsReturnableSea GlassSea Glass DressesSeaglasssilhouette:a-linesilhouette:greciansilhouette:sleevelessSleevelessSleevesSlitSlit OptionSlitssolid colorSpecial Occasion DressesStraplessTop-50True to Sizeupsell bag hair shawlsUpsell Greens ShoesUpsell Shawls Hair BagsUpsell Silver JewelryWedding GuestYCRF_fit_question", "url": "/products/grace-convertible-dress-sea-glass", "price": "$119", "handle": "grace-convertible-dress-sea-glass", "image": "products/beb76c992c1be3a50832a49af9d596e1.jpg", "variants": "ProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDrop" } let name = upsell.title.split('-'); let mainName = name[0]; if (upsell.type == 'Bridesmaid Dress') { mainName = name[0].replace('Crepe ', '').replace('Satin ', '').replace('Shiny ', '') } let title = `<div>${mainName}</div>`; let subtitle = ``; let fabric = ``; if (upsell.type !== 'Swatch') { if (upsell.tags.includes('Chiffon')) { fabric = 'Chiffon'; } else if (upsell.tags.includes('Tulle')) { fabric = 'Tulle'; } else if (upsell.tags.includes('Mesh')) { fabric = 'Mesh'; } else if (upsell.tags.includes('Crepe')) { fabric = 'Crepe'; } else if (upsell.tags.includes('Satin')) { fabric = 'Satin'; } else if (upsell.tags.includes('Velvet')) { fabric = 'Velvet'; } } subtitle = `<div class="regular">${ fabric } ${name[1].replace(' in ', ' ')}</div>` window.upsells += `<div class="carousel-item flex" style="scroll-snap-align:start; margin-bottom:1rem;"> <div class="flex vertical-flex cart-upsell-carousel-image" style="justify-content:space-between;"> <a class="no-link" href="${upsell.url}"> <div> <img alt="${title.substring(5, title.length - 6)}" width="2048" height="2048" loading="lazy" class="object-cover" src="//cdn.shopify.com/s/files/1/2053/3799/${upsell.image}?width=270"> <div class="grid tiny m-small lh14 grid-flow-col gap-4 my-1 mx-0"> <div class="text-left bold uppercase">${title}</div> </div> </div> </a> </div> </div>` })(); </script> <script> (function () { let upsell = { "title": "Jay Shiny Satin Dress - Rose Gold", "type": "Bridesmaid Dress", "tags": "90s Vibe99dressbfcm23-69Bridesmaid Dresscolor bar:rose goldCurveCurveConnectionCXBFCM10dress name:jayeoy23pricingmarkereoy23pricingmarkertempfabric:shiny satinfeatures:metallicfeatures:sleevelessfeatures:slitFloor-LengthHoliday DressesJaylength:floor-lengthLong Bridesmaid Dressesmade to orderMetallicMinimalistneckline:v-neckPromReturnableRose GoldRose Gold DressesSatinshiny satinsilhouette:a-linesilhouette:minimalistsilhouette:sleevelesssilhouette:slipSleevelessSlip DressSlitSlit StyleSlitssolid colorSpecial Occasion DressesTrue to Sizeupsell bag hair shawlsUpsell Gold JewelryUpsell Metallics ShoesUpsell Neutrals ShoesUpsell Shawls Hair BagsV-NeckWear AgainWedding GuestYCRF_fit_question", "url": "/products/jay-shiny-satin-dress-rose-gold", "price": "$99", "handle": "jay-shiny-satin-dress-rose-gold", "image": "products/BIRDY_GREY_JAY_BRIDESMAID_DRESS_ROSE_GOLD_01.jpg", "variants": "ProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDrop" } let name = upsell.title.split('-'); let mainName = name[0]; if (upsell.type == 'Bridesmaid Dress') { mainName = name[0].replace('Crepe ', '').replace('Satin ', '').replace('Shiny ', '') } let title = `<div>${mainName}</div>`; let subtitle = ``; let fabric = ``; if (upsell.type !== 'Swatch') { if (upsell.tags.includes('Chiffon')) { fabric = 'Chiffon'; } else if (upsell.tags.includes('Tulle')) { fabric = 'Tulle'; } else if (upsell.tags.includes('Mesh')) { fabric = 'Mesh'; } else if (upsell.tags.includes('Crepe')) { fabric = 'Crepe'; } else if (upsell.tags.includes('Satin')) { fabric = 'Satin'; } else if (upsell.tags.includes('Velvet')) { fabric = 'Velvet'; } } subtitle = `<div class="regular">${ fabric } ${name[1].replace(' in ', ' ')}</div>` window.upsells += `<div class="carousel-item flex" style="scroll-snap-align:start; margin-bottom:1rem;"> <div class="flex vertical-flex cart-upsell-carousel-image" style="justify-content:space-between;"> <a class="no-link" href="${upsell.url}"> <div> <img alt="${title.substring(5, title.length - 6)}" width="2048" height="2048" loading="lazy" class="object-cover" src="//cdn.shopify.com/s/files/1/2053/3799/${upsell.image}?width=270"> <div class="grid tiny m-small lh14 grid-flow-col gap-4 my-1 mx-0"> <div class="text-left bold uppercase">${title}</div> </div> </div> </a> </div> </div>` })(); </script> <script> (function () { let upsell = { "title": "Devin Convertible Dress - Sage", "type": "Bridesmaid Dress", "tags": "Adjustable StrapsBack in Stock PopupBest SellerBest Selling DressBFCM 10%bfcm23-69Bridesmaid DressChiffoncolor bar:sageConvertibleConvertible Bridesmaid DressCurveCXBFCM10Devindress name:devinfabric:chiffonfeatures:adjustable strapsfeatures:convertiblefeatures:pocketsfeatures:sleevelessfeatures:sleevesfeatures:slitFit 1.0Floor-Lengthlength:floor-lengthLight GreensLong Bridesmaid Dressesneckline:off-shoulderneckline:v-neckNeighborhood GoodsNon Slit TestOff-ShoulderPocketsReturnableRuns LargeSageSage Bridesmaid DressesSage Dressessage mix and matchsilhouette:a-linesilhouette:sleevelessSleevelessSleevesSlitSlit OptionSlitssolid colorSpecial Occasion Dressesupsell bag hair shawlsUpsell Greens ShoesUpsell Shawls Hair BagsUpsell Silver JewelryV-NeckWedding GuestYCRF_fit_question", "url": "/products/devin-convertible-dress-sage", "price": "$99", "handle": "devin-convertible-dress-sage", "image": "products/sage_devin_convertible_slit_chiffon_bridesmaid_dress_01.jpg", "variants": "ProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDropProductVariantDrop" } let name = upsell.title.split('-'); let mainName = name[0]; if (upsell.type == 'Bridesmaid Dress') { mainName = name[0].replace('Crepe ', '').replace('Satin ', '').replace('Shiny ', '') } let title = `<div>${mainName}</div>`; let subtitle = ``; let fabric = ``; if (upsell.type !== 'Swatch') { if (upsell.tags.includes('Chiffon')) { fabric = 'Chiffon'; } else if (upsell.tags.includes('Tulle')) { fabric = 'Tulle'; } else if (upsell.tags.includes('Mesh')) { fabric = 'Mesh'; } else if (upsell.tags.includes('Crepe')) { fabric = 'Crepe'; } else if (upsell.tags.includes('Satin')) { fabric = 'Satin'; } else if (upsell.tags.includes('Velvet')) { fabric = 'Velvet'; } } subtitle = `<div class="regular">${ fabric } ${name[1].replace(' in ', ' ')}</div>` window.upsells += `<div class="carousel-item flex" style="scroll-snap-align:start; margin-bottom:1rem;"> <div class="flex vertical-flex cart-upsell-carousel-image" style="justify-content:space-between;"> <a class="no-link" href="${upsell.url}"> <div> <img alt="${title.substring(5, title.length - 6)}" width="2048" height="2048" loading="lazy" class="object-cover" src="//cdn.shopify.com/s/files/1/2053/3799/${upsell.image}?width=270"> <div class="grid tiny m-small lh14 grid-flow-col gap-4 my-1 mx-0"> <div class="text-left bold uppercase">${title}</div> </div> </div> </a> </div> </div>` })(); </script> <script> const initializeGTM = (pageview) => { (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js", }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-PF5QHP2"); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ analytics: true }); window.dataLayer.push({ tracking: true }); if (pageview == true) { window.dataLayer.push({ event: "initializeContainer", initializeContainer: "initialize", }); } }; initializeGTM(false); </script> <script type="text/javascript"> window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])}; heap.load("882548221"); </script> <script src="https://cdn.trackjs.com/agent/v3/latest/t.js"></script> <script> window.TrackJS && TrackJS.install({ token: '756f332a0f3d4c16adf4fd32cf9ae607', version: window.Shopify?.theme?.name || '', }); </script> <script src="https://cdn.intelligems.io/e6c9f041d66f.js"></script> <script src="https://snapui.searchspring.io/c220gm/bundle.js" id="searchspring-context" defer> template = "page.convertible-tutorial"; format = "${{amount}}"; filePath = "//www.birdygrey.com/cdn/shop/files/searchspring?226038"; siteId = "c220gm"; </script> <!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> <script async src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=P5jJ7X"></script> <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script> <script> window.klaviyoReviewsProductDesignMode = false </script> <!-- END app app block --><!-- BEGIN app block: shopify://apps/webrex-seo-optimizer/blocks/webrexSeoEmbed/b26797ad-bb4d-48f5-8ef3-7c561521049c --> <!-- BEGIN app snippet: article --> <!-- END app snippet --> <!-- BEGIN app snippet: search --> <script type="application/ld+json" class="ws_schema"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://www.birdygrey.com", "potentialAction": { "@type": "SearchAction", "target": "https://www.birdygrey.com/search?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <!-- END app snippet --> <!-- BEGIN app snippet: collection --><!-- END app snippet --> <!-- BEGIN app snippet: blog --> <!-- END app snippet --> <!-- BEGIN app snippet: product --> <!-- END app snippet --> <!-- END app app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 20533799,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function e(e,n,a,t,r){var o="function"==typeof BigInt&&-1!==BigInt.toString().indexOf("[native code]")?"modern":"legacy";window.Shopify=window.Shopify||{};var i=window.Shopify;i.analytics=i.analytics||{};var s=i.analytics;s.replayQueue=[],s.publish=function(e,n,a){return s.replayQueue.push([e,n,a]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=[a,"/wpm","/b",r,o.substring(0,1),".js"].join("");!function(e){var n=e.src,a=e.async,t=void 0===a||a,r=e.onload,o=e.onerror,i=document.createElement("script"),s=document.head,l=document.body;i.async=t,i.src=n,r&&i.addEventListener("load",r),o&&i.addEventListener("error",o),s?s.appendChild(i):l?l.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:l,async:!0,onload:function(){var a=window.webPixelsManager.init(e);n(a);var t=window.Shopify.analytics;t.replayQueue.forEach((function(e){var n=e[0],t=e[1],r=e[2];a.publishCustomEvent(n,t,r)})),t.replayQueue=[],t.publish=a.publishCustomEvent,t.visitor=a.visitor},onerror:function(){var n=e.storefrontBaseUrl.replace(/\/$/,""),a="".concat(n,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/2.0",payload:{version:t||"latest",page_url:self.location.href,status:"failed",error_msg:"".concat(l," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(a,r))return!0}catch(e){}var o=new XMLHttpRequest;try{return o.open("POST",a,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(r),!0}catch(e){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 20533799,storefrontBaseUrl: "https://www.birdygrey.com",cdnBaseUrl: "https://www.birdygrey.com/cdn",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"44335295","configuration":"{\"shopId\":\"birdygrace.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e1153eaf03f482e60214655937f4e188","type":"APP","apiClientId":4845829,"privacyPurposes":null},{"id":"8126655","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":null},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0575","apiClientId":"shopify-pixel","type":"APP","purposes":["ANALYTICS"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0575","apiClientId":"shopify-pixel","type":"CUSTOM","purposes":["ANALYTICS"]}],initData: {"cart":null,"checkout":null,"customer":null,"productVariants":[]},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed");},"https://www.birdygrey.com/cdn","0.0.466","923483b2w04fb9a55pdf3e3378md2b76e35",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":86228762815}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 20533799, theme_id: 135735509183, app_name: "storefront", context_url: window.location.href, source_url: "//www.birdygrey.com/cdn/s/trekkie.storefront.edae546725afe9e67372986831ce229a1cb75365.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//www.birdygrey.com/cdn/s/trekkie.storefront.edae546725afe9e67372986831ce229a1cb75365.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//www.birdygrey.com/cdn/s/trekkie.storefront.edae546725afe9e67372986831ce229a1cb75365.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":20533799,"isMerchantRequest":null,"themeId":135735509183,"themeCityHash":"10621413671435266851","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["bbcf04e6"]},"Google Analytics":{"trackingId":"UA-106882651-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Facebook Pixel":{"pixelIds":["127266851307395"],"agent":"plshopify1.2"},"Pinterest Pixel":{"pixelId":"2618053780023"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"facebookAppPixelId":"127266851307395","source":"trekkie-storefront-renderer"}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":86228762815}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//www.birdygrey.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) { return; } window.BOOMR = window.BOOMR || {}; window.BOOMR.snippetStart = new Date().getTime(); window.BOOMR.snippetExecuted = true; window.BOOMR.snippetVersion = 12; window.BOOMR.application = "storefront-renderer"; window.BOOMR.themeName = ""; window.BOOMR.themeVersion = ""; window.BOOMR.shopId = 20533799; window.BOOMR.themeId = 135735509183; window.BOOMR.renderRegion = "gcp-europe-west1"; window.BOOMR.url = "https://www.birdygrey.com/cdn/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js"; var where = document.currentScript || document.getElementsByTagName("script")[0]; var parentNode = where.parentNode; var promoted = false; var LOADER_TIMEOUT = 3000; function promote() { if (promoted) { return; } var script = document.createElement("script"); script.id = "boomr-scr-as"; script.src = window.BOOMR.url; script.async = true; parentNode.appendChild(script); promoted = true; } function iframeLoader(wasFallback) { promoted = true; var dom, bootstrap, iframe, iframeStyle; var doc = document; var win = window; window.BOOMR.snippetMethod = wasFallback ? "if" : "i"; bootstrap = function(parent, scriptId) { var script = doc.createElement("script"); script.id = scriptId || "boomr-if-as"; script.src = window.BOOMR.url; BOOMR_lstart = new Date().getTime(); parent = parent || doc.body; parent.appendChild(script); }; if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) { window.BOOMR.snippetMethod = "s"; bootstrap(parentNode, "boomr-async"); return; } iframe = document.createElement("IFRAME"); iframe.src = "about:blank"; iframe.title = ""; iframe.role = "presentation"; iframe.loading = "eager"; iframeStyle = (iframe.frameElement || iframe).style; iframeStyle.width = 0; iframeStyle.height = 0; iframeStyle.border = 0; iframeStyle.display = "none"; parentNode.appendChild(iframe); try { win = iframe.contentWindow; doc = win.document.open(); } catch (e) { dom = document.domain; iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);"; win = iframe.contentWindow; doc = win.document.open(); } if (dom) { doc._boomrl = function() { this.domain = dom; bootstrap(); }; doc.write("<body onload='document._boomrl();'>"); } else { win._boomrl = function() { bootstrap(); }; if (win.addEventListener) { win.addEventListener("load", win._boomrl, false); } else if (win.attachEvent) { win.attachEvent("onload", win._boomrl); } } doc.close(); } var link = document.createElement("link"); if (link.relList && typeof link.relList.supports === "function" && link.relList.supports("preload") && ("as" in link)) { window.BOOMR.snippetMethod = "p"; link.href = window.BOOMR.url; link.rel = "preload"; link.as = "script"; link.addEventListener("load", promote); link.addEventListener("error", function() { iframeLoader(true); }); setTimeout(function() { if (!promoted) { iframeLoader(true); } }, LOADER_TIMEOUT); BOOMR_lstart = new Date().getTime(); parentNode.appendChild(link); } else { iframeLoader(false); } function boomerangSaveLoadTime(e) { window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime(); } if (window.addEventListener) { window.addEventListener("load", boomerangSaveLoadTime, false); } else if (window.attachEvent) { window.attachEvent("onload", boomerangSaveLoadTime); } if (document.addEventListener) { document.addEventListener("onBoomerangLoaded", function(e) { e.detail.BOOMR.init({ ResourceTiming: { enabled: true, trackedResourceTypes: ["script", "img", "css"] }, }); e.detail.BOOMR.t_end = new Date().getTime(); }); } else if (document.attachEvent) { document.attachEvent("onpropertychange", function(e) { if (!e) e=event; if (e.propertyName === "onBoomerangLoaded") { e.detail.BOOMR.init({ ResourceTiming: { enabled: true, trackedResourceTypes: ["script", "img", "css"] }, }); e.detail.BOOMR.t_end = new Date().getTime(); } }); } })();</script> </head> <bo |
| 13 |
Error
On line 923, column 120 t> </head> <body class="is-page sans no-focus-outline how-to-wear-our-convertible-dresses how-to-wear-our-convertible-dresses"> < |
| 14 |
Error
On line 5857, column 18 -dresses"> <script async data-environment="production" src="https://osm.klarnaservices.com/lib.js" data-client-id="2531c0d5-8b16-50bf-9310-b1d89b1aa352" ></script> <style> a html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .no-focus-outline *:focus { outline: none; } :root { --black: #464646 ; --white: #ffffff ; --accent1: #e5b3ac ; --accent2: #f5e5e2 ; --accent3: #f4e6dc ; --accent4: #f7ece4 ; --accent5: #fcf6ef ; --accent6: #fcf3f0 ; --accent7: #f2dcd9 ; --inactive: #cdcdcd; } .groomsmen { --accent1: #6f999e ; --accent2: #ececec ; --accent3: #d5e0d5 ; --accent4: #9bc3c4 ; --accent5: #cde4e7 ; --accent6: #e3ebf2 ; --accent7: #bcd0d7 ; } .party { --accent1: #f7b4c8 ; --accent2: #f2caa6 ; --accent3: #dfcee0 ; --accent4: #cedae0 ; --accent5: #91c2c6 ; --accent6: #f9e3e0 ; --accent7: #d7aad5 ; } .black { color: var(--black); } .bg-black { background-color: var(--black); } .white { color: var(--white); } .bg-white { background-color: var(--white); } .bg-trans-white { background-color: rgba(255, 255, 255, 0.9); } .color1 { color: var(--accent1); } .color2 { color: var(--accent2); } .color3 { color: var(--accent3); } .color4 { color: var(--accent4); } .color5 { color: var(--accent5); } .color6 { color: var(--accent6); } .color7 { color: var(--accent7); } .dark-terracotta { color: #c66e67; } .waitlist-text { color: #7AA3A8; } .inactive { color: var(--inactive); } .bg1 { background-color: var(--accent1); } .bg2 { background-color: var(--accent2); } .bg3 { background-color: var(--accent3); } .bg4 { background-color: var(--accent4); } .bg5 { background-color: var(--accent5); } .bg6 { background-color: var(--accent6); } .bg7 { background-color: var(--accent7); } .bg-dark-terracotta { background-color: #B55854; } .fill-black { fill: var(--black); } .fill-white { fill: var(--white); } .fill1 { fill: var(--black); } .fill2 { fill: var(--accent2); } .fill3 { fill: var(--accent3); } .fill4 { fill: var(--accent4); } .fill5 { fill: var(--accent5); } .fill6 { fill: var(--accent6); } .stroke-black { stroke: var(--black); } .stroke-white { stroke: var(--white); } .stroke1 { stroke: var(--accent1); } .stroke2 { stroke: var(--accent2); } .stroke3 { stroke: var(--accent3); } .stroke4 { stroke: var(--accent4); } .stroke5 { stroke: var(--accent5); } .stroke6 { stroke: var(--accent6); } .logoletter { fill: var(--accent1); } .groomsmen .logoletter { fill: var(--accent1); } .party .logoletter { fill: none; stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; } .party .logoletter:nth-of-type(1) { stroke: var(--accent2); } .party .logoletter:nth-of-type(2) { stroke: var(--accent3); } .party .logoletter:nth-of-type(3) { stroke: var(--accent4); } .party .logoletter:nth-of-type(4) { stroke: var(--accent2); } .party .logoletter:nth-of-type(5) { stroke: var(--accent7); } .party .logoletter:nth-of-type(6) { stroke: var(--accent1); } .party .logoletter:nth-of-type(7) { stroke: var(--accent5); } .party .logoletter:nth-of-type(8) { stroke: var(--accent7); } .party .logoletter:nth-of-type(9) { stroke: var(--accent1); } @media(max-width:768px) { .m-black { color: var(--black); } .m-white { color: var(--white); } .m-color1 { color: var(--accent1); } .m-color2 { color: var(--accent2); } .m-color3 { color: var(--accent3); } .m-color4 { color: var(--accent4); } .m-color5 { color: var(--accent5); } .m-color6 { color: var(--accent6); } } html { color: var(--black); font-size: 18px; letter-spacing: 0.025rem; font-family: 'Karla', sans-serif; font-display: swap; overflow-x: hidden; width: 100%; margin: 0 auto; scroll-behavior: smooth; line-height: 1.4; } html:has(body.open-cart-drawer) { overflow-y: hidden; } body { margin: 0; position: relative; } @media(max-width:1024px) { html { font-size: 16px; line-height: 1.5rem; } .line-height { line-height: 1.5rem; } } h1 { font-size: 1rem; } h2 { font-size: 1rem; } h3 { font-size: 1rem; } h4 { font-size: 1rem; } h5 { font-size: 1rem; } h6 { font-size: 1rem; } .h1 { font-size: 2rem; margin: 1.125em 0 0.25em; line-height: 1.05; } .h2 { font-size: 1.75rem; margin: 1.125em 0 0.25em; line-height: 1.05; } .h3 { font-size: 1.5rem; margin: 1.125em 0 0.25em; line-height: 1.05; } .h4 { font-size: 1.25rem; margin: 1.125em 0 0.25em; line-height: 1.05; } .h5 { font-size: 1rem; margin: 1.125em 0 0.25em; line-height: 1.25; } .h6 { font-size: 0.8rem; margin: 1.125em 0 0.25em; line-height: 1.25; font-weight: normal; } p { font-size: inherit; margin: 1em 0; line-height: 1.4; } blockquote { font-size: 1.2rem; text-indent: 1em; font-style: italic; position: relative; margin: 1.5em auto auto; width: max-content; text-indent: 0; max-width: 33em; padding: 1rem; } blockquote::before { content: "“"; font-size: 2em; left: -0.25rem; top: -0.5rem; position: absolute; } @media(max-width:600px) { blockquote { padding: 0.5rem; } } a { color: var(--black); text-decoration: underline; -webkit-tap-highlight-color: transparent; } a:hover { color: inherit; } ul { line-height: calc(4rem / 3); } ol { line-height: calc(4rem / 3); } @media(max-width:1440px) { ul { line-height: 1.5rem; } ol { line-height: 1.4rem; } } img { width: 100%; height: auto; display: block; } video { display: block; } .cover { object-fit: cover; } .contain { object-fit: contain; } form { font-family: inherit; } legend { width: max-content; } .button-pad { padding: 0.75rem 1rem; } [type="text"] {} .toggle-label { display: flex; align-items: center; } .switch { height: 1rem; display: inline-block; transition: all 0.35s cubic-bezier(0.46, 0.01 , 0.32, 1); margin-right: 0.5rem; position: relative; width: 2rem; background-color: var(--black); border-radius: 0.5rem; } #measurements-toggle + .switch { background-color: #C66E67; } .toggler { position: absolute; height: 0.777777777rem; width: 0.777777777777rem; background-color: white; left: 0.1111111111111rem; top: 0.111111111111rem; border-radius: 50%; transition: all 0.35s cubic-bezier(0.46, 0.01 , 0.32, 1) } .toggle:checked + .switch { background-color: #C66E67; } .toggle:checked + .switch > .toggler { left: 1.1111111111111rem; } .radio { border-radius: 50%; width: 1.125rem; height: 1.125rem; margin: 0 0.625rem 0 0; appearance: none; -webkit-appearance: none; background-color: white; border: 2px solid white; } .radio:checked { background-color: var(--accent1); } .blog-radio { border-radius: 50%; width: 1.125rem; height: 1.125rem; margin: 0 0.625rem 0 0; appearance: none; -webkit-appearance: none; background-color: white; border: 2px solid white; } .blog-radio:checked { background-color: #D88473; } .hidden-radio { position: absolute; width: 0; height: 0; appearance: none; -webkit-appearance: none; margin: 0; border: none; outline: none; } .hidden-radio:checked { fill: none; outline: none; border: none; } .standard-radios { margin-bottom: 30px; flex-wrap: wrap; } .size-dropdown.selected .dropdown-button { border-color: #E5B3AC; border-width: 2px; color: #464646; font-weight: bold; } .size-dropdown.selected .dropdown-button.groomsmen, .length-dropdown.selected .dropdown-button { border-color: #464646; border-width: 1px; color: #464646; font-weight: bold; } @media(max-width:640px) { .size-dropdown .dropdown-item.checked, .length-dropdown .dropdown-item.checked { border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; background: #FAF3F0; } } .size-dropdown.has-error .dropdown-button, .length-dropdown.has-error .dropdown-button { border-color: #A64E47; border-width: 1px; color: #A64E47; font-weight: bold; } @media(min-width:640px) { .size-dropdown.has-error .dropdown-button svg, .length-dropdown.has-error .dropdown-button svg { fill: #A64E47; } } .product-price { justify-content: space-between; margin: 21px 0 30px; } @media(min-width: 769px) { .standard-radios { margin-bottom: 20px; } .product-price { margin: 1rem 0 21px; } } .hidden-checkbox { position: absolute; width: 0; height: 0; appearance: none; -webkit-appearance: none; margin: 0; outline: none; border: none; } .hidden-checkbox:checked { fill: none; outline: none; border: none; } .hidden-checkbox:focus-visible + .std-checkbox, .hidden-checkbox:focus-visible + .switch, .hidden-checkbox:focus-visible + .icon-filter { outline: #101010 auto 1px; } button { font-family: 'Karla', 'Helvetica', 'Arial', sans-serif; } input { font-family: 'Karla', 'Helvetica', 'Arial', sans-serif; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input::-webkit-date-and-time-value { height: 1.5rem; } .m-block { display: none; } .m-inline { display: none; } .m-inline-block { display: none; } .m-flex { display: none; } .m-inline-flex { display: none; } .m-grid { display: none; } .tm-block { display: none; } .tm-inline { display: none; } .tm-inline-block { display: none; } .tm-flex { display: none; } .tm-inline-flex { display: none; } .tm-grid { display: none; } .no-fill { opacity: 0; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .inline-grid { display: inline-grid; } .d-block { display: block; } .d-inline { display: inline; } .d-inline-block { display: inline-block; } .d-flex { display: flex; } .d-inline-flex { display: inline-flex; } .d-grid { display: grid; } .df-block { height: 0; overflow-y: hidden; } .show-menu { height: calc(100vh - 4rem); background-color: #FCF0EE; } .dt-block { display: block; } .dt-inline { display: inline; } .dt-inline-block { display: inline-block; } .dt-flex { display: flex; } .dt-inline-flex { display: inline-flex; } .dt-grid { display: grid; } .w-block { display: block; } .fine-block { display: none; } .flow-column { grid-auto-flow: column; } } #mobile-menu-icon rect { transition: all 0.35s cubic-bezier(0.46, 0.01 , 0.32, 1); } .menu-icon-line-top { transform: translate(0, 0); } .menu-icon-line-middle { transform: translate(0, 6.6125px); } .menu-icon-line-bottom { transform: translate(0, 13.25px); } .active-menu-button .menu-icon-line-top { transform: translate(1px, 0) rotate(45deg); } .active-menu-button .menu-icon-line-middle { transform: translate(1px, 0) rotate(45deg); } .active-menu-button .menu-icon-line-bottom { transform: translate(0, 14.4px) rotate(-45deg); } @media(pointer:fine) { .header-menu-link:hover .menu-underline { text-decoration: underline; text-decoration-color: var(--accent1); text-decoration-thickness: 2px; text-underline-offset: 3px; } } @media(max-width:1024px) { .tm-flow-row { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); } } @media(max-width:768px) { .m-flow-row { grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); } } .announcement-bar__message a { margin-left: 1rem; } .announcement-bar__arrow { height: 8px; width: auto; transform: rotate(270deg); } .announcement-bar__close { height: 100%; width: 24px; transform: rotate(45deg); position: absolute; right: 30px; top: 0; } .announcement-bar__message, .announcement-bar__message-container { transition: all .5s cubic-bezier(.4,0,.2,1); } .announcement-bar__message { visibility: visible; width: auto; transform: translate(0, 0); transition: .5s cubic-bezier(.4,0,.2,1); } .announcement-bar__message.move-left { transform: translate(-500%, 0); transition: .5s cubic-bezier(.4,0,.2,1); } .announcement-bar__message.move-right { transform: translate(500%, 0); transition: .5s cubic-bezier(.4,0,.2,1); } .announcement-bar__message.no-visible { visibility: hidden; } .announcement-bar__message.no-width { width: 0; } .search-grid { grid-template-columns: 15rem minmax(auto, 57rem); justify-content: space-between; } .desktop-search-container { transition: all 0.35s; left: 0; margin: 0; width: 150px; background: #FFFFFF 0 0 no-repeat padding-box; border: 1px solid #707070; border-radius: 20px; padding: 0 0.9rem; justify-content: space-between; box-sizing: border-box; height: 30px; } .desktop-search-container-content { display: flex; justify-content: space-between; width: 100%; align-items: center; } .desktop-search-label { font-size: 12px; color: #707070; text-transform: uppercase; } .search-icon { height: 1.25rem; width: 1.25rem; } .desktop-search-container .search-icon { height: 0.8rem; width: 0.8rem; } .desktop-search-input-container { max-width: 76rem; transition: all 0.35s; width: 0; overflow-x: hidden; } .desktop-search-input { padding: 0 1.5rem; appearance: none; -webkit-appearance: none; border: none; font-size: 1rem; text-transform: uppercase; color: #464646; } .open-search .desktop-search-input::placeholder, .open-search .mobile-search-input::placeholder { color: #707070; font-style: italic; } .desktop-search-close { width: 0; font-size: 1.5rem; overflow: hidden; } .mobile-search-box { overflow: hidden; height: 0; transition: all 0.35s; } .popular-search-contents { overflow: auto; height: 0; max-height: calc(100vh - 3.5rem); transition: height 0.35s; } #desktop-search-ui { display: none; } .open-search #desktop-search-ui { display: flex; } .open-search .desktop-search-label { display: none; } .open-search .desktop-search-container { width: auto; padding: 0; border: none; right: -91px; left: auto; } .open-search .desktop-search-container .search-icon { height: 1.25rem; width: 1.25rem; } .open-search .desktop-search-input-container { width: calc(100vw - 4.5rem); } .open-search .desktop-search-input { width: calc(100% - 3rem); } .open-search .popular-search-contents { height: 30rem; box-shadow: 0 8px 5px -4px rgba(115, 115, 115, 0.15); } .open-search .desktop-search-close { width: 1.5rem; } .mobile-search-input { padding: 0 1.5rem; appearance: none; -webkit-appearance: none; border: none; font-size: 1rem; text-transform: uppercase; color: #464646; } @media(max-width:1024px) { .open-mobile-search { height: 100%; } } @media(pointer:fine) { .fine-block { display: block; } } @media(max-width:1440px) { .w-block { display: none; } } @media(min-width:1025px) and (pointer:coarse) { .tablet-none { display: none; } } @media(min-width:1025px) and (pointer:none) { .tablet-none { display: none; } } @media(min-width:1025px) and (pointer:coarse) { .tablet-flex { display: flex; } .tablet-block { display: block; } } @media(min-width:1025px) and (pointer:none) { .tablet-flex { display: flex; } .tablet-block { display: block; } } @media(min-width:1025px) and (max-width:1440px) { .df-block { height: auto; overflow-y: visible; } } @media(min-width:1025px) and (pointer:fine) { .df-block { height: auto; overflow-y: visible; } .sort-by-button { width: 211px; } } @media(max-width:1024px) { .d-block, .d-inline, .d-inline-block, .d-flex, .d-inline-flex, .d-grid { display: none; } .tm-block { display: block; } .tm-inline { display: inline; } .tm-inline-block { display: inline-block; } .tm-flex { display: flex; } .tm-inline-flex { display: inline-flex; } .tm-grid { display: grid; } } @media(max-width:768px) { .dt-block, .dt-inline, .dt-inline-block, .dt-flex, .dt-inline-flex, .dt-grid { display: none; } .m-block { display: block; } .m-inline { display: inline; } .m-inline-block { display: inline-block; } .m-flex { display: flex; } .m-inline-flex { display: inline-flex; } .m-grid { display: grid; } } .static { position: static; } .relative { position: relative; } .sticky { position: sticky; position: -webkit-sticky } .fixed { position: fixed; } @media(max-width:768px) { .cancel-sticky { position: static; } } .top { top: 0; } .bottom { bottom: 0; } .left { left: 0; } .right { right: 0; } .no-overflow { overflow-x: hidden; overflow-y: hidden; } .no-horizontal-overflow { overflow-x: hidden; } .no-vertical-overflow { overflow-y: hidden; } .z1 { z-index: 1; } .z2 { z-index: 2; } .z3 { z-index: 3; } .z10 { z-index: 10; } .z100 { z-index: 100; } .z101 { z-index: 101; } .z200 { z-index: 200; } .z300 { z-index: 300; } .zero-auto { margin: 0 auto; } .auto { margin: auto; } @media(max-width:768px) { .m-auto { margin: auto; } } .side-margins-05 { margin: 0 0.5rem; } .side-margins-1 { margin: 0 1rem; } .no-margin { margin: 0; } @media(max-width:600px) { .m-side-margins-1-2 { margin: 0 0.5rem; } } .pad1 { padding: 1rem; } .pad2 { padding: 2rem; } .pad3 { padding: 3rem; } .pad125 { padding: 1.25rem; } .pad15 { padding: 1.5rem; } .pad1-025 { padding: 1rem 0.25rem; } .pad1-0 { padding: 1rem 0; } .pad0-1 { padding: 0 1rem; } .pad2-0 { padding: 1rem 0; } .pad025 { padding: 0.25rem; } .pad05 { padding: 0.5rem; } .pad075 { padding: 0.75rem; } @media(max-width:768px) { .m-pad1 { padding: 1rem; } .m-pad2 { padding: 2rem; } .m-pad3 { padding: 3rem; } .m-pad125 { padding: 1.25rem; } .m-pad15 { padding: 1.5rem; } .m-pad1-0 { padding: 1rem 0; } .m-pad0-1 { padding: 0 1rem; } .m-pad2-0 { padding: 2rem 0; } .m-pad0-2 { padding: 0 2rem; } .m-pad2-1 { padding: 2rem 1rem; } } .wrapper { margin: auto; padding-left: 1rem; padding-right: 1rem; max-width: 80rem; } .loose-wrapper { margin: auto; padding-left: 2.25rem; padding-right: 2.25rem; max-width: 80rem; } .small-wrapper { margin: auto; padding-left: 1rem; padding-right: 1rem; max-width: 60rem; } .read-wrapper { margin: auto; padding-left: 1rem; padding-right: 1rem; max-width: 40rem; } .small-read-wrapper { margin: auto; padding-left: 1rem; padding-right: 1rem; max-width: 32rem; } .d-wrapper { margin: auto; padding-left: 1rem; padding-right: 1rem; max-width: 80rem; } .wrap { padding-left: 1rem; padding-right: 1rem; } .top025 { margin-top: 0.25rem; } .top05 { margin-top: 0.5rem; } .top1 { margin-top: 1rem; } .top15 { margin-top: 1.5rem; } .top2 { margin-top: 2rem; } .top25 { margin-top: 2.5rem; } .top3 { margin-top: 3rem; } .top4 { margin-top: 4rem; } .top5 { margin-top: 5rem; } .bottom025 { margin-bottom: 0.25rem; } .bottom05 { margin-bottom: 0.5rem; } .bottom1 { margin-bottom: 1rem; } .bottom15 { margin-bottom: 1.5rem; } .bottom2 { margin-bottom: 2rem; } .bottom3 { margin-bottom: 3rem; } .bottom4 { margin-bottom: 4rem; } .bottom5 { margin-bottom: 5rem; } @media(max-width:768px) { .m-top0 { margin-top: 0; } .m-bottom0 { margin-bottom: 0; } .m-top1 { margin-top: 1rem; } .m-top2 { margin-top: 2rem; } .m-top3 { margin-top: 3rem; } .m-top4 { margin-top: 4rem; } .m-top5 { margin-top: 5rem; } .m-bottom1 { margin-bottom: 1rem; } .m-bottom15 { margin-bottom: 1.5rem; } .m-bottom2 { margin-bottom: 2rem; } .m-bottom3 { margin-bottom: 3rem; } .m-bottom4 { margin-bottom: 4rem; } .m-bottom5 { margin-bottom: 5rem; } .m-no-pad { padding: 0; } .m-edge { padding-left: 0; padding-right: 0; } } @media(max-width:1024px) { .d-wrapper { padding-left: 0; padding-right: 0; } } @media(max-width:1024px) { .t-wrapper { padding-left: 0.625rem; padding-right: 0.625rem; } } @media(max-width:768px) { .loose-wrapper { padding: 0; } .wrapper { padding: 0; } .small-wrapper { padding: 0; } .read-wrapper { padding: 0; } .small-read-wrapper { padding: 0; } .m-wrapper { padding-left: 0.625rem; padding-right: 0.625rem; } } .full-width { width: 100%; } .max32 { max-width: 32rem; } .max64 { max-width: 64rem; } .full-height { height: 100%; } .half-height { height: 50%; } .view-height { height: 100vh; } .half-view-height { height: 50vh; } .min-view-height { min-height: 100vh; } .min-half-view-height { min-height: 50vh; } .wide-height { height: 100vw; } .view-width { width: 100vw; } .wmc { width: max-content; } @media(max-width:768px) { .m-full-width { width: 100%; } .m-min-auto-height { min-height: auto; } .mobile-view-width { width: 100vw; } } @media(max-width:1024px) { .tablet-full-width { width: 100%; } } .no-height { height: 0; } .serif { font-family: 'Times New Roman', serif; font-display: swap; } .sans { font-family: 'Karla', sans-serif; font-display: swap; } .display { font-family: 'abril-display', 'Times New Roman', serif; font-display: swap; } .regular { font-weight: 400; } .bold { font-weight: 700; } .italic { font-style: italic; } @media(max-width:1024px) { .tm-text-left { text-align: left; } } @media(max-width:768px) { .m-text-left { text-align: left; } } @media(max-width:768px) { .m-shadow-inherit { text-shadow: 1px 1px; } .m-shadow-white { text-shadow: 1px 1px white; } .m-shadow-black { text-shadow: 1px 1px #464646; } .m-text-center { text-align: center; } } .mini { font-size: calc(6rem / 9); } .tiny { font-size: calc(7rem / 9); } .small { font-size: calc(8rem / 9); } .standard { font-size: 1rem; } .large { font-size: calc(10rem / 9); } .huge { font-size: calc(11rem / 9); } .huger { font-size: calc(12rem / 9) } .heading { font-size: 2rem; } .big-heading { font-size: 3rem; } .huge-heading { font-size: 4rem; } .subheading { font-size: 1.5rem; } .small-subheading { font-size: 1.25rem; } @media(max-width:1024px) { .small { font-size: 0.875rem; } .tiny { font-size: 0.75rem; } .mini { font-size: 0.625rem; } .large { font-size: 1.125rem; } .huge { font-size: 1.25rem; } .m-standard { font-size: 1rem; } .m-small { font-size: 0.875rem; } .m-tiny { font-size: 0.75rem; } } @media(max-width:768px) { .big-heading { font-size: 2.5rem; } } .uppercase { text-transform: uppercase; letter-spacing: 0.05em; } .underline { text-decoration: underline; } .lowercase { text-transform: lowercase; letter-spacing: 0.025em; } .no-link { text-decoration: none; color: inherit; } .no-link:visited { color: inherit; } strong { font-weight: 700; } em { font-style: italic; } .lh1 { line-height: 1 } .lh125 { line-height: 1.25 } .lh13 { line-height: 1.3 } .lh14 { line-height: 1.4 } .lh15 { line-height: 1.5 } .lh16 { line-height: 1.6; } .lh18 { line-height: 1.8; } .lh2 { line-height: 2; } .lh105 { line-height: 1.05 } .dg1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .dg2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dg3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .dg4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .dg5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .dg6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .dg7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .dg8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .dg3-max { grid-template-columns: repeat(3, max-content); } .dg4-auto { grid-template-columns: repeat(4, 1fr); } .dg14 { grid-template-columns: 1fr 4fr; } .dg25 { grid-template-columns: 2fr 5fr; } .dg23 { display: grid; grid-template-columns: 2fr 1fr; } .grid61 { display: grid; grid-template-columns: 6fr 1fr; } @media(max-width:1024px) { .tg1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .tg2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tg3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .tg4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .tg5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .tg6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .tg7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .tg8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } } @media(max-width:768px) { .mg-auto { grid-template-columns: revert; grid-auto-flow: column; } .mg-auto div { width: 44vw; } .mg1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .mg2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mg3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .mg4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .mg5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .mg6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .mg7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .mg8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } } .gap1 { gap: 1rem 1rem; } .gap1-0 { gap: 1rem 0; } .gap0-1 { gap: 0 1rem; } .gap2 { gap: 2rem 2rem; } .gap2-0 { gap: 2rem 0; } .gap0-2 { gap: 0 2rem; } .gap1-2 { gap: 1rem 2rem; } .gap2-1 { gap: 2rem 1rem; } .gap1-3 { gap: 1rem 3rem; } .gap3 { gap: 3rem 3rem; } .gap3-1 { gap: 3rem 1rem; } .gap05 { gap: 0.5rem; } .gap0-3 { gap: 0 3rem; } .row-reverse { flex-direction: row-reverse; } .vertical-flex { flex-direction: column; } .d-vertical-flex { flex-direction: column; } .dt-vertical-flex { flex-direction: column; } @media(max-width:1024px) { .d-vertical-flex { flex-direction: revert; } .t-vertical-flex { flex-direction: column; } .tm-vertical-flex { flex-direction: column; } } @media(max-width:768px) { .t-vertical-flex { flex-direction: revert; } .dt-vertical-flex { flex-direction: revert; } .m-vertical-flex { flex-direction: column; } .m-vertical-flex-reverse { flex-direction: column-reverse; } } .as-start { align-self: start; } .as-center { align-self: center; } .as-end { align-self: end; } .ac-start { align-content: start; } .ac-center { align-content: center; } .ac-end { align-content: end; } .ai-start { align-items: start; } .ai-center { align-items: center; } .ai-end { align-items: flex-end; } .js-start { justify-self: start; } .js-center { justify-self: center; } .js-end { justify-self: end; } .jc-start { justify-content: start; } .jc-center { justify-content: center; } .jc-end { justify-content: end; } .jc-between { justify-content: space-between; } .jc-even { justify-content: space-evenly; } @media(max-width:768px) { .m-ai-start { align-items: start; } .m-ai-center { align-items: center; } .m-ai-end { align-items: flex-end; } .m-jc-center { justify-content: center; } .m-js-center { justify-self: center; } .m-js-start { justify-self: start; } .m-js-end { justify-self: end; } } .ji-start { justify-items: start; } .ji-center { justify-items: center; } .ji-end { justify-items: end; } .multiply { mix-blend-mode: multiply; } .auto-cursor { cursor: auto; } .pointer { cursor: pointer; } .crosshair { cursor: crosshair; } .no-border { border: none; } .thin-border { border: 1px solid var(--black); } .thick-border { border: 2px solid var(--black); } .standard-input { padding: 0.7125rem 1rem; border-radius: 2rem; border: 2px solid white; } .standard-cta { padding: 0.7125rem 2rem; border-radius: 2rem; border: none; width: 12rem; max-width: calc(100vw - 5rem); } .standardish-cta { padding: 0.7125rem 2rem; border-radius: 2rem; border: none; width: 12rem; max-width: calc(100%); } .max-cta { padding: 0.7125rem 2rem; border-radius: 2rem; border: none; width: max-content; max-width: calc(100vw - 5rem); } .flat-input { padding: 0.7125rem 1rem; border-radius: 0.5rem; border: 2px solid white; } .small-cta { padding: 0.7125rem 2rem; border-radius: 2rem; border: none; } .flat-cta { padding: 0.7125rem 2rem; border-radius: 0.5rem; border: none; width: 12rem; max-width: calc(100vw - 5rem); } .full-cta { padding: 0.7125rem 2rem; border-radius: 2rem; border: none; width: 100%; } .fabric-cta { padding: 0.7125rem 2rem; border-radius: 2rem; border: none; width: 16rem; max-width: 100%; } .pdp-ctas { display: grid; grid-template-columns: 60.5% 37%; grid-gap: 2.5%; } @media(max-width:768px) { .standard-cta { width: max-content; } .fabric-cta { width: 100%; } .m-full-cta { width: 100%; max-width: 100%; } .m-upsell-atc { padding: 0.7125rem 0 !important; width: 9em; } } @media(max-width: 360px) { .pdp-ctas { grid-template-columns: 100%; grid-gap: 0.5rem; } } @media(min-width: 361px) and (max-width: 768px) { .pdp-ctas { grid-template-columns: 49% 49%; grid-gap: 2%; } } @media(min-width: 769px) and (max-width: 1024px) { .pdp-ctas { grid-template-columns: 100%; grid-gap: 0.5rem; } } .pdp-ctas{ grid-template-columns: 100%; grid-gap: 0; } .pdp-ctas .cta { padding: 0.7125rem 2rem; } .animate-timer { transition: all 0.35s cubic-bezier(0.46, 0.01 , 0.32, 1); } .transition { transition: all 0.35s cubic-bezier(0.46, 0.01 , 0.32, 1); } .header-logo svg, .header-logo img { fill: var(--birdy-pink-trans); height: 2rem; width: auto; max-width: calc(100vw - 13rem); } .header-logo img { height: auto; } @media(min-width:361px) and (max-width:768px) { .header-logo svg, .header-logo img { max-width: 9rem; } } @media(min-width:769px) and (max-width:1024px) { .header-logo svg, .header-logo img { max-width: 10.5rem; } } @media(min-width:1025px) { .header-logo svg, .header-logo img { max-width: 12rem; } } #mobile-menu-icon rect{ transition: all 0.35s cubic-bezier(0.46, 0.01 , 0.32, 1); } .menu-icon-line-top { transform: translate(0, 0); } .menu-icon-line-middle { transform: translate(0, 6.6125px); } .menu-icon-line-bottom { transform: translate(0, 13.25px); } .active-menu-button .menu-icon-line-top { transform: translate(1px, 0) rotate(45deg); } .active-menu-button .menu-icon-line-middle { transform: translate(1px, 0) rotate(45deg); } .active-menu-button .menu-icon-line-bottom { transform: translate(0, 14.4px) rotate(-45deg); } @media(pointer:fine) { .header-menu-link:hover .menu-underline { text-decoration: underline; text-decoration-color: var(--accent1); text-decoration-thickness: 2px; text-underline-offset: 3px; } } .blog-header-logo svg { height: 1.5rem; width: auto; max-width: calc(100vw - 8.5rem); } .announcement-bar__message-container { width: 600px; height: 2.5rem; overflow: hidden; } @media(max-width: 1024px) { .announcement-bar__message-container { max-width: 500px; } } .announcement-bar__message a { margin-left: 1rem; } .announcement-bar__arrow { height: 8px; width: auto; transform: rotate(270deg); } .announcement-bar__close { height: 100%; width: 24px; transform: rotate(45deg); position: absolute; right: 30px; top: 0; } .announcement-bar__message, .announcement-bar__message-container { transition: all .5s cubic-bezier(.4,0,.2,1); } .announcement-bar__message { visibility: visible; width: auto; transform: translate(0, 0); transition: .5s cubic-bezier(.4,0,.2,1); } .announcement-bar__message.move-left { transform: translate(-500%, 0); transition: .5s cubic-bezier(.4,0,.2,1); } .announcement-bar__message.move-right { transform: translate(500%, 0); transition: .5s cubic-bezier(.4,0,.2,1); } .announcement-bar__message.no-visible { visibility: hidden; } .announcement-bar__message.no-width { width: 0; } .search-grid { grid-template-columns: 15rem minmax(auto, 57rem); justify-content: space-between; } .desktop-search-container { transition: all 0.35s; left: 0; margin: 0; width: 150px; background: #FFFFFF 0 0 no-repeat padding-box; border: 1px solid #707070; border-radius: 20px; padding: 0 0.9rem; justify-content: space-between; box-sizing: border-box; height: 30px; } .desktop-search-container-content { display: flex; justify-content: space-between; width: 100%; align-items: center; } .desktop-search-label { font-size: 12px; color: #707070; text-transform: uppercase; } .search-icon { height: 1.25rem; width: 1.25rem; } .desktop-search-container .search-icon { height: 0.8rem; width: 0.8rem; } .desktop-search-input-container { max-width: 76rem; transition: all 0.35s; width: 0; overflow-x: hidden; } .desktop-search-input { padding: 0 1.5rem; appearance: none; -webkit-appearance: none; border: none; font-size: 1rem; text-transform: uppercase; color: #464646; } .open-search .desktop-search-input::placeholder, .open-search .mobile-search-input::placeholder { color: #707070; font-style: italic; } .desktop-search-close { width: 0; font-size: 1.5rem; overflow: hidden; } .mobile-search-box { overflow: hidden; height: 0; transition: all 0.35s; } .popular-search-contents { overflow: auto; height: 0; max-height: calc(100vh - 3.5rem); transition: height 0.35s; } #desktop-search-ui{ display: none; } .open-search #desktop-search-ui { display: flex; } .open-search .desktop-search-label { display: none; } .open-search .desktop-search-container { width: auto; padding: 0; border: none; right: -91px; left: auto; } .open-search .desktop-search-container .search-icon { height: 1.25rem; width: 1.25rem; } .open-search .desktop-search-input-container { width: calc(100vw - 4.5rem); } .open-search .desktop-search-input { width: calc(100% - 3rem); } .open-search .popular-search-contents { height: 30rem; box-shadow: 0 8px 5px -4px rgba(115, 115, 115, 0.15); } .open-search .desktop-search-close { width: 1.5rem; } .mobile-search-input { padding: 0 1.5rem; appearance: none; -webkit-appearance: none; border: none; font-size: 1rem; text-transform: uppercase; color: #464646; } @media(max-width:1024px) { .open-mobile-search { height: 100%; } .open-search .popular-search-contents { height: calc(100vh - 3.5rem); max-height: calc(100vh - 3.5rem); max-width: 100vw; overflow-x: hidden; } } @media(max-width:768px) { .popular-searches { gap: 0.125rem; max-width: 100%; overflow-x: auto; } .popular-searches div { width: max-content; } .popular-products { max-width: 100%; overflow-x: auto; display: block; } .search-grid { grid-template-columns: minmax(0, 1fr); } } .menu-dropdown { height: -1rem; max-height: calc(70vh - 3.5rem); padding-bottom: 1rem; visibility: hidden; } .menu-carat { height: 0; overflow-y: hidden; } .carat-content { transform: rotate(45deg); width: 0.5rem; height: 0.5rem; border-bottom: 1px solid; border-right: 1px solid; border-color: inherit; visibility: hidden; } @media(min-width:1025px) and (pointer:fine) { .menu-item:hover .menu-dropdown, .menu-dropdown:hover { height: max-content; visibility: visible; max-height: calc(70vh - 3.5rem); box-shadow: 0 8px 5px -4px rgba(115, 115, 115, 0.15); transition-delay: .1s; } .menu-item:hover .menu-dropdown, .menu-dropdown:hover {} .menu-item:hover .menu-carat, .menu-carat:hover { height: auto; overflow-y: visible; } .menu-item:hover .carat-content { transition-delay: .1s; visibility: visible; } .open-menu .menu-dropdown { height: max-content; visibility: visible; max-height: calc(70vh - 3.5rem); box-shadow: 0 8px 5px -4px rgba(115, 115, 115, 0.15); } } @media(max-width:1024px) { .menu-dropdown { position: relative; } } .cart-tray-widget { width: 0; z-index: 5000; height: 100vh; right: 0; max-width: 100vw; transition: width 0.35s cubic-bezier(0.46, 0.01 , 0.32, 1); } .open-drawer { width: 27rem; } .cart-tray-container { width: 27rem; max-width: 100vw; } .line-item { grid-template-columns: minmax(6rem, 1fr) minmax(8rem, 2fr); } .custom-scrollbar { overflow: auto; } .custom-scrollbar::-webkit-scrollbar { width: 12px; } .custom-scrollbar::-webkit-scrollbar-track { background: white; } .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #707070; border-radius: 20px; border: 3px solid white; } .custom-scrollbar { scrollbar-color: #F2DCD9 white; scrollbar-width: thin; } .fixed-height-icon svg { height: 100%; width: auto; } .footer-date-input { width: 7rem; } .footer-email-input { width: 60%; } @media(max-width:768px) { .footer-date-input { width: 10rem; margin: 0.75rem 0; } .footer-email-input { width: 80%; margin-bottom: 0.75rem; } } .footer-form { grid-template-columns: auto auto 27rem; } .footer-nav { grid-template-columns: auto 27rem; } .footer-email-input { max-width: 55%; margin: 0 0.5rem 0 0; } .footer-email-button { max-width: 30%; } @media(max-width:1024px) { .footer-nav { grid-template-columns: auto; } .footer-form { grid-template-columns: auto auto; } .footer-email-container { grid-column-start: 1; grid-column-end: 3; } } @media(max-width:1024px) { .footer-menu { visibility: hidden; } } @media(max-width:768px) { .footer-form { grid-template-columns: auto; } .footer-email-container { grid-column-start: 1; grid-column-end: 2; max-width: calc(100vw - 1rem) } .footer-email-input { max-width: calc(100% - 3rem); margin: 0; } .footer-email-button { max-width: revert; margin-top: 1rem; } } footer + img { height: 0; } .blog-footer-grid { grid-template-columns: 1fr 1fr; } @media(max-width:1024px) { .blog-footer-grid { grid-template-columns: 1fr; } } .select-dropdown { font-size: 1rem; border: none; box-shadow: 0 2px 0 var(--accent1); background-color: white; color: #464646; cursor: pointer; -webkit-appearance: none; appearance: none; border-radius: 0; padding: 0.375rem; width: 100%; }.dropdown-container { height: 0; overflow: hidden; color: #464646; background-color: white; } .dropdown-value { margin: 0.5rem 0.25rem; cursor: pointer; } @media(min-width:769px) and (pointer:fine) { .sort-by-button:hover ~ .dropdown-container, .dropdown-container:hover { height: auto; z-index: 500; padding: 0.5rem 1rem; text-transform: uppercase; background-color: #faf3f0; color: var(--black); margin-top: -1px; } .select-dropdown-container { display: none; } } /* collection--container sort by styles*/ .sort-by-button { display: flex; justify-content: center; background: #FAF6EF; border-radius: 5px; padding: 16px 0; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 11px; } .sort-by-button > svg { margin-left: 7px; } .dropdown-value.active { color: #E3958A; } @media screen and (min-width: 769px) { .dropdown-container { width: calc(100% - 2rem); } .sort-by-opened-wrapper { display: none; } .popular-search-contents { overflow: hidden; } } @media screen and (min-width: 1025px) { .filter-opened-wrapper { display: none; } } @media screen and (max-width: 1024px) { .filter-opened-wrapper { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0.5rem 1.5rem 0; border-bottom: 1px solid #E29F9E; } .sort-by-label { font-size: 18px; font-weight: 700; } .filter-button { display: flex; justify-content: center; background: #FAF6EF; border-radius: 5px; padding: 14px 0; text-transform: uppercase; font-size: 14px; font-weight: 700; } .collection-grid-ui .collection-ui-grid { grid-template-columns: auto auto; } } @media screen and (max-width: 768px) { .select-dropdown-container { display: none; } .dropdown-container-collection { position: fixed; top: 4rem; left: 0; transition: all 350ms ease-in-out; } .dropdown-active { z-index: 1000; text-transform: uppercase; background-color: #faf3f0; margin-top: -1px; height: 100%; width: 100%; position: fixed; top: 4rem; left: 0; padding-top: 2rem; } .dropdown-container-collection { width: 100%; } .dropdown-container-collection .dropdown-value { margin: 1.2rem 0; font-size: 18px; font-weight: 500; text-transform: uppercase; } .sort-by-opened-wrapper { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem 1.5rem 2rem; border-bottom: 1px solid #E29F9E; } .filter-button.close-filter { padding: 0; margin: 14px 0; } .filter-swatch { scroll-snap-align: start; display: flex; flex-direction: column; align-items: center; width: 5.5rem; text-align: center; padding: 1rem 0; } @media(max-width:768px) { .filter-swatch { padding: 0.725rem 0; } } .dropdown-values-wrapper { padding: 0.5rem 1.5rem 2rem 2rem; } .column-switch { display: none; } } .collection-banner { max-height: 60vh; } .collection-banner-content { padding: 43px 1rem 48px; width: 100%; } .collection-banner .collection-description { margin: 0; } .collection-banner h1 { margin-top: 0; margin-bottom: 0.9rem; } .horizontal-carousel-container .carousel-left { width: 1rem; left: 1rem; top: calc(50% - 1rem); } .horizontal-carousel-container .carousel-right { width: 1rem; right: 1rem; top: calc(50% - 1rem); } @media(max-width:768px) { .collection-banner { max-height: revert; } .collection-banner-content { padding: 1.2rem 0.6rem; } .collection-banner h1 { margin-bottom: 0.6rem; } .horizontal-carousel-container.wrapper { padding: 0 1.2rem; } .horizontal-carousel-container .filter-swatch { padding: 0 } .horizontal-carousel-container .carousel-left { left: 0.6rem; } .horizontal-carousel-container .carousel-right { right: 0.6rem; } .horizontal-carousel-container #color-carousel { gap: 0.5rem } } #collection-wrapper { display: grid; grid-template-columns: 14rem auto; grid-gap: 0.5rem 2rem; grid-template-areas: "filter-grid filter-ui" "filter grid"; } .filter-container { top: 7.5rem; height: calc(100vh - 7.5rem); overflow-y: auto; grid-area: filter; } .filter-picker { width: 13rem; } .active-filter-container { background-color: white; } .collection-grid-ui { grid-area: filter-ui; } .collection-results { grid-area: filter-results; } .collection-content { grid-area: grid; } #collection-grid { grid-gap: 2.75rem 1.5rem; } .pagination-trigger { background: none; border: none; } .pagination-container img.pagination-trigger { background-color: #FCF6EF; height: 32px; width: auto;" } .plp-secondary { opacity: 0; transition: opacity 0.35s cubic-bezier(0.46, 0.01 , 0.32, 1); } .plp-secondary:hover { opacity: 1; } .swatch-checkbox:checked + label .collection-color { border: 4px solid white; box-shadow: 0 0 0 2px var(--accent1); } .plp-item-text { grid-template-columns: auto max-content; gap: 0 0.5rem; padding: 0.5rem 0 0.25rem; } .collection-ui-grid { grid-template-columns: auto auto; } .plp-image-container { overflow: hidden; } .unavailable-product .plp-image-container { opacity: 0.375; } .unavailable-product .plp-item-text { color: #666; } .std-checkbox { display: inline-block; height: 1.333333333rem; width: 1.3333333333333rem; background-color: var(--accent2); margin-right: 0.5rem; } .checkbox:checked + .std-checkbox { background-color: var(--accent1); } .checkbox:checked + .std-checkbox::after { content: '\2713'; position: relative; color: #fff; font-size: 1.25rem; top: 0.075rem; left: 0.175rem; } .wht-checkbox { display: inline-block; height: 1.333333333rem; width: 1.3333333333333rem; background-color: white; margin-right: 0.5rem; } .checkbox:checked + .wht-checkbox { background-color: var(--accent1); } .checkbox:checked + .wht-checkbox::after { content: '\2713'; position: relative; color: #fff; font-size: 1.25rem; top: 0.075rem; left: 0.175rem; } .filter-cancel { padding: 0.25rem 0.75rem; border-radius: 1rem; background-color: var(--accent2); } .clear-filters { width: 100%; text-decoration: underline; } .icon-filter { background-color: #FCF3F0; padding: 1rem; margin-bottom: 0.25rem; } .checkbox:checked + .icon-filter { background-color: var(--accent1); } .column-switch { width: 6rem; align-items: center; justify-self: end; } @media(max-width:1024px) { .column-switch { width: 4rem; grid-gap: 0.5rem; grid-template-columns: 1fr 2fr; } .filter-picker { width: 100%; } #collection-wrapper { grid-gap: 0; grid-template-columns: 1fr; grid-template-areas: "filter-ui" "filter-results" "filter" "grid"; } .filter-cancel { background-color: white; } .active-filter-container { background-color: #FCF3F0; padding-bottom: 3rem; } .filter-container { padding: 2rem 0.5rem 0; top: 4rem; height: 0; left: 0; overflow-y: auto; z-index: 20; transition: all 350ms ease-in-out; position: fixed; width: 100%; box-sizing: border-box; } #collection-grid { padding: 1rem 0; grid-gap: 2rem 0.5rem; } .collection-grid-ui { position: sticky; position: -webkit-sticky; top: 4rem; } .plp-item-text { padding: 0.5rem 0.5rem 0.25rem; } .tg2 .plp-item-text { grid-template-columns: auto; gap: 0; } .filter-picker { height: 0; } .open-filter { overflow-y: auto; z-index: 20; text-transform: uppercase; background-color: #faf3f0; margin-top: -1px; height: 100%; width: 100%; position: fixed; top: 4rem; left: 0; padding-top: 2rem; } .clear-filters { width: 100%; background-color: var(--accent1); border-radius: 1rem; padding: 0.625rem 1rem; text-align: center; text-decoration: none; margin-top: 0.5rem; } .see-filters { width: 100%; background-color: var(--accent7); border-radius: 1rem; padding: 0.625rem 1rem; text-align: center; text-decoration: none; } .tg2 .collection-price { display: grid; grid-auto-flow: column; width: max-content; gap: 0.5rem; } } .icon-tag { padding: 0.125rem 0.5rem; border-radius: 0.5rem; width: max-content; display: grid; grid-template-columns: auto auto; grid-gap: 0.125rem; align-items: center; } #collection-grid .icon-tag.mini { background-color: #E5B3AC; } #collection-grid .icon-tag.iwd-tag { background-color: #D0B8B6; } .icon-tag svg { width: 0.5rem; display: none; } .blog-tag { padding: 0.2rem 1rem; border-radius: 2rem; width: max-content; display: grid; grid-template-columns: auto auto; grid-gap: 0.125rem; align-items: center; } .cta { padding: 0.5rem 2rem; } .GiftWizard-gift-button { background-color: var(--accent5); } .atc { width: 100%; border-radius: 2rem; border: none; font-weight: bold; } .disabled-cta { background-color: #f3f3f3; } .product-radio-label { margin-right: 0.5rem; font-weight: 700; width: max-content; padding: 0.75rem 1.25rem; background-color: #fcf6ef; color: #464646; align-items: center; justify-content: center; margin-top: 0.5rem; min-width: 2rem; border-radius: 20rem; box-sizing: content-box; } .product-radio:checked + label { background-color: #EFD5C2; } .product-radio:disabled + label { background-color: #ECECEC; } .product-radio[disabled]:checked + label { background-color: #CFCFCF; } .product-circle-radio-label { display: inline-flex; position: relative; width: 2rem; height: 2rem; border: 4px solid white; border-radius: 50%; align-items: center; justify-content: center; max-width: 100vh; box-sizing: content-box; } .product-circle-radio:checked + label { box-shadow: 0 0 0 3px var(--accent1); } .product-circle-radio:disabled + label:before { content: ''; position: absolute; left: -0.1em; right: -0.1em; top: 0.38em; bottom: 0.38em; color: white; background: linear-gradient(to left top, transparent 45.5%, currentColor 45.9%, currentColor 52.5%, transparent 52.9%); pointer-events: none; } .waitlisted + label { opacity: .7; } .product-circle-radio[disabled]:checked + label { box-shadow: 0 0 0 3px #cdcdcd; border: 4px solid white; } .product-image-grid { width: 100%; display: grid; grid-gap: 0.5rem; grid-template-columns: minmax(0.1rem, 3rem) minmax(80%, auto); margin: 0 1rem; overflow: hidden; grid-template-rows: 0.1fr; grid-template-areas: "a b" "c c"; } .product-form-block { width: calc(100% - 2rem); } .mobile-product-image-container { height: 100%; overflow-y: auto; grid-area: a; } #product-main-container { grid-area: b; } #product-main { width: 100%; max-width: calc(100% - 3rem); height: 100%; object-fit: contain; object-position: top left; } .gap1-2 { grid-gap: 0.5rem; } .sticky-form { top: 8.5rem; } .product-top-grid { grid-template-columns: 2fr 2fr; grid-gap: 1rem 3rem; max-width: 80rem; min-width: auto; width: 75%; } .breadcrumbs-container { width: calc(75% - 2rem); } @media(max-width:1024px) { .product-top-grid, .breadcrumbs-container { width: 100%; } } .product-image-button { transition: height 0.35s cubic-bezier(0.46, 0.01 , 0.32, 1); } @media(max-width:1024px) { .sticky-form { top: 5rem; } } @media(max-width:768px) { .product-top-grid { grid-template-columns: repeat(1, 1fr); grid-gap: 1rem; } .product-form-block { max-height: revert; min-height: revert; max-width: revert; min-width: revert; width: revert; } .product-image-grid { max-width: 100vw; min-width: revert; display: block; overflow: hidden; margin: 0; overflow-y: auto; width: revert; height: revert; max-height: revert; } .mobile-product-image-container { height: auto; overflow-y: hidden; } .mobile-product-images { display: grid; grid-auto-flow: column; grid-gap: 0.5rem; overflow-x: auto; scroll-snap-type: x mandatory; grid-template-rows: 1fr; } .mobile-product-images div { scroll-snap-align: start; } .mobile-product-images img { height: auto !important; } .product-form-container { padding: 0; } .swatch-thumb { max-height: 100vw; width: 100vw; overflow-y: hidden; } .swatch-thumb img { width: 100%; } } .bis-form-grid { display: grid; grid-template-columns: auto 12rem; gap: 1rem; } .bis-form-grid input { width: calc(100% - 2rem); border-radius: 0.5rem; } @media(max-width:768px) { .bis-form-grid input { width: 100%; box-sizing: border-box; } .bis-form-grid { grid-template-columns: 1fr; } .bis-form-grid button { width: calc(100%); max-width: 100%; } } .review-main-image { width: 14rem; max-width: 20vw; max-height: 20rem; } .review-item { grid-template-columns: 3fr 8fr 2fr; gap: 1rem 4rem; } @media(max-width:768px) { .review-item { grid-template-columns: 1fr; } .review-main-image { max-width: 30vw; max-height: 45vw; } } .section-carousel-content { max-width: calc(25vw - 0.75rem); width: 18rem !important; height: auto !important; } .section-carousel-image { max-width: calc(25vw - 0.75rem); width: 18rem !important; height: auto !important; } .upsell-tabs { padding: 0 2.5rem; align-items: center; } .upsell-carousel-image { max-width: calc(25vw - 0.75rem); width: 22rem; height: auto !important; } .complete-the-look .upsell-carousel-image { max-width: 140px; } .complete-the-look-mobile .upsell-carousel-image, .you-might-also-like-mobile .upsell-carousel-image { max-width: none; width: 100%; } .you-might-also-like-mobile .carousel-link { width: 100%; } .upsell-dress-carousel-image { max-width: calc(25vw - 0.75rem); width: 22rem !important; height: auto !important; } .upsell-carousel-body { grid-template-columns: auto max-width; max-width: calc(25vw - 0.75rem); width: 22rem; } .you-might-also-like-mobile .upsell-carousel-body { width: 100%; font-size: 12px; } .icon__container { position: absolute; top: -4.5em; } .icon__container svg { width: 120px; } @media(min-width: 768px) { .icon__container { order: 1; top: -2em; right: 0; } .icon__container svg { width: 150px; } } .tab-container { border-bottom: 2px solid var(--accent1); } .tab-heading { padding: 1rem 0; } .tab-body { height: 0; overflow-y: hidden; padding: 0; } .tab-body label { margin: 0.5rem 0; } .tab-icon { font-size: 1.5rem; line-height: 0; font-weight: 400; color: var(--black); } @media(max-width:1024px) { .tm-tab-container { padding: 0.125rem 0; border-bottom: 2px solid var(--accent1); } .tm-tab-body { height: 0; overflow-y: hidden; } .tm-tab-icon { font-size: 1.5rem; line-height: 1.2; font-weight: 400; color: var(--accent1); } .no-border { border: none; } } @media(max-width:768px) { .menu-item-no-dropdown { padding: 0.125rem 0; border-bottom: 2px solid var(--accent1); } .m-tab-container { padding: 0.125rem 0; border-bottom: 2px solid var(--accent1); } .m-tab-body { height: 0; overflow-y: hidden; padding: 0 0.5rem; } .m-tab-icon { font-size: 1.5rem; line-height: 1.2; font-weight: 400; color: var(--accent1); } } .open-tab { height: auto; } .hide-scrollbar { scrollbar-width: none; overflow: auto; } .hide-scrollbar::-webkit-scrollbar { -webkit-appearance: none; display: none; width: 0; height: 0; } .horizontal-carousel { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .horizontal-carousel::-webkit-scrollbar { -webkit-appearance: none; display: none; width: 0; height: 0; } @media(max-width:768px) { .mobile-swipe .carousel-item:first-of-type div { margin-left: 0.5rem; } .mobile-swipe .carousel-item:last-of-type div { margin-right: 0.5rem; } .mobile-swipe .grid-item { margin: 0 0.5rem; } .hide-scrollbar { overflow: auto hidden; } } .hero-banner { width: 100%; position: relative; } @media(max-width:1024px) { .hero-banner { width: 100%; position: relative; } } @media(max-width:768px) { .hero-banner { height: 100vh; margin-top: 0; } } .feature-block { max-height: 50vw; min-height: 25rem; } .feature-block .content-block { order: 1; max-width: 42rem; } .feature-block .content-block > div { max-width: 32rem; width: calc(100% - 4rem) } .feature-block:nth-of-type(2n) .feature-block-image-container { order: 2; } .feature-block:nth-of-type(2n) .content-block { justify-self: end; } @media(max-width:768px) { .feature-block-image-container { min-height: 15rem; } .feature-block { max-height: revert; height: auto; } .feature-block .content-block > div { width: calc(100% - 2rem); } .feature-block:nth-of-type(2n) .feature-block-image-container { order: 1; } .feature-block:nth-of-type(2n) .content-block { justify-self: start; } } .dt-order1 { order: 1 } @media(max-width:768px) { .dt-order1 { order: unset; } } .quotation p { font-size: 1.5rem; line-height: 1.4; max-width: 50rem; margin: auto; } .quotation h1 { font-size: 1.5rem; line-height: 1.4; max-width: 50rem; margin: auto; } .quotation h2 { font-size: 1.5rem; line-height: 1.4; max-width: 50rem; margin: auto; } .quotation h3 { font-size: 1.5rem; line-height: 1.4; max-width: 50rem; margin: auto; } .meet-carousel-buttons { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 60rem; max-width: 100vw; bottom: 2.5rem; } .meet-dress-column { grid-template-columns: minmax(20rem, 50%) auto; width: calc(100vw - 2rem); max-width: 60rem; display: grid; grid-gap: 1rem; scroll-snap-align: start; align-items: center; justify-content: flex-end; } .meet-dress-column img { padding: 0 2rem; width: calc(100% - 4rem); } .meet-text-container { padding: 1rem 3rem; height: max-content; } .meet-carousel-buttons-container { left: calc(100% - 6rem) } @media(max-width:768px) { .meet-dresses-item { width: 100vw; height: 165vw; overflow-x: hidden; } .meet-dress-column { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; position: relative; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; } .meet-dress-column img { padding: 0 0 0 2rem; width: calc(100% - 2rem); } .meet-dress-image-container { position: absolute; width: 100%; height: calc(100% - 2rem); transform: rotateY(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .meet-text-container { height: calc(100% - 5rem); position: absolute; width: 90%; display: flex; flex-direction: column; align-items: center; justify-content: center; transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .meet-text-container { padding: 1rem; } .meet-dresses-item.active-dress .meet-dress-column { transform: rotateY(180deg); } .meet-carousel-click-disclaimer { left: 2rem; bottom: 2.6125rem; width: calc(100% - 10rem); } } .active-tab-label { color: var(--accent1); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 2px; } .active-tab { color: var(--accent1); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 2px; } .tab-content-container {} @media(max-width:768px) { .mobile-overflow-23 { overflow-x: auto; overflow-y: hidden; gap: 0; padding-bottom: 1rem; } .mobile-overflow-23 .grid-item { width: calc(200vw / 3); max-width: 20rem; } } .callout-badge { position: absolute; top: 2rem; right: -3rem; width: 8rem; height: 8rem; } .half-text-with-badge { padding: 1rem 4rem 1rem 1rem; max-width: 20rem; } @media(max-width:768px) { .half-text-with-badge { padding: 1rem 0.5rem; max-width: revert; } .callout-badge { position: static; top: revert; right: revert; width: 6.25rem; height: 6.25rem; margin: -3rem auto 1rem; } } .modal-inner { background-color: white; width: 100vw; max-width: 60rem; height: max-content; max-height: 90vh; overflow-y: auto; } .modal-inner:has(> #size-chart-modal) { width: 860px; } .modal-close:has(+ #size-chart-modal) { top: .2rem !important; right: .2rem !important; } .size-chart .measurements-video { width:100vw; height:56.25vw; max-width:100%; max-height:450px; } .size-chart .tab-icon { margin-top: -4px; } @media(min-width:769px) { .size-chart .measurements-video { height:40vh; } } .insta-social-photo { margin-top: -10vh; } .advance-insta { bottom: 1rem; width:2.5rem; height:2.5rem; border-radius:50%; } @media(max-width:768px) { .modal-inner { max-height: 100vh; } .insta-social-photo { margin-top: 0; } } .insta-image:hover { opacity: .625; } .selected-insta-product { outline: 4px solid; outline-offset: -4px; } .insta-modal-product-grid { grid-template-columns: repeat(auto-fit, minmax(50px, 80px)); } .insta-carousel { width: calc(100% - 5rem); } @media(max-width:768px) { .insta-carousel { width: 100%; } } .carousel-button { transition: opacity 0.35s cubic-bezier(0.46, 0.01 , 0.32, 1); } .hide-carousel-buttons { opacity: 0; } .real-wedding-insta-grid div { width: 100%; height: calc(25vw - 1rem); max-height: 19.25rem; } @media(max-width:1024px) { .real-wedding-insta-grid div { width: 100%; height: calc(50vw - 0.5rem); max-height: 30rem; } } .menu-image-container { width: 100%; height: 24rem; max-height: calc(60vh - 10rem); } #desktop-nav > ul { line-height: 2; } @media(max-width:1024px) { .menu-item > .open-tab { max-height: revert; } .menu-dropdown { position: static; flex-direction: column;filter:none; margin-top: 0; padding: 0; } .df-block { overflow-y: auto; } .menu-image-container { width: 60vw; max-width: 60vw; height: 60vw; padding-right: 1rem; } .menu-images-flexbox { width: calc(100vw - 1rem); } } .measurement-number { border-radius: 50%; height: 1.5rem; width: 1.5rem; background-color: #f5e5e2; display: inline-flex; justify-content: center; align-items: center; } .step-number { border-radius: 2rem; height: 1.5rem; width: auto; background-color: #f5e5e2; display: inline-flex; justify-content: center; align-items: center; padding: 0.275rem 2rem; } .measurement-grid { grid-template-columns: auto auto; } @media(max-width:42rem) { .measurement-grid { grid-template-columns: auto; } } .star { stroke: #DEA29B; stroke-width: 3.5; stroke-miterlimit: 10; } .stop1 { stop-color: #DEA29B; } .stop2 { stop-color: transparent; } .blog-social-icons svg { fill: #D88473; } .blog-lp-grid-image { max-width: 100%; max-height: 23rem; width: 42rem; height: 24vw } .featured-blog-image { order: 1; } @media(max-width:768px) { .featured-blog-image { order: revert; } } .blog-body a { color: #D88473; } .article-article-title { max-width: calc(100% - 4rem) } .dropcap::first-letter { float: left; font-size: 3.125rem; line-height: 1; margin-right: 0.125rem; margin-bottom: -0.7125rem; margin-top: 0.1725rem; } .blog-body p { max-width: 34rem; width: 100%; margin: auto; } .blog-body .blog-product { display: grid; grid-template-columns: 2fr 3fr; max-width: 50rem; width: calc(100% - 2rem); margin: 2rem auto; gap: 1.5rem; } } .menu-image-container { width: 100%; height: 24rem; max-height: calc(60vh - 10rem); } #desktop-nav > ul { line-height: 2; } @media(max-width:1024px) { .menu-item > .open-tab { max-height: revert; } .blog-body .blog-content { padding: 1rem; } } .blog-product div:first-of-type { order: 1; } .blog-product:nth-of-type(2n) { grid-template-columns: 3fr 2fr; } .blog-product:nth-of-type(2n + 1) .blog-product-content { order: 2; } .blog-product:nth-of-type(2n) .blog-product-content { order: 0; } .blog-product-title { font-style: normal; } .blog-body .blog-product-text { margin-top: 1rem; margin-bottom: 1rem; } .blog-product-index { font-size: 3rem; top: -1rem; font-style: italic; } .blog-product div { position: relative; } .blog-product div.blog-product-index { position: absolute; } .blog-product:nth-of-type(2n) .blog-product-index { right: -1rem; } .blog-product:nth-of-type(2n + 1) .blog-product-index { left: -1rem; } .blog-body .blog-product { padding-top: 1rem; padding-bottom: 3rem; border-bottom: 2px solid #E3958A; } .blog-product .standard-cta { background-color: #E3958A; width: max-content; } .blog-image { max-width: 40rem; margin: auto; } .vertical-image { max-width: 36rem; width: 90%; } .blog-heading { max-width: 34rem; width: auto; margin: auto; } .blog-cta { margin: auto; max-width: 34rem; width: 100%; } .blog-html { max-width: 34rem; width: 100%; margin: auto; } @media(max-width:768px) { .article-article-title { max-width: calc(100% - 2rem) } .blog-product:nth-of-type(2n) .blog-product-index { left: -1rem; } .blog-product:nth-of-type(2n) .blog-product-content { order: 1; } .blog-body .blog-product-text { max-width: 100%; } .blog-lp-grid-image { max-width: revert; max-height: revert; width: 100%; height: auto } .blog-body .blog-product { grid-template-columns: 1fr; width: calc(100% - 2.5rem); margin: 2rem auto; gap: 1.5rem; } } .about-meet-founders-block:nth-of-type(2n) .absolute { right: 0; } .about-meet-founders-block:nth-of-type(2n + 1) .about-meet-founders-image { order: 1; } .about-meet-founders-image svg { width: 9vw; max-width: 7rem; } @media(max-width:768px) { .about-meet-founders-block:nth-of-type(2n + 1) .about-meet-founders-image { order: revert; } .about-meet-founders-image svg { width: 23vw; } } .ordered-list-with-media .ordered-list-with-media-image { width: 24rem; max-width: 40vw; } .ordered-list-with-media .ordered-list-with-media-block:nth-of-type(2n + 1) .ordered-list-with-media-image { order: 1 } .ordered-list-with-media .grid { grid-template-columns: auto auto; } @media(max-width:768px) { .ordered-list-with-media .grid { grid-template-columns: auto; } .ordered-list-with-media .ordered-list-with-media-image { width: 100%; max-width: revert; } .ordered-list-with-media .ordered-list-with-media-block:nth-of-type(2n + 1) .ordered-list-with-media-image { order: unset } } .content-with-image:nth-of-type(2n + 1) .image-with-content-image-container { order: 1; } @media(max-width:768px) { .content-with-image:nth-of-type(2n + 1) .image-with-content-image-container { order: unset; } } .cwi-badge-container { display: flex; width: 100%; top: 1.75rem; justify-content: center; } .cwi-badge { width: 8rem; } @media(max-width:768px) { .cwi-badge-container { display: block; width: max-content; top: 1rem; justify-content: revert; left: calc(100% - 6rem); } .cwi-badge { width: 5rem; } } @media(min-width:769px) { .feature-block-image-container { min-height: 25rem; } .content-with-image {} .content-with-image-block { min-height: calc(37.5vw - 3.5rem); height: auto; } .content-with-image-moodboard { min-height: calc(37.5vw - 3.5rem); } .content-with-image .content-with-image-block:nth-of-type(2n) .content-with-image-block-image-container { order: 1; } .content-with-image.reverse .content-with-image-block:nth-of-type(2n + 1) .content-with-image-block-image-container { order: 1; } .content-with-image.reverse .content-with-image-block:nth-of-type(2n) .content-with-image-block-image-container { order: unset; } .content-with-image.reverse .content-with-image-moodboard:nth-of-type(2n + 1) .content-with-image-block-image-container { order: 1; } } .image-with-content-image-container { overflow: hidden; } @media(min-width:769px) { .fabric-block { height: 75vh; min-height: 35vw; max-height: 40rem; } } .fabric-block > .feature-block-image-container { overflow: hidden; } @media(max-width:768px) { .fabric-block .feature-block-image-container { height: 100vw; } } .product-carousel-with-image { grid-template-columns: minmax(18rem, 22rem) auto; } @media(min-width:769px) { .product-carousel-with-image.reverse { grid-template-columns: auto minmax(18rem, 22rem); } .product-carousel-with-image.reverse .product-carousel-with-image-image { order: 1 } } @media(max-width:768px) { .product-carousel-with-image { grid-template-columns: 1fr; } } .pdp-like-button { stroke: #E3958A; fill: none; } .like { fill: #E3958A; } .initialized.like { fill: white; } .pdp-like-button { stroke: #E3958A; fill: none; } .like { fill: #E3958A; } .initialized.like { fill: white; } .invalid-input { border: 2px solid rgb(166, 78, 71) } .caret { fill: none; stroke: #E5B3AC; stroke-width: 1.684; stroke-linecap: round; stroke-linejoin: round; } .carousel-button .caret { stroke: var(--black); } .anchor-location { top: -9.5rem; } @media(max-width:1024px) { .anchor-location { top: -5.5rem; } } .square-container { width: 100%; height: calc(25vw - 2rem); } @media(max-width:1024px) { .square-container { width: 100%; height: calc(50vw - 2rem); } } .none { display: none; } .grid-item:hover { cursor: pointer; } .circle { margin: 1em 0; overflow: hidden; border: 3px solid #FCF6EF; border-radius: 50%; } .circle img { display: block; width: 100%; height: auto; } .circle:hover { box-shadow: 0 0 0 3px var(--accent1); } .check-validity { color: red } .email-popup input[type="email"].check-validity + label { color: #DB0000; } .optin-box { position: absolute; top: 0; left: 2px; height: 12px; width: 12px; background-color: white; outline: #777777 solid 1px; } .optin-box:after { content: "\2713"; position: absolute; color: white; display: none; } #allowText:checked ~ .optin-box { background-color: #c9acaa; } #allowText:checked ~ .optin-box:after { display: block; left: 3px; } @media(max-width:768px) { .circle { border-radius: 50%; margin: 1rem; overflow: hidden; } .grid-item { flex-basis: calc(50% - 1em); } } .grid-play-button { width: 5rem; height: 5rem; } @media(max-width:768px) { .grid-play-button { width: 3rem; height: 3rem; } } .table-grid { grid-template-columns: 3fr 5fr; } .reward-grid { grid-template-columns: repeat(4, 1fr); grid-gap: 3px; } @media(max-width:768px) { .table-grid { grid-template-columns: 50% 50%; overflow: hidden; } .reward-grid { grid-template-columns: repeat(4, 100%); overflow: hidden; width: 100%; scrollbar-width: none; grid-gap: 1rem; } } .monogram-menu-animation span:nth-of-type(5n) { animation: 5s linear infinite reverse monogram1; } .monogram-menu-animation span:nth-of-type(5n + 4) { animation: 5s linear -1s infinite reverse monogram1; } .monogram-menu-animation span:nth-of-type(5n + 3) { animation: 5s linear -2s infinite reverse monogram1; } .monogram-menu-animation span:nth-of-type(5n + 2) { animation: 5s linear -3s infinite reverse monogram1; } .monogram-menu-animation span:nth-of-type(5n + 1) { animation: 5s linear -4s infinite reverse monogram1; } @keyframes monogram1 { 0% { color: #464646; } 19% { color: #464646; } 20% { color: #cf8bc5; } 39% { color: #cf8bc5; } 40% { color: #eeaa77; } 59% { color: #eeaa77; } 60% { color: #57b0b5; } 79% { color: #57b0b5; } 80% { color: #f288a7; } 99% { color: #f288a7; } 100% { color: #464646 } } .sdd-download { opacity: 0; min-height: 50vh; } .visible { visibility: visible; } .invisible { visibility: hidden; } .focus-outline .hidden-checkbox:focus + label { outline: dotted; } .focus-outline .hidden-radio:focus + label { outline: dotted; } .waitlist-icon-wrapper { color: #48777c; } /* footer.liquid */ @media screen and (max-width: 768px) { #footer-brand-props { flex-wrap: wrap; overflow: hidden; justify-content: center; } .footer-brand-prop { width: 49%; justify-content: center; } } @media screen and (min-width: 769px) { #footer-brand-props { overflow-x: auto; } .footer-brand-prop { min-width: 13.5rem; } .footer-brand-prop:first-child { flex-basis: 100%; justify-content: flex-end; } .footer-brand-prop:last-child { flex-basis: 100%; justify-content: flex-start; } } .product-title-price-wrapper { display: flex; justify-content: space-between; align-items: flex-start; } .product-title-price-wrapper .product-price { margin: 0 0 0 1rem; } .live-shopping__body-content-items { justify-content: center; padding: 0 0.5rem; } .live-shopping__body-content-items .content-item { flex-basis: calc(25% - 1em); } @media screen and (max-width: 1025px) { .live-shopping__body-content-items { justify-content: flex-start; } .live-shopping__body-content-items .content-item { flex-basis: calc(50% - 0.5rem); } } @media screen and (max-width: 640px) { .live-shopping__body-content-items { flex-direction: row; gap: 1.9rem; } .live-shopping__body-content-items .content-item { flex-basis: 100%; } } .size-chart-pregnant-link { color: #C66E67; font-weight: 700; } .size-chart-pregnant-link:hover { color: #C66E67; } .pdp-badge { text-transform: uppercase; background-color: #fcf6ef; max-width: 110px; text-align: center; position: absolute; right: 5px; padding: 6rem 0.8rem 0.8rem; border-radius: 0 0 100% 100%; top: -5.5rem; } .header-icon-wrapper { display: flex; align-items: center; font-size: 14px; text-decoration: none; font-weight: 700; letter-spacing: 0.7px; } @media screen and (max-width: 1024px) { .header-icon-wrapper { font-size: 16px; } .header-icon-wrapper img { width: 17px; } } .header-icon-wrapper:has(~ .open-search) { display: none; } .header-icon-wrapper img { margin-right: 9px; width: 16px; } .mobile-wrapper { display: none; } .header-right { flex-basis: 100%; } @media screen and (max-width: 1024px) { .desktop-wrapper { display: none; } .mobile-wrapper { display: block; } .create-account-confirmation-message { max-width: 600px; margin-left: auto; margin-right: auto; } .account-form-wrapper { padding: 0 1rem; } } @media screen and (min-width: 1025px) and(max-width: 1300px) { .header-right { flex-basis: 45%; } } .collection-color-carousel .filter-swatch { width: 5.5rem; padding-top: 0.2rem; } .account-header { background: #f7f1f0; } @media screen and (max-width: 1023px) { .account-header { background: #f7f1f0; } } .collection-color-carousel .filter-swatch { width: 5.5rem; padding-top: 0.2rem; } .underline { text-decoration: underline; } .opened-dialog:after { content: ''; background-color: rgba(0,0,0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 4999; } .size-chart-circle { padding: 0.4rem; height: 1rem; width: 1rem; margin: 0; background-color: #F5E5E2; border-radius: 50%; text-align: center; } .how-to-measure-tab { display: grid; grid-template-columns: 60% auto; grid-gap: .25rem 1rem; grid-template-areas: "description image" "htm1 htm1" "htm2 htm2" "htm3 htm3" "htm4 htm4"; } .how-to-measure-tab .htm-description { grid-area: description; } .how-to-measure-tab .htm-image { grid-area: image; } .how-to-measure-tab .htm1 { grid-area: htm1; } .how-to-measure-tab .htm2 { grid-area: htm2; } .how-to-measure-tab .htm3 { grid-area: htm3; } .how-to-measure-tab .htm4 { grid-area: htm4; } @media(min-width:769px) { .how-to-measure-tab { grid-template-areas: "description image" "htm1 image" "htm2 image" "htm3 image" "htm4 htm4" } } .maternity-sizing-tab { display: grid; grid-template-columns: 60% auto; grid-gap: .25rem 1rem; grid-template-areas: "description image" "ms1 ms1" "ms2 ms2"; } .hmaternity-sizing-tab .ms-description { grid-area: description; } .maternity-sizing-tab .ms-image { grid-area: image; } } .only-a-few-left { color: #A64E47; } .selling-fast { background-color: #A64E47; color: white; top: 0; left: 0; padding: 0.25rem 0.5rem; margin-top: 1rem; border-radius: 0 20px 20px 0; } .plp-image-container .selling-fast, .selling-fast-mobile { margin-top: 0.5rem; } .skeleton-box { display: inline-block; position: relative; overflow: hidden; background-color: #ECECEC; border-radius: 5px; } .skeleton-box::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); animation: shimmer 1s infinite; content: ''; } @keyframes shimmer { 100% { transform: translateX(100%); } } .maternity-sizing-tab .ms1 { grid-area: ms1; } .maternity-sizing-tab .ms2 { grid-area: ms2; } @media(min-width:769px) { .maternity-sizing-tab { grid-template-areas: "description image" "ms1 image" "ms2 image" } .maternity-sizing-tab .ms1, .maternity-sizing-tab .ms2 { margin-top: -3rem; } } .only-a-few-left { color: #A64E47; } .selling-fast { background-color: #A64E47; color: white; top: 0; left: 0; padding: 0.25rem 0.5rem; margin-top: 1rem; border-radius: 0 20px 20px 0; } .plp-image-container .selling-fast, .selling-fast-mobile { margin-top: 0.5rem; } #cookie-privs p { margin: 0; } .skeleton-box { display: inline-block; position: relative; overflow: hidden; background-color: #ECECEC; border-radius: 5px; } .skeleton-box::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); animation: shimmer 1s infinite; content: ''; } @keyframes shimmer { 100% { transform: translateX(100%); } } .swatch-radio-parent:has(input[type="radio"].radio-swatch:disabled) { display: none; } </style> <link href="//www.birdygrey.com/cdn/shop/t/1756/assets/cart.css?v=180729946456065593621711491899" rel="stylesheet" type="text/css" media="all" /> <div role="region" aria-labelledby="region1" class="skip-links-wrap" > <span class="sr-only-text" id="region1">Skip Links</span> <a class="skip-link-content" href="#main">Skip to main content</a> </div> <div class="h-0 w-0 overflow-hidden" id="screen-announcements" aria-live="polite" ></div> <div class="sr-only" id="screen-alerts" aria-live="assertive" ></div> <div id="site" class="site"> <div role="dialog" id="cart-tray-widget" aria-modal="false" aria-hidden="true" tabindex="0" class="cart-tray-widget fixed top relative invisible z-[5000]" > <div class="absolute full-height bg5"></div> <div data-cart="{&quot;note&quot;:null,&quot;attributes&quot;:{},&quot;original_total_price&quot;:0,&quot;total_price&quot;:0,&quot;total_discount&quot;:0,&quot;total_weight&quot;:0.0,&quot;item_count&quot;:0,&quot;items&quot;:[],&quot;requires_shipping&quot;:false,&quot;currency&quot;:&quot;USD&quot;,&quot;items_subtotal_price&quot;:0,&quot;cart_level_discount_applications&quot;:[],&quot;checkout_charge_amount&quot;:0}" id="cart-tray-container" class="cart-tray-container sticky top h-auto" > <div id="cart-tray" class="cart-tray bg4 relative overflow-y-hidden h-screen !h-dvh z-[5000] overflow-x-hidden" > <div id="cart-inner" class="flex full-height full-width auto vertical-flex"> <div class="h-full overflow-y-auto overflow-x-hidden"> <div id="cart-tray-header" class="flex pad1 small-subheading overflow-x-hidden justify-between" > <div id="cart-tray-header-text" class="uppercase">YOUR BAG (0)</div> <div tabindex="0" aria-label="Close Cart Tray" id="close-cart-tray" class="close-cart-tray pointer" > &times; </div> </div> <hr class="color1 full-width m-0 border-[1px] border-solid border-primary-cta"> <div class="flex flex-col"> <div id="cart-tray-body" class="pad1 grid gap1"> <div> <p class="small text-center bottom025">YOUR BAG IS EMPTY</p> <p class="large text-center top025 bottom025">FIND YOUR PERFECT FIT</p> </div> </div> <div id="cart-tray-upsell-body" class="none ajax-cart-empty-body"> <div id="cart-need-little-more" class="bold lh14 uppercase bottom1 top05 full-width none"> NEED A LITTLE MORE? </div> <div class="full-width custom-scrollbar overflow-x-auto"> <div id="ajax-cart-upsell-carousel" class="flex justify-around"></div> </div> </div> </div> </div> <div id="cart-tray-footer" class="sticky bottom bg4"> <hr class="color1 full-width m-0 border-[1px] border-solid border-primary-cta"> <div id="ajax-cart-footer-contents" class="pad1 top1 bottom1"> <div> <a class="full-width continue-shopping" href="/collections/best-selling-dresses"> <button class="small m-standard bg1 full-cta bold uppercase black pointer m-standard"> SHOP BEST SELLERS </button> </a> </div> </div> </div> <klarna-placement data-key="credit-promotion-auto-size" data-locale="en-US" data-purchase-amount="9900" style=""></klarna-placement> <style> ::part(osm-container) { font-family: 'Karla'; font-size: 14px; padding-left: 0; padding-top: 0; padding-bottom: 20px; } #cart-inner ::part(osm-container) { background-color: transparent; text-align: center; } </style> </div> </div> </div> </div> <script> document.querySelector('#cart-inner klarna-placement').style.display = 'none'; </script> <script> const updateKlarnaInCart = (cartTotal) => { document.querySelector('#cart-inner klarna-placement').dataset.purchaseAmount = cartTotal; if (document.querySelector('#cart-inner klarna-placement').dataset.purchaseAmount > 0) { document.querySelector('#cart-tray-footer').style.marginBottom = "0"; document.querySelector('#cart-inner klarna-placement').style.display = 'block'; document.querySelector('#cart-inner klarna-placement').dataset.purchaseAmount = cartTotal; window.Klarna.OnsiteMessaging.refresh(); } else { document.querySelector('#cart-inner klarna-placement').style.display = 'none'; } } </script> <!-- Initialize upsells into window object --> <script> var cartTray = document.getElementById('cart-tray-upsell-body'); var cartUpsell = document.getElementById('ajax-cart-upsell-carousel'); cartTray.style.display = "block"; cartUpsell.innerHTML = window.upsells; </script> <div id="shopify-section-email-popup" class="shopify-section"><div tabindex="0" aria-hidden="true" aria-modal="false" id="new-email-popup" class="email-popup items-center justify-center z-[9999] fixed transition-opacity duration-[350ms] bg-primary-emailPopup w-full h-screen opacity-0 hidden"> <div class="popup-window bg-[#F7ECE4] w-full max-w-full h-max max-h-screen m-0 md:m-4 relative text-center md:max-h-[90rem] md:max-w-[60rem] md:w-screen"> <div tabindex="0" role="button" aria-label="Close email popup" class="close-button absolute top-4 right-4 text-[32px] leading-4 cursor-pointer" data-popup="new-email-popup">&times;</div> <div id="popup-content-1" tabindex="0" class="popup-content mx-2.5 my-12 md:mt-24 md:mx-4 md:mb-32"> <div class="font-bold">HEY, BIRDY!</div> <div class="font-display lowercase tracking-wide text-2xl leading-loose"> are you shopping as a…? </div> <div class="flex justify-center flex-wrap font-bold gap-0 w-full text-center mt-4 mx-auto mb-auto max-w-[50rem] grid-cols-5 md:gap-12 md:grid"> <div role="button" tabindex="0" class="grid-item basis-[calc(50%-1em)]" data-role="bride"> <div class="circle"> <img alt="" loading="lazy" class="w-full h-auto" src="//www.birdygrey.com/cdn/shop/files/Bride.jpg?v=1696934414" width="400" height="400" /> </div> <div class="text-sm lg:text-[calc(8rem/9)] leading-none">BRIDE</div> </div> <div role="button" tabindex="0" class="grid-item basis-[calc(50%-1em)]" data-role="moh"> <div class="circle"> <img alt="" loading="lazy" class="w-full h-auto" src="//www.birdygrey.com/cdn/shop/files/MOH.jpg?v=1696934461" width="400" height="400" /> </div> <div class="text-sm lg:text-[calc(8rem/9)] leading-none">MOH</div> </div> <div role="button" tabindex="0" class="grid-item basis-[calc(50%-1em)]" data-role="bridesmaid"> <div class="circle"> <img alt="" loading="lazy" class="w-full h-auto" src="//www.birdygrey.com/cdn/shop/files/Bridesmaid.jpg?v=1696934424" width="400" height="400" /> </div> <div class="text-sm lg:text-[calc(8rem/9)] leading-none">BRIDESMAID</div> </div> <div role="button" tabindex="0" class="grid-item basis-[calc(50%-1em)]" data-role="groomsman"> <div class="circle"> <img alt="" loading="lazy" class="w-full h-auto" src="//www.birdygrey.com/cdn/shop/files/Groomsman.jpg?v=1696934440" width="400" height="400" /> </div> <div class="text-sm lg:text-[calc(8rem/9)] leading-none">GROOMSMAN</div> </div> <div role="button" tabindex="0" class="grid-item basis-[calc(50%-1em)]" data-role="just shopping"> <div class="circle"> <img alt="" loading="lazy" class="w-full h-auto" src="//www.birdygrey.com/cdn/shop/files/Just_Shopping.jpg?v=1696934451" width="400" height="400" /> </div> <div class="text-sm lg:text-[calc(8rem/9)] leading-none">JUST SHOPPING</div> </div> </div> </div> <div id="popup-content-2" tabindex="0" class="popup-content my-12 mx-auto max-w-[calc(100%-1.25rem)] w-[calc(100%-1.25rem)] page-2 hidden md:my-16 md:max-w-[34rem] md:w-full"> <div class="font-display font-bold leading-none"> WE'RE GIVING AWAY $500 </div> <p class="mb-8">Sign up to be the first to hear about all the deals and be automatically entered to win a $500 Birdy Grey gift card!</p> <label for="CustomerEmail" class="font-bold block text-base lg:text-[calc(8rem/9)] leading-none mb-2 text-left"> *EMAIL</label> <input class="py-[0.7125rem] px-4 rounded-[5px] w-[calc(100%-2.25rem)] border-solid border-[1px] border-primary-dark text-base leading-none" type="email" name="customer[email]" id="CustomerEmail" autocorrect="off" autocapitalize="off" autofocus> <div class="grid gap-4 grid-flow-col mt-4"> <div class="w-full"> <label for="WeddingDate" class="font-bold block text-base lg:text-[calc(8rem/9)] leading-none mb-2 text-left"> WEDDING DATE</label> <input min="2024-03-28" name="customer[weddingdate]" id="WeddingDate" class="py-[0.7125rem] px-4 rounded-[5px] w-[calc(100%-2.25rem)] border-solid border-[1px] h-[22px] min-w-[6rem] appearance-none border-primary-dark text-base leading-none text-primary-dark bg-white cursor-pointer" type="date"> </div> <div class="w-full"> <label for="PhoneNumber" class="font-bold text-left block text-base lg:text-[calc(8rem/9)] leading-none mb-2"> PHONE #</label> <input class="py-[0.7125rem] px-4 rounded-[5px] w-[calc(100%-2.25rem)] border-solid border-[1px] border-primary-dark text-base leading-none h-[22px]" type="tel" pattern="[0-9]{10}" value="" name="customer[phone]" id="PhoneNumber"> </div> </div> <div class="my-4 text-[0.625rem] lg:text-[calc(6rem/9)]"> <label id="allow-text-label" for="allowText" class="text-left grid cursor-pointer grid-cols-2-auto"> <input type="checkbox" checked name="customer[SMS]" id="allowText" class="checkbox hidden-checkbox py-4 px-0 visible absolute w-0 h-0 appearance-none m-0 border-0 outline-0" data-type="sms"> <span class="wht-checkbox"></span> By checking this box, I authorize Blue Jay Beach, Inc. (i.e., Birdy Grey) and its service providers to contact me at this number via phone and/or text using automated dialing technology for promotional and personalized marketing purposes (e.g., cart reminders). Consent is not a condition to purchase. Reply HELP for help and STOP to opt-out. Message frequency varies. Message and data rates may apply. </label> </div> <input aria-label="Hidden input for verification purposes" id="verify" aria-hidden="true" type="text" class="w-0 h-0 opacity-0 absolute" value=""> <div> <button class="popup-submit cursor-pointer py-[0.7125rem] px-8 rounded-[2rem] border-0 w-full bg1 text-base lg:text-[calc(8rem/9)] leading-none font-bold black">SIGN UP</button> </div> <p class="text-[10px] mt-4">By submitting this form, I authorize Blue Jay Beach, Inc. (i.e., Birdy Grey) and its service providers to contact me at this email address about future products or services. To opt out of future marketing and advertising at any time, <a href="https://manage.kmail-lists.com/subscriptions/unsubscribe?cy=P5jJ7X" target="_blank" class="underline">visit this page to unsubscribe</a>.</p> </div> <div tabindex="0" class="popup-content page-3 m-0 hidden"> <img alt="" class="hidden md:block" loading="lazy" width="2700" height="750" src="//www.birdygrey.com/cdn/shop/files/Success-Screen-Image_1200x1200.jpg?v=1057714931141168591" /> <img alt="" class="block md:hidden" loading="lazy" width="800" height="750" src="//www.birdygrey.com/cdn/shop/files/Success-screen-mobile_1200x1200.jpg?v=12651718241688127080" /> <div class="font-display font-bold subheading mt-12 mb-4"> thanks for entering </div> <p class="uppercase">You're on the list - welcome to the party!</p> <button data-popup="new-email-popup" class="start-shopping-button bg1 mt-8 text-base rounded-[2rem] border-0 py-[0.7125rem] px-8 w-max md:w-48 max-w-[calc(100vw-5rem)] lg:text-[calc(8rem/9)] leading-none font-bold black cursor-pointer mb-12">START SHOPPING</button> </div> </div> <div role="button" tabindex="0" aria-label="Blank element to solve scripting limitation"></div> </div> <style> #popup-content-1 { background: url("Liquid error (sections/email-popup line 215): invalid url input") center / cover no-repeat; } @media screen and (max-width: 767px) { #popup-content-1 { background: url("Liquid error (sections/email-popup line 219): invalid url input") center / cover no-repeat; } } </style> </div> <div id="website-content" class="min-view-height relative "> <div id="shopify-section-announcement-bar" class="shopify-section"> <div id="rotating-announcement-bar" class="full-width relative" style="background-color: #d1d4c8; color: #464646;" data-autoplay="true" data-autoplay-interval="10" > <div class="announcement-bar__content flex jc-center ai-center"> <button type="button" class="announcement-bar__button bg-transparent border-0" data-direction="prev"> <img src="//www.birdygrey.com/cdn/shop/files/carrot-up.svg?v=5161299739604832660" height="20" width="20" class="announcement-bar__arrow side-margins-1 m-side-margins-1-2 pointer" data-direction="prev"/> </button> <div class="announcement-bar__message-container flex jc-center"> <div class="announcement-bar__message flex jc-center ai-center relative"> <p class="no-margin sans tiny bold">MATTE SATIN DRESSES ARE HERE! </p> <a class="italic announcement-cta display tiny " style="color: #464646" href="https://www.birdygrey.com/collections/matte-satin-bridesmaid-dresses"> shop now </a> </div> <div class="announcement-bar__message flex jc-center ai-center relative"> <p class="no-margin sans tiny bold">NEW TO SALE! DRESSES FROM $39</p> <a class="italic announcement-cta display tiny " style="color: #464646" href="https://www.birdygrey.com/collections/bridesmaid-dress-sale"> shop sale </a> </div> <div class="announcement-bar__message flex jc-center ai-center relative"> <p class="no-margin sans tiny bold">GET 10% OFF 4+ ROBES & PJs!</p> <a class="italic announcement-cta display tiny " style="color: #464646" href="https://www.birdygrey.com/collections/robes-pjs"> shop now </a> </div> </div> <button type="button" class="announcement-bar__button bg-transparent border-0" data-direction="next"> <img src="//www.birdygrey.com/cdn/shop/files/carrot-down.svg?v=16694523908839398999" height="20" width="20" class="announcement-bar__arrow side-margins-1 m-side-margins-1-2 pointer" data-direction="next"/> </button> </div> <img src="//www.birdygrey.com/cdn/shop/files/plus.svg?v=17175297242146031" class="announcement-bar__close dt-flex pointer"> </img> |
| 15 |
Error
On line 6487, column 31 </img> </div> <script> let announcementBar = document.querySelector('#rotating-announcement-bar'); let announcementArrows = document.querySelectorAll('.announcement-bar__button'); let closeAnnouncementBtn = document.querySelector('.announcement-bar__close'); let announcements = document.querySelectorAll('.announcement-bar__message'); let autoplayDuration = parseInt(announcementBar.dataset.autoplayInterval) * 1000; let enableAutoplay; if (announcementBar.dataset.autoplay == "true" && announcements.length > 1) { enableAutoplay = true; } else enableAutoplay = false; let intervalBetweenAnnouncements; let currentMessageIndex = 0; let isAnnouncementClosed; // Accounts for previewing changes within Shopify theme editor if (Shopify.designMode) { document.addEventListener("shopify:section:load", function (event) { setTimeout(() => { announcementBar = document.querySelector('#rotating-announcement-bar'); announcementArrows = document.querySelectorAll('.announcement-bar__button'); closeAnnouncementBtn = document.querySelector('.announcement-bar__close'); announcements = document.querySelectorAll('.announcement-bar__message'); autoplayDuration = parseInt(announcementBar.dataset.autoplayInterval) * 1000; if (announcementBar.dataset.autoplay == "true" && announcements.length > 1) { enableAutoplay = true; } else enableAutoplay = false; currentMessageIndex = 0; checkIfAnnouncementBarIsClosed(); loadInitialMessage(); clearInterval(intervalBetweenAnnouncements); setAnnouncementInterval(); setArrowEventListeners(); setCloseEventListener(); }, 100) }); } checkIfAnnouncementBarIsClosed(); loadInitialMessage(); setAnnouncementInterval(); setArrowEventListeners(); setCloseEventListener(); function setCloseEventListener() { closeAnnouncementBtn.addEventListener('click', function() { announcementBar.style.display = "none"; sessionStorage.setItem("announcement_closed", "true"); }) } function setArrowEventListeners() { announcementArrows.forEach(arrow => { arrow.addEventListener('click', function() { let direction = arrow.dataset.direction; clearInterval(intervalBetweenAnnouncements); if (direction == "prev") { if (currentMessageIndex > 0) currentMessageIndex--; else currentMessageIndex = announcements.length - 1; } else if (direction == "next") { if (currentMessageIndex < (announcements.length - 1)) currentMessageIndex ++; else currentMessageIndex = 0; } if (direction == "next") { if (currentMessageIndex == 0) { // Move current message to left overflow announcements[announcements.length - 1].classList.add('move-left'); setTimeout(() => { announcements[announcements.length - 1].classList.add('none'); announcements[announcements.length - 1].classList.remove('move-left'); announcements[announcements.length - 1].classList.add('move-right'); }, 250) announcements[currentMessageIndex].classList.remove('move-left'); announcements[currentMessageIndex].classList.add('move-right'); // Move right overflow to current message position setTimeout(() => { announcements[currentMessageIndex].classList.remove('none'); }, 300) setTimeout(() => { announcements[currentMessageIndex].classList.remove('move-right'); }, 500) } else { // Move current message to left overflow announcements[currentMessageIndex - 1].classList.remove('move-right'); announcements[currentMessageIndex - 1].classList.add('move-left'); setTimeout(() => { announcements[currentMessageIndex - 1].classList.add('none'); announcements[currentMessageIndex - 1].classList.remove('move-left'); announcements[currentMessageIndex - 1].classList.add('move-right'); }, 250) announcements[currentMessageIndex].classList.remove('move-left'); announcements[currentMessageIndex].classList.add('move-right'); // Move right overflow to current message position setTimeout(() => { announcements[currentMessageIndex].classList.remove('none'); }, 300) setTimeout(() => { announcements[currentMessageIndex].classList.remove('move-right'); }, 500) } } if (direction == "prev") { if (currentMessageIndex == announcements.length - 1) { // Move current message to right overflow announcements[0].classList.add('move-right'); setTimeout(() => { announcements[0].classList.add('none'); }, 250) announcements[currentMessageIndex].classList.remove('move-right'); announcements[currentMessageIndex].classList.add('move-left'); // Move left overflow to current message position setTimeout(() => { announcements[currentMessageIndex].classList.remove('none'); }, 300) setTimeout(() => { announcements[currentMessageIndex].classList.remove('move-left'); }, 500) } else { // Move current message to right overflow announcements[currentMessageIndex + 1].classList.remove('move-left'); announcements[currentMessageIndex + 1].classList.add('move-right'); setTimeout(() => { announcements[currentMessageIndex + 1].classList.add('none'); }, 250) announcements[currentMessageIndex].classList.remove('move-right'); announcements[currentMessageIndex].classList.add('move-left'); // Move left overflow to current message position setTimeout(() => { announcements[currentMessageIndex].classList.remove('none'); }, 300) setTimeout(() => { announcements[currentMessageIndex].classList.remove('move-left'); }, 500) } } setAnnouncementInterval(); }) }) } function checkIfAnnouncementBarIsClosed() { if (sessionStorage.getItem("announcement_closed")) { isAnnouncementClosed = sessionStorage.getItem("announcement_closed"); } else { sessionStorage.setItem("announcement_closed", "false"); isAnnouncementClosed = (sessionStorage.getItem("announcement_closed")); } if (isAnnouncementClosed == "true") { announcementBar.style.display = "none"; } } function setAnnouncementInterval() { if (enableAutoplay) { intervalBetweenAnnouncements = setInterval(function() { let prevMessageIndex = currentMessageIndex; announcements[currentMessageIndex].classList.remove('move-right'); announcements[currentMessageIndex].classList.add('move-left'); setTimeout(() => { announcements[prevMessageIndex].classList.add('none'); }, 250) if (currentMessageIndex < (announcements.length - 1)) currentMessageIndex++; else currentMessageIndex = 0; setTimeout(() => { announcements[currentMessageIndex].classList.remove('none'); }, 300) setTimeout(() => { announcements[currentMessageIndex].classList.remove('move-right'); }, 500) setTimeout(() => { announcements[prevMessageIndex].classList.add('move-right'); announcements[prevMessageIndex].classList.remove('move-left'); }, 500); }, autoplayDuration) } } function loadInitialMessage() { for (let i = 0; i < announcements.length; i++) { if (i != 0) announcements[i].classList.add('move-right', 'none'); } } </script> </div> <header class="top z100 sticky"> <div id="shopify-section-header" class="shopify-section"> <div data-customerTags="null" id="header" class="bg-white relative "> <div class="grid ai-center full-width"> <div class="header-container"> <div class="flex jc-center auto ai-center relative ss__autocomplete__selector" style="width:1440px; max-width:100vw;"> <div class="flex ai-center basis-full pr-4 pl-5 py-4 lg:py-0"> <a class="header-icon-wrapper desktop-wrapper h-14" href="https://www.birdygrey.com/collections/bridesmaid-color-swatches"> <img width="16" height="16" src="//www.birdygrey.com/cdn/shop/files/Swatch-icon.svg?v=1684886397&width=20" alt="GET 3 FREE SWATCHES"> <span class="uppercase">GET 3 FREE SWATCHES</span> </a> <div tabindex="0" id="mobile-menu-icon"> <svg transform-origin="" class="tm-block pointer" style="width:1.25rem; height:1.25rem;" viewBox="-1 0 23 15.25"> <g> <rect class="menu-icon-line-top" width="20" height="1.25" rx="0.625" fill="#464646" /> <rect class="menu-icon-line-middle" width="20" height="1.25" rx="0.625" fill="#464646" /> <rect class="menu-icon-line-bottom" width="20" height="1.25" rx="0.625" fill="#464646" /> </g> </svg> </div> <div id="mobile-search-button" role="button" tabindex="0" aria-label="Open Search UI" class="pointer mobile-search-button relative bg-transparent tm-block" style="margin:0 1rem; min-width: 1.25rem; height: 2rem;"> <div class="absolute flex ai-center full-height bg-transparent"> <svg tabindex="0" class="search-icon" viewBox="0 0 19.527 20"> <title>Search Icon – Click to Open the Search Modal</title> <g transform="translate(9.763 10)"> <g transform="translate(-9.763 -10)"> <ellipse cx="7.456" cy="7.456" rx="7.456" ry="7.456" transform="translate(0.947 0.71)" fill="none" stroke="#464646" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.183"></ellipse> <line x2="5.207" y2="5.207" transform="translate(13.491 13.964)" fill="none" stroke="#464646" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.183"></line> </g> </g> </svg> </div> </div> </div> <div style="flex-basis:auto;"> <a href="/"> <div class="link header-logo top1 bottom1"> <svg viewBox="-1 0 173.05 20" class="block auto"> <title>BIRDY GREY</title> <g id="Artwork_2" data-name="Artwork 2"> <g id="Group_649" data-name="Group 649"> <path class="logoletter" id="Path_1517" data-name="Path 1517" d="M12.081,11.852a4.812,4.812,0,0,1,2.226,2,5.12,5.12,0,0,1-2.662,7.083,8.783,8.783,0,0,1-3.5.647c-2.5.015-4.978,0-7.474,0-.556,0-.767-.211-.767-.767q.015-8.828.015-17.686c0-.571.2-.752.752-.767,2.481,0,4.963-.015,7.429,0a7.307,7.307,0,0,1,4.767,1.594,4.826,4.826,0,0,1-.556,7.73l-.226.165M4.1,6.137v3.97c1.429,0,2.827.06,4.211-.015a1.812,1.812,0,0,0,1.985-1.88,1.847,1.847,0,0,0-1.714-2.06C7.1,6.047,5.6,6.122,4.1,6.122m-.015,11.73c1.474,0,2.9.045,4.346-.015a1.859,1.859,0,0,0,1.88-1.278,1.891,1.891,0,0,0-1.624-2.587C7.6,13.852,6.5,13.9,5.4,13.867H4.081Z" transform="translate(0.085 -2.001)" /> <path class="logoletter" id="Path_1518" data-name="Path 1518" d="M332.015,11.939V3.127c0-.587.18-.782.782-.782,2.015,0,4.015-.03,6.015.015a9.293,9.293,0,0,1,7.76,3.835,9.669,9.669,0,0,1,1.684,6,9.582,9.582,0,0,1-2.331,6.361,8.787,8.787,0,0,1-6.151,2.948c-2.421.135-4.782.075-7.173.09-.376,0-.6-.271-.6-.707V11.954m4.2,5.8c.872,0,1.684.015,2.511,0a5,5,0,0,0,4.722-3.474,7.1,7.1,0,0,0-.12-4.948,4.782,4.782,0,0,0-2.346-2.587c-1.519-.782-3.158-.5-4.767-.541Z" transform="translate(-282.071 -1.984)" /> <path class="logoletter" id="Path_1519" data-name="Path 1519" d="M651.017,12.317H646.9c0-.9-.03-1.714.015-2.527a.554.554,0,0,1,.617-.466H654.4c.436,0,.647.241.647.692v8.858c0,.526-.226.737-.752.737H651.6l-.241-1.79-.105-.075a.677.677,0,0,1-.06.165,4.881,4.881,0,0,1-4.587,2.075c-3.654-.2-6-2.226-7.279-5.459a11.442,11.442,0,0,1,.09-9.174A8.323,8.323,0,0,1,647.212.03,8.515,8.515,0,0,1,652.1,1.113a7.208,7.208,0,0,1,2.963,3.639.612.612,0,0,1-.406.752c-1.083.256-2.151.511-3.248.737a.571.571,0,0,1-.436-.2c-.3-.331-.541-.737-.857-1.053a3.743,3.743,0,0,0-5.5.12,6.615,6.615,0,0,0-1.669,4.316,8.2,8.2,0,0,0,1.023,4.827,3.9,3.9,0,0,0,6.031.812,3.9,3.9,0,0,0,1.023-2.737" transform="translate(-542.407 -0.015)" /> <path class="logoletter" id="Path_1520" data-name="Path 1520" d="M796.482,13.754l3.038,4.587c.466.707.932,1.429,1.414,2.12a.556.556,0,0,1,.06.647c-.135.271-.331.286-.587.286h-3.85a.556.556,0,0,1-.571-.331c-1.218-2.181-2.466-4.346-3.684-6.527a.609.609,0,0,0-.662-.376c-.331.03-.962.015-1.489.015v6.452c0,.556-.211.752-.767.752h-2.692A.622.622,0,0,1,786,20.7V2.821c0-.466.226-.677.707-.677,2.316,0,4.647-.03,6.963.015a7.687,7.687,0,0,1,5.083,1.775c2.557,2.181,2.632,7.61-1.489,9.474l-.8.331m-6.316-2.632c1.248,0,2.436.075,3.624-.015a2.48,2.48,0,0,0,2.466-2.572A2.453,2.453,0,0,0,793.805,5.9c-.947-.09-1.91-.045-2.857-.06h-.8Z" transform="translate(-667.796 -1.814)" /> <path class="logoletter" id="Path_1521" data-name="Path 1521" d="M204.451,14.393V20.74c0,.707-.165.857-.887.857h-2.557a.631.631,0,0,1-.707-.692V3.069a.624.624,0,0,1,.692-.707c2.331,0,4.677-.015,7.008,0a8.512,8.512,0,0,1,3.4.707,5.679,5.679,0,0,1,3.4,6.091,5.49,5.49,0,0,1-3.609,4.617l-.406.165.286.466,4.121,6.211c.15.226.256.391.09.677a.594.594,0,0,1-.632.3c-1.248,0-2.511-.015-3.76,0a.667.667,0,0,1-.662-.391c-1.218-2.166-2.451-4.316-3.654-6.482a.571.571,0,0,0-.6-.346c-.481.03-.962,0-1.534,0m.03-2.963c1.323-.06,2.617-.015,3.9-.2A2.4,2.4,0,0,0,210.541,8.5a2.364,2.364,0,0,0-2.421-2.421c-1.188-.09-2.391-.03-3.579-.045-.015,0-.045.03-.075.06Z" transform="translate(-170.177 -2.001)" /> <path class="logoletter" id="Path_1522" data-name="Path 1522" d="M922.066,13.914V18h7.76c.571,0,.8.211.8.782v2.256a.632.632,0,0,1-.677.677H918.607c-.5,0-.707-.226-.707-.782V3.147a.6.6,0,0,1,.647-.647h11.369a.631.631,0,0,1,.692.707V5.463c0,.481-.226.707-.737.707h-7.79v4.075h7.234c.511,0,.752.241.752.737v2.135c0,.722-.18.812-.8.812h-7.219Z" transform="translate(-779.86 -2.124)" /> <path class="logoletter" id="Path_1523" data-name="Path 1523" d="M459.981,9.311l.647-1.1c1.068-1.835,2.135-3.684,3.2-5.519a.526.526,0,0,1,.526-.316q1.744.03,3.5,0a.526.526,0,0,1,.541.3.511.511,0,0,1-.03.617q-3.068,5.023-6.121,10.076a1.624,1.624,0,0,0-.211.8c-.015,2.226-.015,4.451-.015,6.677,0,.571-.211.782-.8.782h-2.662a.627.627,0,0,1-.722-.722c0-2.241,0-4.482-.015-6.722a1.76,1.76,0,0,0-.226-.827q-2.9-5.023-5.85-10a.586.586,0,0,1-.06-.692c.165-.271.346-.271.6-.271,1.143,0,2.286.015,3.414,0a.6.6,0,0,1,.617.361q1.737,3.181,3.5,6.331l.15.226" transform="translate(-383.69 -2.017)" /> <path class="logoletter" id="Path_1524" data-name="Path 1524" d="M1033.537,9.232l2.376-4.091c.5-.842.993-1.684,1.474-2.542a.526.526,0,0,1,.541-.3q1.744.03,3.5,0a.526.526,0,0,1,.541.3.519.519,0,0,1-.045.617q-3.068,5.038-6.121,10.076a1.624,1.624,0,0,0-.211.782c-.015,2.226-.015,4.451-.015,6.677,0,.556-.211.767-.752.767h-2.692a.666.666,0,0,1-.737-.737c0-2.271,0-4.542-.015-6.813a1.5,1.5,0,0,0-.2-.722q-2.932-5.023-5.88-10.016a.587.587,0,0,1-.045-.692c.165-.271.361-.256.6-.256h3.459a.511.511,0,0,1,.526.316c1.1,2.015,2.226,4.015,3.339,6.031l.346.587" transform="translate(-870.998 -1.939)" /> <path class="logoletter" id="Path_1525" data-name="Path 1525" d="M132.7,12.062V3.25c0-.556.2-.767.752-.767h2.737a.632.632,0,0,1,.692.677V21a.662.662,0,0,1-.707.707h-2.782A.624.624,0,0,1,132.7,21V12.047" transform="translate(-112.744 -2.107)" /> </g> </g> </svg> </div> </a> </div> <div class="flex ai-center header-right" style="padding:1rem; justify-content:flex-end; margin-bottom: -4px;"> <div id="desktop-search-icon" class="pointer d-block relative bg-transparent desktop-search-icon" style="min-width: 150px; height: 1.75rem;"> <div class="desktop-search-container absolute flex ai-center full-height bg-white"> <div class="desktop-search-container-content"> <span class="desktop-search-label">Search</span> <svg tabindex="0" class="search-icon" viewBox="0 0 19.527 20"> <title>Search Icon – Click to Open the Search Modal</title> <g transform="translate(9.763 10)"> <g transform="translate(-9.763 -10)"> <ellipse cx="7.456" cy="7.456" rx="7.456" ry="7.456" transform="translate(0.947 0.71)" fill="none" stroke="#464646" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.183"></ellipse> <line x2="5.207" y2="5.207" transform="translate(13.491 13.964)" fill="none" stroke="#464646" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.183"></line> </g> </g> </svg> </div> <div aria-hidden="true" id="desktop-search-ui" class="flex invisible"> <div role="search" class="desktop-search-input-container"> <form label="search" id="desktop-search-form" class="search h-full" action="/collections/shop" method="get" > <input role="searchbox" aria-label="Search for..." class="desktop-search-input h-full ss__autocomplete__input" name="q" autocomplete="false" placeholder="search" type="text" style=""> </form> </div> <div aria-label="Close search modal" tabindex="0" class="desktop-search-close">×</div> </div> </div> </div> <a tabindex="0" href="/account"> <div class="pointer d-block" style="margin:0 1rem"> <svg viewBox="0 0 26 25" class="block" style="height:1.4rem; margin-top: -2px;" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Account Button</title> <path d="M12.9993 2.16406C7.01626 2.16406 2.16602 7.01431 2.16602 12.9974C2.16602 18.9804 7.01626 23.8307 12.9993 23.8307C18.9824 23.8307 23.8327 18.9804 23.8327 12.9974C23.8327 7.01431 18.9824 2.16406 12.9993 2.16406Z" stroke="#464646" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M4.62695 19.8719C4.62695 19.8719 7.04173 16.7891 13 16.7891C18.9584 16.7891 21.3732 19.8719 21.3732 19.8719" stroke="#464646" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M13 13C14.795 13 16.25 11.545 16.25 9.75C16.25 7.95508 14.795 6.5 13 6.5C11.205 6.5 9.75 7.95508 9.75 9.75C9.75 11.545 11.205 13 13 13Z" stroke="#464646" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> <div class="pointer tm-block" style="margin:0 1rem"> <svg viewBox="0 0 26 25" class="block min-w-[1.4rem] w-auto h-[1.4rem] -mt-1" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Account Button</title> <path d="M12.9993 2.16406C7.01626 2.16406 2.16602 7.01431 2.16602 12.9974C2.16602 18.9804 7.01626 23.8307 12.9993 23.8307C18.9824 23.8307 23.8327 18.9804 23.8327 12.9974C23.8327 7.01431 18.9824 2.16406 12.9993 2.16406Z" stroke="#464646" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M4.62695 19.8719C4.62695 19.8719 7.04173 16.7891 13 16.7891C18.9584 16.7891 21.3732 19.8719 21.3732 19.8719" stroke="#464646" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M13 13C14.795 13 16.25 11.545 16.25 9.75C16.25 7.95508 14.795 6.5 13 6.5C11.205 6.5 9.75 7.95508 9.75 9.75C9.75 11.545 11.205 13 13 13Z" stroke="#464646" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> <div tabindex="0" id="cart-button" class="cart-button pointer flex" style="margin-top: -6px;" data-drawer="cart-tray-widget"> <svg style="height:1.5rem;" viewBox="0 0 83.7 85.43"> <title>Cart button</title> <g> <path fill="#464646" d="M79.85,25.59c-1.33-1.57-3.28-2.47-5.33-2.47H61.36l0.11-2.8c0-10.73-8.91-19.45-19.85-19.45 S21.76,9.59,21.76,20.32c0,0.04,0,0.08,0,0.13l0.17,2.68H8.58c-2.03,0-3.95,0.88-5.28,2.41c-1.33,1.53-1.93,3.56-1.65,5.57 l6.62,47.13c0.48,3.44,3.46,6.03,6.93,6.03h51.64c3.45,0,6.35-2.47,6.91-5.87l7.68-47.13C81.76,29.22,81.18,27.16,79.85,25.59z M25.76,20.26c0.03-8.49,7.13-15.39,15.85-15.39c8.74,0,15.85,6.93,15.86,15.37l-0.11,2.88H25.94L25.76,20.26z M77.48,30.61 L69.8,77.73c-0.24,1.46-1.48,2.52-2.96,2.52H15.2c-1.49,0-2.76-1.11-2.97-2.58L5.61,30.54c-0.12-0.87,0.13-1.72,0.71-2.39 c0.58-0.67,1.38-1.03,2.26-1.03h13.61l0.5,7.87c0.07,1.06,0.95,1.87,1.99,1.87c0.04,0,0.09,0,0.13,0c1.1-0.07,1.94-1.02,1.87-2.12 l-0.48-7.62h31.01l-0.29,7.67c-0.04,1.1,0.82,2.03,1.92,2.07c1.14,0.06,2.03-0.82,2.08-1.92l0.3-7.82h13.31 c0.88,0,1.71,0.39,2.29,1.06C77.38,28.85,77.62,29.74,77.48,30.61z" /> <text class="cart-contents-icon" style="font-size:2rem;" fill="#464646" text-anchor="middle" x="50%" y="74%">0</text> </g> </svg> </div> </div> <div id="mobile-search-box" tabindex="0" class="full-width mobile-search-box absolute bottom bg-white z2"> <div class="grid subheading ai-center pad1" style="grid-template-columns:1.5rem auto 1.5rem; height:calc(100% - 2rem);"> <div class="mobile-search-icon"> <svg class="search-icon" style="height:1.25rem;width: 1.25rem; margin-top:.3125rem;" viewBox="0 0 19.527 20"> <g transform="translate(9.763 10)"> <g transform="translate(-9.763 -10)"> <ellipse cx="7.456" cy="7.456" rx="7.456" ry="7.456" transform="translate(0.947 0.71)" fill="none" stroke="#464646" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.183"></ellipse> <line x2="5.207" y2="5.207" transform="translate(13.491 13.964)" fill="none" stroke="#464646" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.183"></line> </g> </g> </svg> </div> <div id="mobile-search-ui" class="invisible flex full-width"> <div class="full-width"> <form id="mobile-search-form" class="search" action="/collections/shop" method="get"> <input aria-label="search for..." class="mobile-search-input ss__autocomplete__input" name="q" autocomplete="false" placeholder="search" type="text" style="width:calc(100% - 4rem);"> </form> </div> <div tabindex="0" role="button" aria-label="Close search modal" class="mobile-close-search pointer"> &times; </div> </div> </div> </div> </div> </div> <div id="desktop-menu" class="df-block animate-timer"> <nav id="desktop-nav" class="tiny m-standard bg6 full-height" aria-label="Primary"> <div class="flex jc-center uppercase tm-vertical-flex m-auto max-w-[80rem]"> <div class="tm-tab-container"> <div class="px-4 mobile-wrapper"> <a class="py-4 header-icon-wrapper w-max leading-[28.8px]" href="https://www.birdygrey.com/pages/floral-prints"> <img width="16" height="16" src="//www.birdygrey.com/cdn/shop/files/Swatch-icon.svg?v=1684886397&width=20" alt="GET 3 FREE SWATCHES"> <span class="uppercase">GET 3 FREE SWATCHES</span> </a> </div> </div> <div role="button"aria-ex |
| 16 |
Error
On line 6487, column 52 ="button"aria-expanded="false"aria-co |
| 17 |
Error
On line 6487, column 94 d="false"aria-controls="submenu-bridesmaid-dresses"tabinde |
| 18 |
Error
On line 7301, column 31 -dresses"tabindex="0" class="tablet-flex menu-item tm-tab-container menu-item-bridesmaid-dresses pointer lh18 text-center tm-text-left"> <a class="d-block tablet-none black uppercase no-link pad1" href="/collections/all-bridesmaid-dresses"> <div class="tiny m-standard main-menu-text">Bridesmaid Dresses</div> </a> <div class="tablet-flex tm-flex ai-center jc-between mr-4 tab-heading !py-0"> <div class="m-standard py-4 pl-4">Bridesmaid Dresses</div> <div class="tab-icon" style="font-size: min(1rem, 24px); margin: 0 0.5rem; position: relative; top: -2px;">+</div> </div> <div id="submenu-bridesmaid-dresses" aria-hidden="true" class="absolute tab-body left bg-white full-width menu-dropdown auto-cursor color1" style="overflow-y:scroll; border-color:inherit; z-index:2; top: 100%;"> <hr style="margin:0; border-top:1px solid; border-bottom:none;" class="color1"> <div class="top1 d-block"></div> <div class="grid flow-column text-left tm-flow-row black gap2" style="padding: 0 1rem; text-align:left; max-width:80rem; margin:auto;"> <div class="grid flow-column tm-flow-row" style="grid-gap:1rem 3rem;"> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">Bridesmaid Dresses</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/all-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Shop All Bridesmaid Dresses</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/matte-satin-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">New! Matte Satin Bridesmaid Dresses</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/bridesmaid-dress-new-arrivals"> <div class="flex items-center"> <span class="menu-underline">New Arrivals</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/floral-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Floral Bridesmaid Dresses</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/best-selling-dresses"> <div class="flex items-center"> <span class="menu-underline">Best Selling Dresses</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/ready-to-ship-bridesmaid-dresses#/filter:ss_ships_now:1"> <div class="flex items-center"> <span class="menu-underline">Ready to Ship Dresses</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/convertible-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Convertible Dresses</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/plus-size-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Plus-Size Dresses</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/wedding-jumpsuits"> <div class="flex items-center"> <span class="menu-underline">JUMPSUITS</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/maternity-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Maternity</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/junior-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Junior Bridesmaid Dresses</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/womens-wedding-suits"> <div class="flex items-center"> <span class="menu-underline">Women&#39;s Tuxedos</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/bridesmaid-dress-sale"> <div class="flex items-center"> <span class="menu-underline">Sale</span> </div> </a> </li> </ul> </div> </div> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">Shop by Color</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/floral-bridesmaid-dresses"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-image: url('//www.birdygrey.com/cdn/shop/files/all_florals_color_thumbnail_v2.jpg?crop=center&height=18&v=1708993474&width=18');"></span> <span> <span class="flex items-center"> <span class="menu-underline">Floral </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/neutral-bridesmaid-dresses"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #d3c7bd;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Neutrals </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/black-bridesmaid-dresses"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #000000;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Black </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/jewel-tone-bridesmaid-dresses"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #364f50;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Jewel Tones </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/gemstone-bridesmaid-dresses"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #ee3d97;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Gemstones </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/green-bridesmaid-dresses"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #a6b4b5;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Greens </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/blue-bridesmaid-dresses"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #c6d3e1;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Blues </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/red-orange-bridesmaid-dresses"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #b97a6c;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Reds & Oranges </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/purple-bridesmaid-dresses"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #ad919b;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Purples </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/pink-bridesmaid-dresses"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #e1bdb5;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Pinks </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/yellow-bridesmaid-dresses"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #daa71e;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Yellows </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/metallic-bridesmaid-dresses"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #cdb898;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Metallics </span> </span> </span> </div> </a> </li> </ul> </div> </div> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">Shop by Fabric</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/matte-satin-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Matte Satin</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/shiny-satin-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Shiny Satin</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/chiffon-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Chiffon</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/crepe-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Crepe</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/velvet-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Velvet</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/mesh-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Mesh</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/tulle-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Tulle</span> </div> </a> </li> </ul> </div> </div> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">Explore</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/pages/matte-satin"> <div class="flex items-center"> <span class="menu-underline">Introducing Matte Satin</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/pages/mix-match-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Mix and Match Studio</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/pages/real-weddings"> <div class="flex items-center"> <span class="menu-underline">Real Weddings</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/pages/how-to-wear-our-convertible-dresses"> <div class="flex items-center"> <span class="menu-underline">Convertible Dress How-To</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/pages/how-it-works"> <div class="flex items-center"> <span class="menu-underline">How It Works</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/wedding-guest-dresses"> <div class="flex items-center"> <span class="menu-underline">Wedding Guest Dresses</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/prom-dresses"> <div class="flex items-center"> <span class="menu-underline">Prom Dresses</span> </div> </a> </li> </ul> </div> </div> </div> <div class="grid flow-column gap1 menu-images-flexbox lg:justify-end" style="margin:1rem 0 2rem 0;"> <div class="grid flow-column lg:justify-end"> <a data-menuindex="Bridesmaid Dresses Feature Image 1" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="https://www.birdygrey.com/collections/matte-satin-bridesmaid-dresses"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="Bridesmaid Dresses" width="1080" height="1080" src="//www.birdygrey.com/cdn/shop/files/2024_03_mega_nav_collection_bridesmaid_dresses_matte_satin_1080x1080_4b217e60-c4c5-4b57-8dd1-9d18dd06c566.jpg?v=1711049717&width=1200" /> </picture> </div> Just Dropped: Matte Satin Dresses </a> </div> </div> </div> </div> <div class="relative"> <div tabindex="-1" aria-hidden="true" class="absolute left full-width menu-carat flex jc-center" style="z-index:50; top:-.25rem;"> <div class="carat-content bg6 color1"></div> </div> </div> </div> <div role="button"aria-ex |
| 19 |
Error
On line 7301, column 52 ="button"aria-expanded="false"aria-co |
| 20 |
Error
On line 7301, column 89 d="false"aria-controls="submenu-free-swatches"tabinde |
| 21 |
Error
On line 7851, column 31 swatches"tabindex="0" class="tablet-flex menu-item tm-tab-container menu-item-free-swatches pointer lh18 text-center tm-text-left"> <a class="d-block tablet-none black uppercase no-link pad1" href="/collections/bridesmaid-color-swatches"> <div class="tiny m-standard main-menu-text">(Free!) Swatches</div> </a> <div class="tablet-flex tm-flex ai-center jc-between mr-4 tab-heading !py-0"> <div class="m-standard py-4 pl-4">(Free!) Swatches</div> <div class="tab-icon" style="font-size: min(1rem, 24px); margin: 0 0.5rem; position: relative; top: -2px;">+</div> </div> <div id="submenu-free-swatches" aria-hidden="true" class="absolute tab-body left bg-white full-width menu-dropdown auto-cursor color1" style="overflow-y:scroll; border-color:inherit; z-index:2; top: 100%;"> <hr style="margin:0; border-top:1px solid; border-bottom:none;" class="color1"> <div class="top1 d-block"></div> <div class="grid flow-column text-left tm-flow-row black gap2" style="padding: 0 1rem; text-align:left; max-width:80rem; margin:auto;"> <div class="grid flow-column tm-flow-row" style="grid-gap:1rem 3rem;"> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">Swatches</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/bridesmaid-color-swatches"> <div class="flex items-center"> <span class="menu-underline">Shop All Swatches</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/new-swatches"> <div class="flex items-center"> <span class="menu-underline">Shop New Swatches</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/pages/swatch-color-palettes"> <div class="flex items-center"> <span class="menu-underline">Shop by Palette</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/best-selling-swatches"> <div class="flex items-center"> <span class="menu-underline">Best Selling Swatches</span> </div> </a> </li> </ul> </div> </div> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">Shop By Color</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/floral-bridesmaid-dress-swatches"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-image: url('//www.birdygrey.com/cdn/shop/files/all_florals_color_thumbnail_v2.jpg?crop=center&height=18&v=1708993474&width=18');"></span> <span> <span class="flex items-center"> <span class="menu-underline">Floral </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/collections-green-bridesmaid-dress-swatches"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #a6b4b5;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Greens </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/blue-bridesmaid-dress-swatches"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #c6d3e1;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Blues </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/collections-red-orange-bridesmaid-dress-swatches"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #b97a6c;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Reds & Oranges </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/collections-neutral-bridesmaid-dress-swatches"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #d3c7bd;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Neutrals </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/collections-purple-bridesmaid-dress-swatches"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #ad919b;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Purples </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/collections-pink-bridesmaid-dress-swatches"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #e1bdb5;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Pinks </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/yellow-bridesmaid-dress-swatches"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #daa71e;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Yellows </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/collections-metallic-bridesmaid-dress-swatches"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #cdb898;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Metallics </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/collections-jewel-tone-bridesmaid-dress-swatches"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #364f50;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Jewel Tones </span> </span> </span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/gemstone-bridesmaid-dress-swatches"> <div class="flex ai-center"> <span class="inline-block w-4 h-4 mr-1 rounded-[50%]" style="background-color: #ee3d97;"></span> <span> <span class="flex items-center"> <span class="menu-underline">Gemstones </span> </span> </span> </div> </a> </li> </ul> </div> </div> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">Explore</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/pages/matte-satin"> <div class="flex items-center"> <span class="menu-underline">New Fabric: Matte Satin</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/coming-soon-swatches"> <div class="flex items-center"> <span class="menu-underline">Coming Soon Swatches</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/pages/free-moodboards"> <div class="flex items-center"> <span class="menu-underline">Free Moodboards</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/pages/fabric-101"> <div class="flex items-center"> <span class="menu-underline">Fabric 101</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/pages/mix-match-bridesmaid-dresses"> <div class="flex items-center"> <span class="menu-underline">Mix and Match Studio</span> </div> </a> </li> </ul> </div> </div> </div> <div class="grid flow-column gap1 menu-images-flexbox lg:justify-end" style="margin:1rem 0 2rem 0;"> <div class="grid flow-column lg:justify-end"> <a data-menuindex="(Free!) Swatches Feature Image 2" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="https://www.birdygrey.com/collections/bridesmaid-color-swatches/"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="(Free!) Swatches" width="961" height="541" src="//www.birdygrey.com/cdn/shop/files/mega_nav_new_matte_satin_960x540_left-Greens_NC.jpg?v=1702926949&width=1200" /> </picture> </div> GET 3 FREE SWATCHES </a> </div> <div class="grid flow-column lg:justify-end"> <a data-menuindex="(Free!) Swatches Feature Image 3" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="/pages/matte-satin"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="(Free!) Swatches" width="960" height="541" src="//www.birdygrey.com/cdn/shop/files/mega_nav_matte_satin_landing_page_960x540_right-Greens_NC.jpg?v=1702927083&width=1200" /> </picture> </div> SPOTLIGHT: MATTE SATIN </a> </div> </div> </div> </div> <div class="relative"> <div tabindex="-1" aria-hidden="true" class="absolute left full-width menu-carat flex jc-center" style="z-index:50; top:-.25rem;"> <div class="carat-content bg6 color1"></div> </div> </div> </div> <div role="button"aria-ex |
| 22 |
Error
On line 7851, column 52 ="button"aria-expanded="false"aria-co |
| 23 |
Error
On line 7851, column 93 d="false"aria-controls="submenu-shoes-accessories"tabinde |
| 24 |
Error
On line 8225, column 31 essories"tabindex="0" class="tablet-flex menu-item tm-tab-container menu-item-shoes-amp-accessories pointer lh18 text-center tm-text-left"> <a class="d-block tablet-none black uppercase no-link pad1" href="/collections/bridesmaid-bridal-accessories"> <div class="tiny m-standard main-menu-text">Shoes & Accessories</div> </a> <div class="tablet-flex tm-flex ai-center jc-between mr-4 tab-heading !py-0"> <div class="m-standard py-4 pl-4">Shoes & Accessories</div> <div class="tab-icon" style="font-size: min(1rem, 24px); margin: 0 0.5rem; position: relative; top: -2px;">+</div> </div> <div id="submenu-shoes-accessories" aria-hidden="true" class="absolute tab-body left bg-white full-width menu-dropdown auto-cursor color1" style="overflow-y:scroll; border-color:inherit; z-index:2; top: 100%;"> <hr style="margin:0; border-top:1px solid; border-bottom:none;" class="color1"> <div class="top1 d-block"></div> <div class="grid flow-column text-left tm-flow-row black gap2" style="padding: 0 1rem; text-align:left; max-width:80rem; margin:auto;"> <div class="grid flow-column tm-flow-row" style="grid-gap:1rem 3rem;"> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">Wedding Accessories</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/bridesmaid-bridal-accessories"> <div class="flex items-center"> <span class="menu-underline">Shop All Accessories</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/bridesmaid-shoes-heels"> <div class="flex items-center"> <span class="menu-underline">Bridesmaid Shoes</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/bridal-shoes-heels"> <div class="flex items-center"> <span class="menu-underline">Bridal Shoes &amp; Heels</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/bridesmaid-jewelry"> <div class="flex items-center"> <span class="menu-underline">Jewelry</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/hair-accessories"> <div class="flex items-center"> <span class="menu-underline">Hair Accessories</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/wedding-purses"> <div class="flex items-center"> <span class="menu-underline">Clutches &amp; Bags</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/shawls-cover-ups"> <div class="flex items-center"> <span class="menu-underline">Shawls &amp; Cover Ups</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/seamless-underwear"> <div class="flex items-center"> <span class="menu-underline">Seamless Underthings</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/flower-girl-accessories"> <div class="flex items-center"> <span class="menu-underline">Flower Girl &amp; Ring Bearer</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/pet-accessories"> <div class="flex items-center"> <span class="menu-underline">Dog Bow Ties</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/sale-accessories"> <div class="flex items-center"> <span class="menu-underline">Sale</span> </div> </a> </li> </ul> </div> </div> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">Featured</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/wedding-party-accessories"> <div class="flex items-center"> <span class="menu-underline">Buy More Save More Accessories</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/romantic-glam-jewelry"> <div class="flex items-center"> <span class="menu-underline">Romantic Glam Jewelry</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/pearl-jewelry"> <div class="flex items-center"> <span class="menu-underline">Pearl Jewelry</span> </div> </a> </li> </ul> </div> </div> </div> <div class="grid flow-column gap1 menu-images-flexbox lg:justify-end" style="margin:1rem 0 2rem 0;"> <div class="grid flow-column lg:justify-end"> <a data-menuindex="Shoes &amp; Accessories Feature Image 4" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="https://www.birdygrey.com/collections/wedding-party-accessories"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="Shoes &amp; Accessories" width="960" height="540" src="//www.birdygrey.com/cdn/shop/files/mega_nav_wedding_party_acessories_960x540_right_f0ca06ca-3c9a-4bdf-81f0-d10b8abfc9a8.jpg?v=1704382870&width=1200" /> </picture> </div> Match your whole wedding crew </a> </div> <div class="grid flow-column lg:justify-end"> <a data-menuindex="Shoes &amp; Accessories Feature Image 5" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="/collections/pearl-jewelry"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="Shoes &amp; Accessories" width="960" height="541" src="//www.birdygrey.com/cdn/shop/files/mega_nav_pearlcore_jewelry_accessories_960x540_right.jpg?v=1693416561&width=1200" /> </picture> </div> PEARL JEWELRY </a> </div> </div> </div> </div> <div class="relative"> <div tabindex="-1" aria-hidden="true" class="absolute left full-width menu-carat flex jc-center" style="z-index:50; top:-.25rem;"> <div class="carat-content bg6 color1"></div> </div> </div> </div> <div role="button"aria-ex |
| 25 |
Error
On line 8225, column 52 ="button"aria-expanded="false"aria-co |
| 26 |
Error
On line 8225, column 89 d="false"aria-controls="submenu-pajamas-robes"tabinde |
| 27 |
Error
On line 8523, column 31 as-robes"tabindex="0" class="tablet-flex menu-item tm-tab-container menu-item-pajamas-amp-robes pointer lh18 text-center tm-text-left"> <a class="d-block tablet-none black uppercase no-link pad1" href="/collections/bridesmaid-getting-ready-outfits"> <div class="tiny m-standard main-menu-text">Pajamas & Robes</div> </a> <div class="tablet-flex tm-flex ai-center jc-between mr-4 tab-heading !py-0"> <div class="m-standard py-4 pl-4">Pajamas & Robes</div> <div class="tab-icon" style="font-size: min(1rem, 24px); margin: 0 0.5rem; position: relative; top: -2px;">+</div> </div> <div id="submenu-pajamas-robes" aria-hidden="true" class="absolute tab-body left bg-white full-width menu-dropdown auto-cursor color1" style="overflow-y:scroll; border-color:inherit; z-index:2; top: 100%;"> <hr style="margin:0; border-top:1px solid; border-bottom:none;" class="color1"> <div class="top1 d-block"></div> <div class="grid flow-column text-left tm-flow-row black gap2" style="padding: 0 1rem; text-align:left; max-width:80rem; margin:auto;"> <div class="grid flow-column tm-flow-row" style="grid-gap:1rem 3rem;"> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">Pajamas &amp; Robes</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/bridesmaid-getting-ready-outfits"> <div class="flex items-center"> <span class="menu-underline">Shop All Pajamas &amp; Robes</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/robes-pjs"> <div class="flex items-center"> <span class="menu-underline">Buy More Save More Robes, &amp; PJs</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/bridesmaid-pajamas"> <div class="flex items-center"> <span class="menu-underline">Bridesmaid Pajamas</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/bridesmaid-robes"> <div class="flex items-center"> <span class="menu-underline">Bridesmaid Robes</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/bridal-robes-pajamas"> <div class="flex items-center"> <span class="menu-underline">Bridal Robes &amp; Pajamas</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/bridesmaid-slippers"> <div class="flex items-center"> <span class="menu-underline">Slippers &amp; Accessories</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/loungewear"> <div class="flex items-center"> <span class="menu-underline">Loungewear</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/sale-bridesmaid-and-bridal-robes-collection"> <div class="flex items-center"> <span class="menu-underline">Sale</span> </div> </a> </li> </ul> </div> </div> </div> <div class="grid flow-column gap1 menu-images-flexbox lg:justify-end" style="margin:1rem 0 2rem 0;"> <div class="grid flow-column lg:justify-end"> <a data-menuindex="Pajamas &amp; Robes Feature Image 6" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="https://www.birdygrey.com/collections/robes-pjs"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="Pajamas &amp; Robes" width="960" height="540" src="//www.birdygrey.com/cdn/shop/files/mega_nav_pjs_robes_gettingready_960x540_left-F.jpg?v=1704382943&width=1200" /> </picture> </div> USE CODE: SUITELOOKS </a> </div> <div class="grid flow-column lg:justify-end"> <a data-menuindex="Pajamas &amp; Robes Feature Image 7" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="/collections/bridesmaid-pajamas"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="Pajamas &amp; Robes" width="961" height="541" src="//www.birdygrey.com/cdn/shop/files/mega_nav_floral_pjs_960x540_right.jpg?v=1706888318&width=1200" /> </picture> </div> STAY CUTE IN FLORAL PJs </a> </div> </div> </div> </div> <div class="relative"> <div tabindex="-1" aria-hidden="true" class="absolute left full-width menu-carat flex jc-center" style="z-index:50; top:-.25rem;"> <div class="carat-content bg6 color1"></div> </div> </div> </div> <div class="menu-item-no-dropdown menu-item-little-white-dresses pointer lh18 text-center tm-text-left"> <a class="d-block tablet-none black uppercase no-link pad1" href="https://www.birdygrey.com/collections/little-white-dresses"> <div class="tiny m-standard main-menu-text">Little White Dresses</div> </a> <a class="tm-block black uppercase no-link pad1" href="https://www.birdygrey.com/collections/little-white-dresses"> <div class="standard">Little White Dresses</div> </a> <div class="relative"> <div tabindex="-1" aria-hidden="true" class="absolute left full-width menu-carat flex jc-center" style="z-index:50; top:-.25rem;"> <div class="carat-content bg6 color1"></div> </div> </div> </div> <div role="button"aria-ex |
| 28 |
Error
On line 8523, column 52 ="button"aria-expanded="false"aria-co |
| 29 |
Error
On line 8523, column 85 d="false"aria-controls="submenu-groomsmen"tabinde |
| 30 |
Error
On line 8784, column 31 roomsmen"tabindex="0" class="tablet-flex menu-item tm-tab-container menu-item-groomsmen pointer lh18 text-center tm-text-left"> <a class="d-block tablet-none black uppercase no-link pad1" href="/collections/groomsmen-suits-and-ties"> <div class="tiny m-standard main-menu-text">Groomsmen</div> </a> <div class="tablet-flex tm-flex ai-center jc-between mr-4 tab-heading !py-0"> <div class="m-standard py-4 pl-4">Groomsmen</div> <div class="tab-icon" style="font-size: min(1rem, 24px); margin: 0 0.5rem; position: relative; top: -2px;">+</div> </div> <div id="submenu-groomsmen" aria-hidden="true" class="absolute tab-body left bg-white full-width menu-dropdown auto-cursor color1" style="overflow-y:scroll; border-color:inherit; z-index:2; top: 100%;"> <hr style="margin:0; border-top:1px solid; border-bottom:none;" class="color1"> <div class="top1 d-block"></div> <div class="grid flow-column text-left tm-flow-row black gap2" style="padding: 0 1rem; text-align:left; max-width:80rem; margin:auto;"> <div class="grid flow-column tm-flow-row" style="grid-gap:1rem 3rem;"> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">Groomsmen</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/groomsmen-suits-and-ties"> <div class="flex items-center"> <span class="menu-underline">Shop All Groomsmen</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/wedding-groomsmen-ties"> <div class="flex items-center"> <span class="menu-underline">Groomsmen Ties &amp; Pocket Squares</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/groomsmen-gifts-accessories"> <div class="flex items-center"> <span class="menu-underline">Groomsmen Gifts &amp; Accessories</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/groomsmen-suits"> <div class="flex items-center"> <span class="menu-underline">Groomsmen Suits</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/kids-suits-ties"> <div class="flex items-center"> <span class="menu-underline">Kids&#39; Suits &amp; Ties</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/wedding-party-accessories"> <div class="flex items-center"> <span class="menu-underline">Buy More Save More Accessories</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/sale-groomsmen"> <div class="flex items-center"> <span class="menu-underline">Sale</span> </div> </a> </li> </ul> </div> </div> </div> <div class="grid flow-column gap1 menu-images-flexbox lg:justify-end" style="margin:1rem 0 2rem 0;"> <div class="grid flow-column lg:justify-end"> <a data-menuindex="Groomsmen Feature Image 8" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="https://www.birdygrey.com/collections/wedding-groomsmen-ties"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="Groomsmen" width="960" height="540" src="//www.birdygrey.com/cdn/shop/files/mega_nav_groomsmen_acessories_960x540_right_1_61974de8-2ded-4f4d-90d3-a849efff256b.jpg?v=1704383063&width=1200" /> </picture> </div> SHOP THE GROOMSMAN SALE TODAY </a> </div> <div class="grid flow-column lg:justify-end"> <a data-menuindex="Groomsmen Feature Image 9" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="/collections/groomsmen-suits"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="Groomsmen" width="1920" height="1280" src="//www.birdygrey.com/cdn/shop/files/Birdy_Grey_Groomsmen_Suits__1.jpg?v=1638811758&width=1200" /> </picture> </div> Sharp Groomsmen Suits </a> </div> </div> </div> </div> <div class="relative"> <div tabindex="-1" aria-hidden="true" class="absolute left full-width menu-carat flex jc-center" style="z-index:50; top:-.25rem;"> <div class="carat-content bg6 color1"></div> </div> </div> </div> <div role="button"aria-ex |
| 31 |
Error
On line 8784, column 52 ="button"aria-expanded="false"aria-co |
| 32 |
Error
On line 8784, column 81 d="false"aria-controls="submenu-gifts"tabinde |
| 33 |
Error
On line 9059, column 31 nu-gifts"tabindex="0" class="tablet-flex menu-item tm-tab-container menu-item-gifts pointer lh18 text-center tm-text-left"> <a class="d-block tablet-none black uppercase no-link pad1" href="https://www.birdygrey.com/collections/party-gifts"> <div class="tiny m-standard main-menu-text">Gifts</div> </a> <div class="tablet-flex tm-flex ai-center jc-between mr-4 tab-heading !py-0"> <div class="m-standard py-4 pl-4">Gifts</div> <div class="tab-icon" style="font-size: min(1rem, 24px); margin: 0 0.5rem; position: relative; top: -2px;">+</div> </div> <div id="submenu-gifts" aria-hidden="true" class="absolute tab-body left bg-white full-width menu-dropdown auto-cursor color1" style="overflow-y:scroll; border-color:inherit; z-index:2; top: 100%;"> <hr style="margin:0; border-top:1px solid; border-bottom:none;" class="color1"> <div class="top1 d-block"></div> <div class="grid flow-column text-left tm-flow-row black gap2" style="padding: 0 1rem; text-align:left; max-width:80rem; margin:auto;"> <div class="grid flow-column tm-flow-row" style="grid-gap:1rem 3rem;"> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">Gifts</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/party-gifts"> <div class="flex items-center"> <span class="menu-underline">Shop All Gifts</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/bridesmaid-gifts"> <div class="flex items-center"> <span class="menu-underline">Bridesmaid Gifts</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/bridesmaid-proposal-boxes"> <div class="flex items-center"> <span class="menu-underline">Bridesmaid Proposal Boxes</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/bridesmaid-proposal-gifts"> <div class="flex items-center"> <span class="menu-underline">BRIDESMAID PROPOSAL GIFTS</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/gifts-for-the-bride"> <div class="flex items-center"> <span class="menu-underline">Gifts for the Bride</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/products/digital-gift-card"> <div class="flex items-center"> <span class="menu-underline">Gift Cards</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/personalized-gifts-collection"> <div class="flex items-center"> <span class="menu-underline">Personalized Gifts</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/bachelorette-party-sale"> <div class="flex items-center"> <span class="menu-underline">Sale</span> </div> </a> </li> </ul> </div> </div> </div> <div class="grid flow-column gap1 menu-images-flexbox lg:justify-end" style="margin:1rem 0 2rem 0;"> <div class="grid flow-column lg:justify-end"> <a data-menuindex="Gifts Feature Image 10" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="https://www.birdygrey.com/collections/bridesmaid-proposal-boxes"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="Gifts" width="960" height="541" src="//www.birdygrey.com/cdn/shop/files/mega_nav_bridesmaid_proposal_boxes_960x540_cb3a852c-9069-4ae9-9857-732c0d67b581.jpg?v=1673574085&width=1200" /> </picture> </div> BRIDESMAID PROPOSAL BOXES </a> </div> <div class="grid flow-column lg:justify-end"> <a data-menuindex="Gifts Feature Image 11" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="/products/digital-gift-card"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="Gifts" width="960" height="541" src="//www.birdygrey.com/cdn/shop/files/mega_nav_gifts_and_party_gift_cards_960x540_5c738af7-2c69-4995-a4c5-aec543d3f21a.jpg?v=1692116636&width=1200" /> </picture> </div> Gift Cards for All Occasions </a> </div> </div> </div> </div> <div class="relative"> <div tabindex="-1" aria-hidden="true" class="absolute left full-width menu-carat flex jc-center" style="z-index:50; top:-.25rem;"> <div class="carat-content bg6 color1"></div> </div> </div> </div> <div role="button"aria-ex |
| 34 |
Error
On line 9059, column 52 ="button"aria-expanded="false"aria-co |
| 35 |
Error
On line 9059, column 80 d="false"aria-controls="submenu-sale"tabinde |
| 36 |
Error
On line 9498, column 12 enu-sale"tabindex="0" class="tablet-flex menu-item tm-tab-container menu-item-sale pointer lh18 text-center tm-text-left"> <a class="d-block tablet-none black uppercase no-link pad1" href="https://www.birdygrey.com/collections/all-sale"> <div class="tiny m-standard main-menu-text">Sale</div> </a> <div class="tablet-flex tm-flex ai-center jc-between mr-4 tab-heading !py-0"> <div class="m-standard py-4 pl-4">Sale</div> <div class="tab-icon" style="font-size: min(1rem, 24px); margin: 0 0.5rem; position: relative; top: -2px;">+</div> </div> <div id="submenu-sale" aria-hidden="true" class="absolute tab-body left bg-white full-width menu-dropdown auto-cursor color1" style="overflow-y:scroll; border-color:inherit; z-index:2; top: 100%;"> <hr style="margin:0; border-top:1px solid; border-bottom:none;" class="color1"> <div class="top1 d-block"></div> <div class="grid flow-column text-left tm-flow-row black gap2" style="padding: 0 1rem; text-align:left; max-width:80rem; margin:auto;"> <div class="grid flow-column tm-flow-row" style="grid-gap:1rem 3rem;"> <div class="header-menu-column" style="padding:1rem 0;"> <div> <div class="bold header-subhead" role="heading" aria-level="2">SALE</div> <ul class="subhead-links-container"> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/all-sale"> <div class="flex items-center"> <span class="menu-underline">SHOP ALL SALE</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/bridesmaid-dress-sale"> <div class="flex items-center"> <span class="menu-underline">SALE BRIDESMAID DRESSES</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/sale-little-white-dresses"> <div class="flex items-center"> <span class="menu-underline">SALE LITTLE WHITE DRESSES</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="/collections/sale-bridesmaid-and-bridal-robes-collection"> <div class="flex items-center"> <span class="menu-underline">SALE ROBES &amp; PAJAMAS</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/sale-accessories"> <div class="flex items-center"> <span class="menu-underline">SALE ACCESSORIES</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/sale-groomsmen"> <div class="flex items-center"> <span class="menu-underline">SALE GROOMSMEN</span> </div> </a> </li> <li class="w-max"> <a class="no-link header-menu-link" href="https://www.birdygrey.com/collections/flower-girl-sash-dog-wedding-tie-sale"> <div class="flex items-center"> <span class="menu-underline">SALE SASHES &amp; DOG BOW TIES</span> </div> </a> </li> </ul> </div> </div> </div> <div class="grid flow-column gap1 menu-images-flexbox lg:justify-end" style="margin:1rem 0 2rem 0;"> <div class="grid flow-column lg:justify-end"> <a data-menuindex="Sale Feature Image 16" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="/collections/bridesmaid-dress-sale"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="Sale" width="960" height="540" src="//www.birdygrey.com/cdn/shop/files/mega_nav_dress_sale_960x540_left.jpg?v=1690227770&width=1200" /> </picture> </div> GOWNS STARTING AT $39 </a> </div> <div class="grid flow-column lg:justify-end"> <a data-menuindex="Sale Feature Image 17" class="menu-feature-image lh125 no-link inline-block full-width full-height lg:max-w-[48rem]" href="https://www.birdygrey.com/collections/wedding-groomsmen-ties"> <div class="menu-image-container bottom05" data-nosnippet> <picture style="height:100%;"> <img loading="lazy" class="w-full" style="max-width: 400px; object-fit:cover;height:100% !important;" alt="Sale" width="960" height="540" src="//www.birdygrey.com/cdn/shop/files/mega_nav_groomsmen_acessories_960x540_right_1_264a6ebd-cd32-49b6-9105-269c0ca835f4.jpg?v=1704383105&width=1200" /> </picture> </div> SHOP THE GROOMSMAN SALE TODAY </a> </div> </div> </div> </div> <div class="relative"> <div tabindex="-1" aria-hidden="true" class="absolute left full-width menu-carat flex jc-center" style="z-index:50; top:-.25rem;"> <div class="carat-content bg6 color1"></div> </div> </div> </div><div class="tm-block menu-item menu-item-party pointer line-height display tm-tab-container" style="padding: 1rem 0 1.5rem 1rem;"> <a class="black uppercase no-link" href="/blogs/the-birdy-edit"> <div class="m-standard top05" style="width:9rem;"><div> <svg viewBox="0 0 290.24 28.52"> <title>The Birdy Edit – A Wedding Blog From the Editors at Birdy Grey</title> <style type="text/css"> .st1{fill:#D88473;} </style> <g> <g> <path class="fill-black" d="M65.82,14.82c1.41-0.41,2.5-1.09,3.24-2.09c0.81-1.1,1.21-2.39,1.21-3.86c0-1.94-0.74-3.57-2.2-4.85 c-1.47-1.29-3.55-1.92-6.23-1.92h-9.47l-0.09,0.04l-0.04,0.09v25.34l0.04,0.09l0.09,0.04h9.51c1.65,0,3.05-0.2,4.19-0.61l0,0 c3.07-1.11,4.64-3.29,4.64-6.44c0-1.43-0.49-2.71-1.46-3.83C68.37,15.79,67.22,15.14,65.82,14.82z M55.68,13.42V5.09h6.08 c1.59,0,2.82,0.37,3.69,1.1c0.87,0.73,1.3,1.73,1.31,3.05c0,1.32-0.45,2.32-1.34,3.07c-0.9,0.74-2.11,1.12-3.65,1.12H55.68z M55.68,16.41h6.12c1.76,0,3.07,0.38,3.95,1.12c0.88,0.74,1.32,1.73,1.33,2.99c0,1.26-0.4,2.26-1.21,3.01 c-0.8,0.75-2.15,1.14-4.07,1.14h-6.12V16.41z"/> <polygon class="fill-black" points="85.66,2.1 82.48,2.1 82.39,2.14 82.35,2.22 82.35,27.57 82.39,27.66 82.48,27.69 85.66,27.69 85.75,27.66 85.78,27.57 85.78,2.22 85.75,2.14 "/> <path class="fill-black" d="M110.04,17.13c2.1-0.4,3.72-1.22,4.82-2.5c1.14-1.32,1.7-3.04,1.7-5.16c0-2.13-0.78-3.9-2.32-5.29 c-1.55-1.4-3.77-2.09-6.63-2.09h-8.82l-0.09,0.04l-0.04,0.09v25.34l0.04,0.09l0.09,0.04h3.18l0.09-0.04l0.04-0.09V17.34h4.24 l6.53,10.3l0.11,0.06h4.11l0.11-0.07l-0.01-0.13L110.04,17.13z M102.1,5.09h5.52c1.78,0,3.12,0.44,4.04,1.32 c0.93,0.88,1.39,2.04,1.39,3.54c0,1.49-0.48,2.67-1.43,3.58c-0.95,0.9-2.36,1.36-4.25,1.36h-5.27V5.09z"/> <path class="fill-black" d="M135.95,2.1h-7.45l-0.09,0.04l-0.04,0.09v25.34l0.04,0.09l0.09,0.04h7.45c3.84,0,6.93-1.16,9.26-3.48 c2.32-2.32,3.48-5.44,3.48-9.31c0-3.88-1.16-6.99-3.48-9.32C142.88,3.26,139.78,2.1,135.95,2.1z M135.95,24.66h-4.15V5.17h4.15 c2.77,0,4.96,0.91,6.62,2.72c1.66,1.82,2.48,4.14,2.49,6.99c0,2.85-0.82,5.19-2.47,7.03C140.94,23.75,138.74,24.66,135.95,24.66z" /> <polygon class="fill-black" points="173.1,2.1 172.99,2.16 166.13,13.62 159.42,2.16 159.32,2.1 155.53,2.1 155.42,2.16 155.42,2.29 164.39,17.21 164.39,27.57 164.43,27.66 164.51,27.69 167.74,27.69 167.83,27.66 167.86,27.57 167.86,17.21 176.95,2.29 176.95,2.16 176.84,2.1 "/> <polygon class="fill-black" points="214.12,2.1 198.52,2.1 198.43,2.14 198.4,2.22 198.4,27.57 198.43,27.66 198.52,27.69 214.12,27.69 214.2,27.66 214.24,27.57 214.24,24.79 214.2,24.7 214.12,24.66 201.83,24.66 201.83,16.29 213.39,16.29 213.48,16.26 213.52,16.17 213.52,13.47 213.48,13.38 213.39,13.34 201.83,13.34 201.83,5.09 214.12,5.09 214.2,5.05 214.24,4.96 214.24,2.22 214.2,2.14 "/> <path class="fill-black" d="M233.66,2.1h-7.45l-0.09,0.04l-0.04,0.09v25.34l0.04,0.09l0.09,0.04h7.45c3.84,0,6.93-1.16,9.26-3.48 c2.32-2.32,3.48-5.44,3.48-9.31c0-3.88-1.16-6.99-3.48-9.32C240.59,3.26,237.5,2.1,233.66,2.1z M233.66,24.66h-4.15V5.17h4.15 c2.77,0,4.96,0.91,6.62,2.72c1.66,1.82,2.48,4.14,2.49,6.99c0,2.85-0.82,5.19-2.47,7.03C238.65,23.75,236.45,24.66,233.66,24.66z" /> <polygon class="fill-black" points="261.1,2.1 257.91,2.1 257.83,2.14 257.79,2.22 257.79,27.57 257.83,27.66 257.91,27.69 261.1,27.69 261.19,27.66 261.22,27.57 261.22,2.22 261.19,2.14 "/> <polygon class="fill-black" points="290.2,2.14 290.11,2.1 270.41,2.1 270.32,2.14 270.28,2.22 270.28,4.96 270.32,5.05 270.41,5.09 278.54,5.09 278.54,27.57 278.58,27.66 278.67,27.69 281.85,27.69 281.94,27.66 281.98,27.57 281.98,5.09 290.11,5.09 290.2,5.05 290.24,4.96 290.24,2.22 "/> </g> <g> <polygon class="st1" points="22.76,0.2 22.76,0.2 22.77,0.2 "/> <path class="st1" d="M24.72,20.83c-0.08-0.09-0.17-0.15-0.26-0.2c-0.09-0.04-0.19-0.05-0.28-0.02l-0.14,0.05 c-0.08-0.29-0.16-0.64-0.31-0.98v-0.54c0-0.14-0.02-0.26-0.04-0.34l-0.03-0.2c0-0.27-0.08-0.45-0.14-0.6v-0.75 c-0.01-0.14,0.02-0.37-0.11-0.64l-0.02-0.04c-0.11-0.16-0.16-0.32-0.25-0.5l-0.02-0.04c-0.15-0.24-0.34-0.42-0.58-0.58l-0.09-0.04 c-0.23-0.08-0.44-0.12-0.66-0.12c-0.22,0-0.43,0.05-0.66,0.12l-0.05,0.02c0,0-0.07,0.02-0.18,0.06l-0.19,0.09 c-0.07,0.05-0.15,0.12-0.2,0.23l0,0c-0.03,0.05-0.07,0.09-0.16,0.16c-0.09,0.07-0.23,0.16-0.36,0.34 c-0.07,0.13-0.28,0.26-0.47,0.54l-0.01,0.02c-0.24,0.42-0.63,0.81-0.93,1.26l-0.03,0.06c-0.08,0.18-0.21,0.37-0.36,0.59 c-0.13,0.2-0.27,0.44-0.36,0.73c-0.29,0.39-0.42,0.75-0.68,1l-0.05,0.06l-0.14,0.2l-0.05,0.17l-0.01,0l0,0 c0,0.03-0.03,0.1-0.05,0.2l-0.05,0.07l-0.03,0.06c-0.08,0.06-0.15,0.14-0.19,0.23c-0.04,0.08-0.06,0.16-0.07,0.25l-0.01,0.01 l-0.17,0.11c-0.12,0.08-0.15,0.21-0.14,0.34l-0.05,0.07c-0.06,0.13-0.08,0.23-0.1,0.28l0,0.01l-0.03,0.02 c-0.4,0.4-0.61,0.91-0.8,1.3l-0.1,0.15l-0.11,0.11l-0.05,0.06l-0.14,0.2l-0.04,0.09l-0.05,0.15l-0.11,0.16l-0.02,0.04l-0.08,0.14 l-0.02,0.03l-0.17,0.17l-0.12,0.24c0.01-0.04,0.01-0.08,0.01-0.13c0.01-0.04,0.05-0.12,0.1-0.23c0.05-0.12,0.12-0.27,0.12-0.48 c0-0.05-0.01-0.1-0.02-0.15c0.04-0.05,0.07-0.1,0.09-0.15c0.06-0.15,0.08-0.27,0.1-0.36l0.04-0.13l0.04-0.09 c0.04-0.12,0.07-0.25,0.07-0.38c0-0.09-0.03-0.17-0.06-0.26l0.07-0.06l0.07-0.25c0-0.03-0.01-0.05-0.01-0.08l0.05-0.05 c0.07-0.07,0.11-0.16,0.11-0.26c0-0.12,0.06-0.38,0.12-0.56l0,0c0.06-0.17,0.05-0.31,0.06-0.39l0.03-0.13l0.02-0.04 c0.08-0.18,0.07-0.31,0.08-0.37l0.01-0.04l0,0c0.14-0.16,0.17-0.33,0.19-0.41c0.02-0.1,0.03-0.13,0.04-0.16l0.02-0.04 c0.12-0.24,0.27-0.55,0.3-0.94l0.04-0.08l0,0c0.08-0.11,0.14-0.24,0.15-0.35C16,18.78,16,18.69,16,18.6 c0.14-0.4,0.15-0.75,0.29-0.95l0.04-0.1l0.06-0.25c0.34-0.88,0.61-1.69,0.88-2.57l0.01-0.02l0.07-0.27l0.01-0.09v-0.23l0.09-0.05 c0.07-0.04,0.15-0.12,0.21-0.23l0.02-0.05l0.07-0.2l0.01-0.03c0.05-0.22,0.19-0.49,0.27-0.81c0.03-0.16,0.23-0.44,0.33-0.85l0,0 c0-0.01,0.01-0.01,0.01-0.02l0.02,0c0.11-0.02,0.2-0.03,0.27-0.03c0.13,0,0.19,0.02,0.31,0.1L19.19,12h0.14 c0.1,0,0.2-0.04,0.27-0.11s0.11-0.17,0.11-0.27v-0.13v-0.14l-0.09-0.24c-0.21-0.25-0.47-0.44-0.75-0.56l0.01-0.01l0.07-0.1 c0.06-0.14,0.17-0.31,0.18-0.57l0.01-0.05l0.01-0.02l0-0.01l0,0l0.04-0.05c0.32-0.49,0.39-0.92,0.56-1.26l0,0 c0.13-0.2,0.18-0.39,0.24-0.53c0.06-0.16,0.11-0.23,0.16-0.26c0.14-0.09,0.21-0.25,0.17-0.41l0-0.01l0.03-0.07 c0.03-0.05,0.09-0.14,0.14-0.27l0,0c0.01-0.02,0.01-0.03,0.02-0.05c0,0,0,0,0,0h0c0.07-0.15,0.12-0.29,0.17-0.41 c0.05-0.13,0.1-0.22,0.15-0.26l0.1-0.19c0.04-0.23,0.21-0.48,0.37-0.85l0,0c0.12-0.25,0.34-0.6,0.49-0.98l0.03-0.14l0.04-0.11 c0.02-0.07,0.09-0.17,0.1-0.36l0.1-0.11c0.04-0.05,0.09-0.14,0.13-0.25l0.11-0.17l0.05-0.12c0.06-0.26,0.12-0.41,0.22-0.56 l0.04-0.07c0.13-0.34,0.27-0.67,0.39-0.92l0.01-0.03l0.14-0.34l0.03-0.14c0-0.26-0.13-0.54-0.41-0.67l-0.13-0.07l0,0 C22.53,0.07,22.41,0,22.24,0c-0.14,0-0.29,0.06-0.38,0.15c-0.1,0.09-0.16,0.18-0.21,0.29c-0.19,0.38-0.47,0.79-0.69,1.31l0,0.01 c-0.15,0.39-0.21,0.65-0.39,0.82l-0.05,0.06l-0.14,0.2l-0.02,0.04c-0.11,0.22-0.34,0.52-0.43,0.96l0,0 c-0.01,0.04-0.06,0.13-0.15,0.26c-0.09,0.13-0.21,0.31-0.26,0.57l0,0.04c0,0.02-0.08,0.12-0.17,0.28l-0.02,0.1l0,0l-0.1,0.12 c-0.05,0.07-0.13,0.19-0.13,0.36l0.02,0.12c-0.02,0.03-0.05,0.08-0.09,0.16c-0.42,0.57-0.63,1.2-0.77,1.87l-0.1,0.15l-0.14,0.2 L18,8.08c-0.14,0.27-0.27,0.54-0.4,0.81l-0.4,0.74l-0.01,0.01c-0.12,0.27-0.1,0.46-0.16,0.59l-0.07,0.15 c-0.11,0.02-0.22,0.04-0.32,0.07h-0.22l-0.14,0.03c-0.2,0.09-0.46,0.05-0.82,0.11c-0.14,0-0.31-0.02-0.49-0.02 c-0.15,0-0.33,0.02-0.51,0.09l0,0c-0.35,0.06-0.75,0.07-1.18,0.13c-0.12,0-0.32,0.01-0.54,0.07c-0.22,0-0.44,0.01-0.67,0.07h-0.73 l-0.07,0.01c-0.28,0.06-0.72,0.06-1.19,0.21c0.06-0.13,0.1-0.27,0.12-0.41l0.06-0.06l0.06-0.07c0.22-0.37,0.36-0.79,0.44-1.21 l0.19-0.45l0-0.01c0.09-0.25,0.37-0.64,0.38-1.16l0-0.06l0.02-0.04l0.02-0.05c0.05-0.18,0.15-0.33,0.15-0.59 c0-0.19-0.01-0.38-0.11-0.57c-0.09-0.2-0.3-0.35-0.51-0.4L10.8,6.04c-0.07,0-0.13,0-0.23,0.02c-0.1,0.02-0.23,0.08-0.3,0.16 l-0.08,0.12L9.77,7.29l0,0C9.64,7.56,9.52,7.87,9.44,8.16c-0.32,0.53-0.57,1.2-0.72,1.88L8.64,10.1l-0.16,0.15 c-0.06,0.08-0.09,0.2-0.09,0.3c0.01,0.13-0.02,0.3-0.03,0.3c-0.01,0.02-0.06,0.09-0.12,0.2c-0.03,0.05-0.06,0.12-0.08,0.19 c-0.22,0.11-0.33,0.17-0.44,0.17l-0.1-0.01l0,0c-0.08-0.02-0.17-0.03-0.24-0.03c-0.32,0.01-0.59,0.09-0.71,0.09 c-0.08,0-0.16,0.03-0.22,0.08c-0.05-0.01-0.12-0.02-0.22-0.02l-0.22,0.03l0,0l-0.09,0.01c-0.08,0-0.22-0.03-0.41-0.03l-0.07,0.01 l-0.74,0.13L4.6,11.7c0,0.01-0.18,0.03-0.3,0.03c-0.38,0-0.81,0-1.26,0.13H1.86l-0.12,0.02C1.41,11.99,1.05,12,0.65,12l-0.12,0.02 l-0.2,0.07l-0.15,0.09l-0.07,0.07C0,12.36-0.03,12.53,0.04,12.68l0.07,0.14l0.02,0.04c0.12,0.18,0.3,0.3,0.47,0.36 c0.17,0.06,0.35,0.08,0.51,0.08l0.09-0.01c0.23-0.06,0.38-0.06,0.59-0.06c0.12-0.01,0.32,0.06,0.61,0.07 c0.19,0,0.35-0.03,0.46-0.03l0.1,0.01l0.12,0.02c0.19,0,0.32-0.05,0.42-0.09c0.1-0.04,0.17-0.05,0.19-0.05 c1.25,0,2.44-0.06,3.67-0.13c-0.05,0.16-0.11,0.3-0.19,0.42l0,0c-0.25,0.29-0.33,0.61-0.39,0.86l0,0.02 c-0.02,0.09-0.07,0.18-0.15,0.31c-0.06,0.11-0.14,0.26-0.17,0.46l-0.01,0l-0.08,0.18c-0.04,0.08-0.09,0.21-0.09,0.37l0.01,0.09 C6.28,15.76,6.21,15.85,6.13,16l-0.04,0.17v0.07c-0.11,0.08-0.15,0.17-0.17,0.21L5.9,16.48l0,0l-0.03,0.04 c-0.15,0.25-0.18,0.49-0.23,0.66c-0.05,0.18-0.09,0.26-0.16,0.32c-0.13,0.1-0.18,0.28-0.11,0.43l0,0.01 c0,0.01-0.02,0.05-0.08,0.13c-0.06,0.09-0.15,0.24-0.15,0.46l0.01,0.07l0,0.01c0,0,0,0.03-0.09,0.15 c-0.07,0.11-0.18,0.28-0.24,0.52l0,0l-0.07,0.2l-0.02,0.12l0.02,0.2l0,0.01c-0.2,0.48-0.34,0.9-0.48,1.37h0c0,0,0,0,0,0 c0,0.01,0,0.01,0,0.01l0,0C4.21,21.42,4.2,21.6,4.2,21.73c-0.13,0.21-0.14,0.42-0.14,0.54c-0.06,0.2-0.07,0.33-0.1,0.35 l-0.02,0.05c-0.21,0.62-0.36,1.21-0.36,1.88l0,0.11l-0.02,0.06l-0.04,0.17C3.52,25.2,3.58,25.64,3.74,26l0,0l0.07,0.27l0.01,0 c0.02,0.23,0.12,0.44,0.24,0.58c0.14,0.16,0.3,0.28,0.43,0.38l0.04,0.03c0.43,0.25,0.9,0.41,1.44,0.4c0.1,0,0.2-0.01,0.3-0.02 h0.27c0.39,0,0.71-0.17,0.94-0.33l0,0c0,0,0,0,0,0c0,0,0,0,0.01,0l0,0c0.57-0.36,1.06-0.78,1.48-1.2L9,26.07 c0.16-0.22,0.42-0.5,0.6-0.87c0.52-0.48,0.8-1.09,1.1-1.51l0,0c0.35-0.36,0.57-0.73,0.83-1.18l0,0c0.15-0.24,0.21-0.4,0.35-0.53 l0.05-0.06c0.15-0.23,0.29-0.5,0.42-0.76c0.14-0.16,0.23-0.32,0.28-0.43l0.05-0.05c0.05-0.04,0.13-0.1,0.22-0.19l0.14-0.14l0,0 l0.02-0.02c0.01,0,0.01-0.01,0.02-0.01c0.14-0.1,0.2-0.2,0.28-0.34c0.08-0.14,0.15-0.3,0.18-0.5l0-0.05l0.01-0.01l0.09-0.09l0,0 c0.07-0.07,0.23-0.22,0.34-0.44c0.05-0.11,0.05-0.23,0-0.33l-0.07-0.13l-0.07-0.1l-0.1-0.09c-0.05-0.04-0.13-0.1-0.28-0.1 c-0.11,0-0.22,0.05-0.29,0.11l-0.03,0.04c-0.06,0.03-0.13,0.07-0.2,0.13c-0.09,0.08-0.18,0.2-0.23,0.34l0,0l-0.08,0.14 c-0.01,0.02-0.03,0.05-0.05,0.09l-0.11,0.1c-0.07,0.06-0.17,0.15-0.23,0.29l-0.02,0.1l-0.01,0.01l-0.1,0.07l-0.14,0.14l-0.05,0.06 c-0.13,0.2-0.27,0.39-0.36,0.48l0,0c-0.24,0.25-0.55,0.47-0.8,0.88l-0.01,0.03c-0.17,0.34-0.41,0.59-0.7,0.95l-0.02,0.03 c-0.25,0.38-0.58,0.78-0.92,1.19c-0.02,0.02-0.01,0.05-0.03,0.07c-0.05,0.04-0.11,0.1-0.16,0.2c-0.05,0.1-0.06,0.17-0.07,0.22 c-0.33,0.16-0.51,0.42-0.64,0.6l0,0c-0.13,0.19-0.4,0.33-0.68,0.68l-0.01,0.02c-0.12,0.17-0.2,0.25-0.37,0.37l-0.15,0.19 l-0.05,0.05c-0.05,0.04-0.15,0.1-0.26,0.21l0,0c-0.14,0.14-0.36,0.26-0.69,0.39l-0.07,0.04l-0.03,0.01l-0.18-0.1 c-0.06-0.05-0.18-0.28-0.23-0.49c-0.03-0.2-0.05-0.41-0.05-0.63c0-0.57,0.1-1.2,0.24-1.81l0.04-0.09l0.04-0.17 c0-0.12,0.05-0.29,0.12-0.49c0.06-0.17,0.05-0.31,0.06-0.38l0.01-0.05l0,0c0.16-0.17,0.21-0.41,0.21-0.54l0-0.15l0-0.03 c0.06-0.12,0.11-0.23,0.13-0.29l0.05-0.11l0.05-0.06c0.13-0.19,0.14-0.38,0.16-0.49c0.02-0.12,0.03-0.18,0.04-0.18l0.02-0.04 c0.09-0.18,0.07-0.32,0.07-0.4l0-0.09l0,0l0,0l0.2-0.47l0.03-0.15l0.04-0.13c0.03-0.07,0.07-0.19,0.09-0.35l0.08-0.09 c0.04-0.05,0.07-0.12,0.1-0.2l0.1-0.19c0.05-0.37,0.3-0.9,0.45-1.41l0.4-0.99l0.11-0.17c0.04-0.06,0.08-0.15,0.1-0.26 c0.21-0.44,0.28-0.74,0.49-1.06l0.03-0.03c0.11-0.11,0.14-0.29,0.07-0.43l-0.01-0.03l0.07-0.08l0.06-0.07l0.2-0.34l0.05-0.19 l0.08-0.27l0.07-0.07l0.15,0.04h0.27l0.17-0.04c0.18-0.09,0.37-0.1,0.64-0.1l0.06-0.01c0.36-0.06,0.76-0.06,1.15-0.14l0,0 c0.36-0.06,0.69-0.06,1.11-0.13h0.12l0.17-0.04c0.18-0.09,0.37-0.1,0.64-0.1c0.31,0,0.59,0,0.89-0.07h0.32l0.21-0.06 c0.04-0.04,0.34-0.08,0.6-0.07c0.1,0,0.19,0,0.28,0c-0.02,0.04-0.04,0.07-0.05,0.12c-0.07,0.07-0.1,0.16-0.1,0.26 c0.01,0.19-0.15,0.5-0.31,0.88l0,0c-0.23,0.48-0.3,1.01-0.46,1.32c-0.21,0.42-0.35,0.84-0.43,1.27h0 c-0.07,0.23-0.14,0.47-0.25,0.7l-0.03,0.09c-0.05,0.28-0.18,0.61-0.26,1.03c-0.04,0.08-0.07,0.16-0.08,0.22 c-0.01,0.06-0.01,0.1-0.01,0.15l-0.08,0.16l-0.04,0.04l-0.07,0.25c0,0.05,0.01,0.08,0.02,0.12l-0.09,0.12l-0.06,0.13 c-0.05,0.2-0.17,0.38-0.26,0.65l0,0c-0.09,0.29-0.09,0.56-0.13,0.68l0,0.02c-0.08,0.27-0.11,0.51-0.16,0.71 c-0.05,0.2-0.1,0.34-0.18,0.44l-0.08,0.23v0.07l0.04,0.17l0,0.01l-0.04,0.1c-0.04,0.07-0.1,0.17-0.17,0.3l-0.04,0.17l-0.01,0.05 c-0.01,0.04-0.03,0.11-0.04,0.2c-0.14,0.4-0.15,0.72-0.25,0.96l-0.02,0.07c-0.05,0.27-0.17,0.61-0.2,1.05 c-0.09,0.19-0.08,0.35-0.08,0.45l0,0.12l0,0.01l-0.02,0.03c-0.1,0.19-0.13,0.39-0.12,0.54c0,0.12,0.01,0.21,0.01,0.29l-0.02,0.05 c-0.11,0.22-0.12,0.43-0.12,0.61c0,0.18,0.02,0.33,0.02,0.44c0.01,0.26,0.11,0.44,0.17,0.57l0.07,0.1 c0.18,0.17,0.41,0.33,0.67,0.42l0,0c0,0,0.01,0,0.01,0c0,0,0.01,0,0.01,0.01l0,0c0.15,0.06,0.3,0.09,0.45,0.09 c0.32,0,0.64-0.14,0.88-0.38l0.2-0.2c0.06-0.06,0.1-0.15,0.1-0.24l0.03-0.03l0,0c0.07-0.07,0.2-0.21,0.31-0.4l0,0l0.14-0.2 l0.14-0.2l0.02-0.04c0.05-0.09,0.07-0.11,0.13-0.17l0,0c0.15-0.12,0.25-0.26,0.3-0.4c0.06-0.13,0.09-0.26,0.12-0.38l0.12-0.15 c0.37-0.24,0.63-0.58,0.71-1l0,0c0.05-0.2,0.15-0.34,0.24-0.43l0,0l0.14-0.12c0.05-0.05,0.11-0.16,0.14-0.28l0.01,0 c0.08-0.21,0.22-0.42,0.4-0.67c0.16-0.24,0.34-0.51,0.46-0.85l0,0l0.06-0.11c0.13-0.15,0.22-0.3,0.28-0.42 c0.11-0.14,0.18-0.27,0.22-0.37c0.05-0.12,0.08-0.18,0.12-0.22l0,0c0.26-0.26,0.41-0.57,0.54-0.84l0.12-0.24 c0.08-0.09,0.11-0.15,0.23-0.23l0.1-0.1l0.14-0.2l0.01-0.02l0.2-0.34l0.01-0.03c0.05-0.09,0.17-0.29,0.27-0.38l0.05-0.06 c0.15-0.23,0.2-0.33,0.29-0.42l0.03-0.04l0.2-0.27l0.01-0.02c0.1-0.15,0.21-0.27,0.32-0.45l0,0l0.38-0.46l-0.02,0.07 c-0.03,0.1-0.01,0.21,0.05,0.3c0.07,0.1,0.07,0.19,0.07,0.4c0.01,0.49,0.16,0.91,0.15,1.18l-0.01,0.12l0.03,0.23 c0.03,0.07,0.05,0.16,0.08,0.31c0.03,0.14,0.08,0.35,0.22,0.54l0,0c0.09,0.12,0.16,0.39,0.32,0.7c0.24,0.48,0.65,0.81,1.12,0.98 l0,0c0,0,0,0,0.01,0C23.67,21.99,23.68,22,23.7,22l0-0.01c0.11,0.05,0.22,0.08,0.33,0.08c0.34,0.01,0.68-0.23,0.79-0.6l0,0 l0.01-0.03c0.01-0.02,0.02-0.04,0.03-0.07l-0.01,0l0.03-0.15C24.88,21.05,24.8,20.92,24.72,20.83z"/> <path class="st1" d="M36.56,17.52l-0.14-0.13c-0.07-0.07-0.17-0.11-0.26-0.11h-0.14c-0.1,0-0.2,0.04-0.27,0.11l-0.2,0.2l0,0 l-0.14,0.13l-0.07,0.1l-0.1,0.21l-0.03,0.04c-0.1,0.05-0.19,0.13-0.23,0.19l-0.04,0.06l0,0c-0.09,0.09-0.15,0.17-0.18,0.22 l-0.08,0.1l-0.23,0.17l-0.14,0.09c-0.06,0.02-0.11,0.04-0.15,0.07c-0.1,0.07-0.14,0.13-0.16,0.14l0,0l0,0l-0.1,0.03l-0.54,0.41 l-0.09,0.09l-0.16,0.15c-0.07,0.06-0.17,0.14-0.27,0.27l0,0c-0.14,0.15-0.39,0.27-0.62,0.43l-0.06,0.05c-0.3,0.3-0.67,0.54-1,0.65 l-0.07,0.03c-0.36,0.21-0.64,0.43-0.91,0.63l-0.04,0.04c-0.09,0.09-0.14,0.12-0.33,0.18l0,0.01c-0.2,0.03-0.37,0.12-0.51,0.25l0,0 l-0.22,0.17c-0.27,0.1-0.57,0.18-0.9,0.3h-0.07l-0.1-0.07c-0.05-0.05-0.14-0.15-0.27-0.25c-0.01-0.22-0.08-0.39-0.13-0.5 c-0.04-0.09-0.06-0.14-0.06-0.18c0.11-0.29,0.13-0.56,0.13-0.78l0.02-0.01l0.13-0.04l0.05-0.02c0.2-0.11,0.57-0.18,0.94-0.44 l0.04-0.03c0.39-0.39,0.89-0.81,1.21-1.37l0,0c0.44-0.56,0.58-1.18,0.82-1.64l0,0c0.07-0.13,0.09-0.27,0.09-0.41 c0-0.14-0.02-0.28-0.07-0.41l-0.02-0.05c-0.28-0.55-0.84-0.79-1.37-0.78c-0.4,0-0.8,0.13-1.11,0.4l0,0 c-0.71,0.63-1.28,1.35-1.71,2.21l-0.01,0.03c-0.15,0.39-0.23,0.77-0.36,0.93l-0.02,0.03c-0.24,0.4-0.33,0.82-0.32,1.21l0.01,0.09 L26,20.85c0,0.12-0.04,0.26-0.12,0.43l-0.03,0.08c-0.03,0.11-0.05,0.23-0.05,0.37c-0.01,0.18,0.08,0.37,0.2,0.54 c-0.01,0.06-0.03,0.11-0.03,0.17c0,0.21,0.09,0.38,0.17,0.49c0.08,0.11,0.15,0.19,0.17,0.23l0.03,0.04 c0.48,0.56,1.12,0.79,1.76,0.93l0.04,0.01c0.1,0.01,0.19,0.02,0.29,0.02c0.63,0,1.24-0.21,1.75-0.46l0,0 c0.52-0.26,1.08-0.47,1.61-0.84l0.01,0c0.2-0.16,0.56-0.3,0.85-0.65l0,0c0.17-0.17,0.33-0.28,0.58-0.4l0.14-0.13l0.14-0.15 c0.05-0.05,0.13-0.1,0.22-0.2l0.07-0.1l0.2-0.24l0.79-0.66l0,0c0.25-0.19,0.39-0.38,0.51-0.45l0,0c0.2-0.11,0.33-0.27,0.43-0.42 c0.11-0.16,0.19-0.3,0.27-0.41L36,19.01c0.29-0.44,0.36-0.64,0.61-1.02C36.71,17.85,36.69,17.65,36.56,17.52z M35.23,18.08 L35.23,18.08L35.23,18.08L35.23,18.08z"/> </g> </g> </svg> </div></div> </a> </div> </div> </nav> </div> </div> </div> </div> </header> <main role="main" id="main"> <div id="shopify-section-template--16746310959295__main" class="shopify-section"> <div class="small-wrapper m-wrapper" class="none" |
| 37 |
Error
On line 9737, column 81 class="none" > <div class="none">HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH IT READ IT BUTTERFLY SLEEVES WATCH IT READ IT ONE-SHOULDER WATCH IT READ IT SINGLE SLEEVE WATCH IT READ IT TWISTED ONE-SHOULDER WATCH IT READ IT OFF-THE-SHOULDER WATCH IT READ IT HALTER WATCH IT READ IT BOW WATCH IT READ IT TRIANGLE WATCH IT READ IT T-BACK WATCH IT READ IT STRAIGHT BACK WATCH IT READ IT CRISS-CROSS WATCH IT READ IT TWISTED-T WATCH IT READ IT can't decide? CAN'T DECIDE? LET OUR FOUNDER GRACE HELP YOU WITH HER TOP 5 STYLES! WHY CHOOSE A CONVERTIBLE DRESS? WHY CHOOSE A CONVERTIBLE DRESS? THESE DRESSES ARE PURE MAGIC—HERE’S WHY: • EACH BRIDESMAID CAN CHOOSE A STYLE THAT FLATTERS THEIR FIGURE. • WITH OVER 15 WAYS TO STYLE, IT MAKES MIX &amp; MATCH A PIECE OF CAKE! • YOUR GIRLS CAN SWITCH UP THEIR LOOK FROM THE AISLE TO THE AFTER-PARTY.</div> </div> </div><div id="shopify-section-template--16746310959295__1639455593c3757a7a" class="shopify-section"> <style data-shopify> </style> <div style="background-color:#f7ece4"> <div class="top0 bottom0 content-with-image reverse "> <div class="relative content-with-image-block grid grid-cols-2 mg1 full-height #f7ece4"> <div class="absolute cwi-badge-container z2"> <div class="cwi-badge"> </div> </div> <div class="content-with-image-block-image-container relative " style="overflow:hidden;"> <picture> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=720" media="(max-width:600px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=960" media="(min-width:601px) and (max-width:768px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1100" media="(min-width:769px) and (max-width:960px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1400" media="(min-width:961px) and (max-width:1200px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1700" media="(min-width:1201px) and (max-width:1500px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2100" media="(min-width:1501px) and (max-width:1919px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2400" media="(min-width:1920px)"> <img class=" w-full h-full object-cover" alt="the grace convertible dress" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1600" height="1440" width="1920" /> </picture> </div> <div class="relative content-block full-width full-height"> <div class="grid ai-center full-width full-height"> <div class="p-4 md:p-8 "> <div class="small-read-wrapper top1 bottom1 uppercase"> <h2 class="lh105" role="heading" aria-level="1" > <div style="color:#678d91;" class="sans lh2 uppercase bold subheading">how to wear</div> <div style="color:#678d91" class="big-heading display bold uppercase"> the grace convertible dress</div> </h2> <p>OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS.</p> <div class="top1 bottom1"> <a href="/collections/grace-convertible-bridesmaid-dress"> <button class="standard-cta bold uppercase bg-white small m-standard pointer" style="color: #000000; background-color: #ffffff; width: 12rem"> SHOP GRACE </button> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16746310959295__16394560176fdca44e" class="shopify-section"><style data-shopify> .content-grid__wrapper{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-grid__container{ width: 100%; max-width: 1200px; justify-items: center; } .content-grid__item{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100%; max-width: 280px; } .content-grid__image { width: 100%; min-height: 60px; } .content-grid__text{ text-align: center; font-size: 16px; } @media (min-width:500px){ .content-grid__text{ font-size: 18px; } } </style> <div class="content-grid "> <div class="wrapper m-wrapper text-center top1 bottom1 display uppercase bold color1 heading">one dress, so many ways</div> <div class="m-wrapper content-grid__wrapper pt-8 pb-8 lg:pb-8" style="background-color:"> <div class="grid gap3-1 dg4 tg4 mg2 content-grid__container"> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Strapless</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003896" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g> </svg> </div> </div> <picture> <!--<img loading="lazy" src="//www.birdygrey.com/cdn/shop/files/STRAPLESS.jpg?crop=center&height=800&v=1639456899&width=800" width="960" height="1440" style="width:100%; height:auto!important; object-fit:cover;">--> <img alt="" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/STRAPLESS.jpg?crop=center&height=1200&v=1639456899&width=1200" width="960" height="1440" style="width:100%; height:100% object-fit:cover;"> </picture> </div> <div class="top1 bottom1"> <button data-video="655003896" class="vimeo-popup bold standardish-cta uppercase bg1 pointer black small m-standard">WATCH IT</button> </div> <div class="top1 bottom1"> <button data-steps="&lt;div class=&quot;subheading bold uppercase bottom15&quot;&gt;STRAPLESS&lt;/div&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt;Step 1&lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt;Take the two front streamers and bring them around the waist to the back.&lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt;Step 2&lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Tie it into a bow in the back.&lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt;Step 3&lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt;Fluff the bow and let the streamers hang low for a dramatic look.&lt;/p&gt; &lt;p class=&quot;small italic&quot;&gt; Psst! This is one of the few styles that you can achieve without the help of another bridesmaid!&lt;/p&gt;" data-image="//www.birdygrey.com/cdn/shop/files/STRAPLESS.jpg?crop=center&height=1200&v=1639456899&width=1200" style="box-shadow:0 0 0 3px var(--accent1);" class="black steps-popup bold standardish-cta uppercase bg-white pointer small m-standard">READ IT</button> </div> </div> </div> </div> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">High-Neck Halter</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003940" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 38 |
Info
On line 9674, column 81 class="none" > <div class="none">HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH IT READ IT BUTTERFLY SLEEVES WATCH IT READ IT ONE-SHOULDER WATCH IT READ IT SINGLE SLEEVE WATCH IT READ IT TWISTED ONE-SHOULDER WATCH IT READ IT OFF-THE-SHOULDER WATCH IT READ IT HALTER WATCH IT READ IT BOW WATCH IT READ IT TRIANGLE WATCH IT READ IT T-BACK WATCH IT READ IT STRAIGHT BACK WATCH IT READ IT CRISS-CROSS WATCH IT READ IT TWISTED-T WATCH IT READ IT can't decide? CAN'T DECIDE? LET OUR FOUNDER GRACE HELP YOU WITH HER TOP 5 STYLES! WHY CHOOSE A CONVERTIBLE DRESS? WHY CHOOSE A CONVERTIBLE DRESS? THESE DRESSES ARE PURE MAGIC—HERE’S WHY: • EACH BRIDESMAID CAN CHOOSE A STYLE THAT FLATTERS THEIR FIGURE. • WITH OVER 15 WAYS TO STYLE, IT MAKES MIX &amp; MATCH A PIECE OF CAKE! • YOUR GIRLS CAN SWITCH UP THEIR LOOK FROM THE AISLE TO THE AFTER-PARTY.</div> </div> </div><div id="shopify-section-template--16746310959295__1639455593c3757a7a" class="shopify-section"> <style data-shopify> </style> <div style="background-color:#f7ece4"> <div class="top0 bottom0 content-with-image reverse "> <div class="relative content-with-image-block grid grid-cols-2 mg1 full-height #f7ece4"> <div class="absolute cwi-badge-container z2"> <div class="cwi-badge"> </div> </div> <div class="content-with-image-block-image-container relative " style="overflow:hidden;"> <picture> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=720" media="(max-width:600px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=960" media="(min-width:601px) and (max-width:768px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1100" media="(min-width:769px) and (max-width:960px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1400" media="(min-width:961px) and (max-width:1200px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1700" media="(min-width:1201px) and (max-width:1500px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2100" media="(min-width:1501px) and (max-width:1919px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2400" media="(min-width:1920px)"> <img class=" w-full h-full object-cover" alt="the grace convertible dress" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1600" height="1440" width="1920" /> </picture> </div> <div class="relative content-block full-width full-height"> <div class="grid ai-center full-width full-height"> <div class="p-4 md:p-8 "> <div class="small-read-wrapper top1 bottom1 uppercase"> <h2 class="lh105" role="heading" aria-level="1" > <div style="color:#678d91;" class="sans lh2 uppercase bold subheading">how to wear</div> <div style="color:#678d91" class="big-heading display bold uppercase"> the grace convertible dress</div> </h2> <p>OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS.</p> <div class="top1 bottom1"> <a href="/collections/grace-convertible-bridesmaid-dress"> <button class="standard-cta bold uppercase bg-white small m-standard pointer" style="color: #000000; background-color: #ffffff; width: 12rem"> SHOP GRACE </button> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16746310959295__16394560176fdca44e" class="shopify-section"><style data-shopify> .content-grid__wrapper{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-grid__container{ width: 100%; max-width: 1200px; justify-items: center; } .content-grid__item{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100%; max-width: 280px; } .content-grid__image { width: 100%; min-height: 60px; } .content-grid__text{ text-align: center; font-size: 16px; } @media (min-width:500px){ .content-grid__text{ font-size: 18px; } } </style> <div class="content-grid "> <div class="wrapper m-wrapper text-center top1 bottom1 display uppercase bold color1 heading">one dress, so many ways</div> <div class="m-wrapper content-grid__wrapper pt-8 pb-8 lg:pb-8" style="background-color:"> <div class="grid gap3-1 dg4 tg4 mg2 content-grid__container"> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Strapless</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003896" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 39 |
Error
On line 9738, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 40 |
Info
On line 9675, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 41 |
Error
On line 9739, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 42 |
Info
On line 9676, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 43 |
Error
On line 9841, column 81 #e5b3ac"/> </g> </svg> </div> </div> <picture> <!--<img loading="lazy" src="//www.birdygrey.com/cdn/shop/files/HIGH-NECK-HALTER.jpg?crop=center&height=800&v=1639457526&width=800" width="960" height="1440" style="width:100%; height:auto!important; object-fit:cover;">--> <img alt="" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/HIGH-NECK-HALTER.jpg?crop=center&height=1200&v=1639457526&width=1200" width="960" height="1440" style="width:100%; height:100% object-fit:cover;"> </picture> </div> <div class="top1 bottom1"> <button data-video="655003940" class="vimeo-popup bold standardish-cta uppercase bg1 pointer black small m-standard">WATCH IT</button> </div> <div class="top1 bottom1"> <button data-steps="&lt;div class=&quot;subheading bold uppercase bottom15&quot;&gt;High-Neck Halter&lt;/div&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 1 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Take the front streamers and loop them one over the other, as if you’re going to tie a knot. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 2 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Place the cross-section of the streamers at the center of your collarbone. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 3 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Bring each streamer over the left and right shoulders. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 4 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Fan out the fabric at the chest. This ensures that the front will look perfect before you secure it in the back. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 5 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Tie the streamers at the nape of the neck. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 6 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Separate the streamers and secure them through each belt loop on the left and right. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 7 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Tie a simple knot or a bow at the waist. &lt;/p&gt;" data-image="//www.birdygrey.com/cdn/shop/files/HIGH-NECK-HALTER.jpg?crop=center&height=1200&v=1639457526&width=1200" style="box-shadow:0 0 0 3px var(--accent1);" class="black steps-popup bold standardish-cta uppercase bg-white pointer small m-standard">READ IT</button> </div> </div> </div> </div> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Grecian</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003983" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 44 |
Info
On line 9674, column 81 class="none" > <div class="none">HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH IT READ IT BUTTERFLY SLEEVES WATCH IT READ IT ONE-SHOULDER WATCH IT READ IT SINGLE SLEEVE WATCH IT READ IT TWISTED ONE-SHOULDER WATCH IT READ IT OFF-THE-SHOULDER WATCH IT READ IT HALTER WATCH IT READ IT BOW WATCH IT READ IT TRIANGLE WATCH IT READ IT T-BACK WATCH IT READ IT STRAIGHT BACK WATCH IT READ IT CRISS-CROSS WATCH IT READ IT TWISTED-T WATCH IT READ IT can't decide? CAN'T DECIDE? LET OUR FOUNDER GRACE HELP YOU WITH HER TOP 5 STYLES! WHY CHOOSE A CONVERTIBLE DRESS? WHY CHOOSE A CONVERTIBLE DRESS? THESE DRESSES ARE PURE MAGIC—HERE’S WHY: • EACH BRIDESMAID CAN CHOOSE A STYLE THAT FLATTERS THEIR FIGURE. • WITH OVER 15 WAYS TO STYLE, IT MAKES MIX &amp; MATCH A PIECE OF CAKE! • YOUR GIRLS CAN SWITCH UP THEIR LOOK FROM THE AISLE TO THE AFTER-PARTY.</div> </div> </div><div id="shopify-section-template--16746310959295__1639455593c3757a7a" class="shopify-section"> <style data-shopify> </style> <div style="background-color:#f7ece4"> <div class="top0 bottom0 content-with-image reverse "> <div class="relative content-with-image-block grid grid-cols-2 mg1 full-height #f7ece4"> <div class="absolute cwi-badge-container z2"> <div class="cwi-badge"> </div> </div> <div class="content-with-image-block-image-container relative " style="overflow:hidden;"> <picture> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=720" media="(max-width:600px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=960" media="(min-width:601px) and (max-width:768px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1100" media="(min-width:769px) and (max-width:960px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1400" media="(min-width:961px) and (max-width:1200px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1700" media="(min-width:1201px) and (max-width:1500px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2100" media="(min-width:1501px) and (max-width:1919px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2400" media="(min-width:1920px)"> <img class=" w-full h-full object-cover" alt="the grace convertible dress" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1600" height="1440" width="1920" /> </picture> </div> <div class="relative content-block full-width full-height"> <div class="grid ai-center full-width full-height"> <div class="p-4 md:p-8 "> <div class="small-read-wrapper top1 bottom1 uppercase"> <h2 class="lh105" role="heading" aria-level="1" > <div style="color:#678d91;" class="sans lh2 uppercase bold subheading">how to wear</div> <div style="color:#678d91" class="big-heading display bold uppercase"> the grace convertible dress</div> </h2> <p>OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS.</p> <div class="top1 bottom1"> <a href="/collections/grace-convertible-bridesmaid-dress"> <button class="standard-cta bold uppercase bg-white small m-standard pointer" style="color: #000000; background-color: #ffffff; width: 12rem"> SHOP GRACE </button> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16746310959295__16394560176fdca44e" class="shopify-section"><style data-shopify> .content-grid__wrapper{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-grid__container{ width: 100%; max-width: 1200px; justify-items: center; } .content-grid__item{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100%; max-width: 280px; } .content-grid__image { width: 100%; min-height: 60px; } .content-grid__text{ text-align: center; font-size: 16px; } @media (min-width:500px){ .content-grid__text{ font-size: 18px; } } </style> <div class="content-grid "> <div class="wrapper m-wrapper text-center top1 bottom1 display uppercase bold color1 heading">one dress, so many ways</div> <div class="m-wrapper content-grid__wrapper pt-8 pb-8 lg:pb-8" style="background-color:"> <div class="grid gap3-1 dg4 tg4 mg2 content-grid__container"> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Strapless</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003896" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 45 |
Error
On line 9842, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 46 |
Info
On line 9675, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 47 |
Error
On line 9843, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 48 |
Info
On line 9676, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 49 |
Error
On line 9929, column 81 #e5b3ac"/> </g> </svg> </div> </div> <picture> <!--<img loading="lazy" src="//www.birdygrey.com/cdn/shop/files/GRECIAN.jpg?crop=center&height=800&v=1639596949&width=800" width="960" height="1440" style="width:100%; height:auto!important; object-fit:cover;">--> <img alt="" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/GRECIAN.jpg?crop=center&height=1200&v=1639596949&width=1200" width="960" height="1440" style="width:100%; height:100% object-fit:cover;"> </picture> </div> <div class="top1 bottom1"> <button data-video="655003983" class="vimeo-popup bold standardish-cta uppercase bg1 pointer black small m-standard">WATCH IT</button> </div> <div class="top1 bottom1"> <button data-steps="&lt;div class=&quot;subheading bold uppercase bottom15&quot;&gt;Grecian&lt;/div&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 1 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Take the two front streamers and loop one over the other, making sure the cross-section hits the top center of the bodice. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 2 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Bring the streamers over each shoulder, creating a V in the front. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 3 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; On the back, cross the streamers, one over the other creating an X. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 4 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Pull each one through the side belt loops. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 5 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Tie it in a pretty bow and adjust where needed. &lt;/p&gt;" data-image="//www.birdygrey.com/cdn/shop/files/GRECIAN.jpg?crop=center&height=1200&v=1639596949&width=1200" style="box-shadow:0 0 0 3px var(--accent1);" class="black steps-popup bold standardish-cta uppercase bg-white pointer small m-standard">READ IT</button> </div> </div> </div> </div> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">V-Neck</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655004062" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 50 |
Info
On line 9674, column 81 class="none" > <div class="none">HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH IT READ IT BUTTERFLY SLEEVES WATCH IT READ IT ONE-SHOULDER WATCH IT READ IT SINGLE SLEEVE WATCH IT READ IT TWISTED ONE-SHOULDER WATCH IT READ IT OFF-THE-SHOULDER WATCH IT READ IT HALTER WATCH IT READ IT BOW WATCH IT READ IT TRIANGLE WATCH IT READ IT T-BACK WATCH IT READ IT STRAIGHT BACK WATCH IT READ IT CRISS-CROSS WATCH IT READ IT TWISTED-T WATCH IT READ IT can't decide? CAN'T DECIDE? LET OUR FOUNDER GRACE HELP YOU WITH HER TOP 5 STYLES! WHY CHOOSE A CONVERTIBLE DRESS? WHY CHOOSE A CONVERTIBLE DRESS? THESE DRESSES ARE PURE MAGIC—HERE’S WHY: • EACH BRIDESMAID CAN CHOOSE A STYLE THAT FLATTERS THEIR FIGURE. • WITH OVER 15 WAYS TO STYLE, IT MAKES MIX &amp; MATCH A PIECE OF CAKE! • YOUR GIRLS CAN SWITCH UP THEIR LOOK FROM THE AISLE TO THE AFTER-PARTY.</div> </div> </div><div id="shopify-section-template--16746310959295__1639455593c3757a7a" class="shopify-section"> <style data-shopify> </style> <div style="background-color:#f7ece4"> <div class="top0 bottom0 content-with-image reverse "> <div class="relative content-with-image-block grid grid-cols-2 mg1 full-height #f7ece4"> <div class="absolute cwi-badge-container z2"> <div class="cwi-badge"> </div> </div> <div class="content-with-image-block-image-container relative " style="overflow:hidden;"> <picture> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=720" media="(max-width:600px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=960" media="(min-width:601px) and (max-width:768px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1100" media="(min-width:769px) and (max-width:960px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1400" media="(min-width:961px) and (max-width:1200px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1700" media="(min-width:1201px) and (max-width:1500px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2100" media="(min-width:1501px) and (max-width:1919px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2400" media="(min-width:1920px)"> <img class=" w-full h-full object-cover" alt="the grace convertible dress" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1600" height="1440" width="1920" /> </picture> </div> <div class="relative content-block full-width full-height"> <div class="grid ai-center full-width full-height"> <div class="p-4 md:p-8 "> <div class="small-read-wrapper top1 bottom1 uppercase"> <h2 class="lh105" role="heading" aria-level="1" > <div style="color:#678d91;" class="sans lh2 uppercase bold subheading">how to wear</div> <div style="color:#678d91" class="big-heading display bold uppercase"> the grace convertible dress</div> </h2> <p>OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS.</p> <div class="top1 bottom1"> <a href="/collections/grace-convertible-bridesmaid-dress"> <button class="standard-cta bold uppercase bg-white small m-standard pointer" style="color: #000000; background-color: #ffffff; width: 12rem"> SHOP GRACE </button> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16746310959295__16394560176fdca44e" class="shopify-section"><style data-shopify> .content-grid__wrapper{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-grid__container{ width: 100%; max-width: 1200px; justify-items: center; } .content-grid__item{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100%; max-width: 280px; } .content-grid__image { width: 100%; min-height: 60px; } .content-grid__text{ text-align: center; font-size: 16px; } @media (min-width:500px){ .content-grid__text{ font-size: 18px; } } </style> <div class="content-grid "> <div class="wrapper m-wrapper text-center top1 bottom1 display uppercase bold color1 heading">one dress, so many ways</div> <div class="m-wrapper content-grid__wrapper pt-8 pb-8 lg:pb-8" style="background-color:"> <div class="grid gap3-1 dg4 tg4 mg2 content-grid__container"> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Strapless</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003896" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 51 |
Error
On line 9930, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 52 |
Info
On line 9675, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 53 |
Error
On line 9931, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 54 |
Info
On line 9676, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 55 |
Error
On line 10009, column 81 #e5b3ac"/> </g> </svg> </div> </div> <picture> <!--<img loading="lazy" src="//www.birdygrey.com/cdn/shop/files/V-NECK.jpg?crop=center&height=800&v=1639605919&width=800" width="960" height="1440" style="width:100%; height:auto!important; object-fit:cover;">--> <img alt="" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/V-NECK.jpg?crop=center&height=1200&v=1639605919&width=1200" width="960" height="1440" style="width:100%; height:100% object-fit:cover;"> </picture> </div> <div class="top1 bottom1"> <button data-video="655004062" class="vimeo-popup bold standardish-cta uppercase bg1 pointer black small m-standard">WATCH IT</button> </div> <div class="top1 bottom1"> <button data-steps="&lt;div class=&quot;subheading bold uppercase bottom15&quot;&gt;V-Neck&lt;/div&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 1 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Take each front streamer over the left and right shoulder, fanning them out just a bit so it creates wide straps at the shoulders. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 2 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; On the back side, bring the streamers together and loop one over the other where the top of the bodice hits. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 3 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Pull the ends of the streamers through the belt loops, essentially creating an X. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 4 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Tie the streamers into a nice bow. &lt;/p&gt;" data-image="//www.birdygrey.com/cdn/shop/files/V-NECK.jpg?crop=center&height=1200&v=1639605919&width=1200" style="box-shadow:0 0 0 3px var(--accent1);" class="black steps-popup bold standardish-cta uppercase bg-white pointer small m-standard">READ IT</button> </div> </div> </div> </div> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Butterfly sleeves</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655004104" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 56 |
Info
On line 9674, column 81 class="none" > <div class="none">HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH IT READ IT BUTTERFLY SLEEVES WATCH IT READ IT ONE-SHOULDER WATCH IT READ IT SINGLE SLEEVE WATCH IT READ IT TWISTED ONE-SHOULDER WATCH IT READ IT OFF-THE-SHOULDER WATCH IT READ IT HALTER WATCH IT READ IT BOW WATCH IT READ IT TRIANGLE WATCH IT READ IT T-BACK WATCH IT READ IT STRAIGHT BACK WATCH IT READ IT CRISS-CROSS WATCH IT READ IT TWISTED-T WATCH IT READ IT can't decide? CAN'T DECIDE? LET OUR FOUNDER GRACE HELP YOU WITH HER TOP 5 STYLES! WHY CHOOSE A CONVERTIBLE DRESS? WHY CHOOSE A CONVERTIBLE DRESS? THESE DRESSES ARE PURE MAGIC—HERE’S WHY: • EACH BRIDESMAID CAN CHOOSE A STYLE THAT FLATTERS THEIR FIGURE. • WITH OVER 15 WAYS TO STYLE, IT MAKES MIX &amp; MATCH A PIECE OF CAKE! • YOUR GIRLS CAN SWITCH UP THEIR LOOK FROM THE AISLE TO THE AFTER-PARTY.</div> </div> </div><div id="shopify-section-template--16746310959295__1639455593c3757a7a" class="shopify-section"> <style data-shopify> </style> <div style="background-color:#f7ece4"> <div class="top0 bottom0 content-with-image reverse "> <div class="relative content-with-image-block grid grid-cols-2 mg1 full-height #f7ece4"> <div class="absolute cwi-badge-container z2"> <div class="cwi-badge"> </div> </div> <div class="content-with-image-block-image-container relative " style="overflow:hidden;"> <picture> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=720" media="(max-width:600px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=960" media="(min-width:601px) and (max-width:768px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1100" media="(min-width:769px) and (max-width:960px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1400" media="(min-width:961px) and (max-width:1200px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1700" media="(min-width:1201px) and (max-width:1500px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2100" media="(min-width:1501px) and (max-width:1919px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2400" media="(min-width:1920px)"> <img class=" w-full h-full object-cover" alt="the grace convertible dress" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1600" height="1440" width="1920" /> </picture> </div> <div class="relative content-block full-width full-height"> <div class="grid ai-center full-width full-height"> <div class="p-4 md:p-8 "> <div class="small-read-wrapper top1 bottom1 uppercase"> <h2 class="lh105" role="heading" aria-level="1" > <div style="color:#678d91;" class="sans lh2 uppercase bold subheading">how to wear</div> <div style="color:#678d91" class="big-heading display bold uppercase"> the grace convertible dress</div> </h2> <p>OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS.</p> <div class="top1 bottom1"> <a href="/collections/grace-convertible-bridesmaid-dress"> <button class="standard-cta bold uppercase bg-white small m-standard pointer" style="color: #000000; background-color: #ffffff; width: 12rem"> SHOP GRACE </button> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16746310959295__16394560176fdca44e" class="shopify-section"><style data-shopify> .content-grid__wrapper{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-grid__container{ width: 100%; max-width: 1200px; justify-items: center; } .content-grid__item{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100%; max-width: 280px; } .content-grid__image { width: 100%; min-height: 60px; } .content-grid__text{ text-align: center; font-size: 16px; } @media (min-width:500px){ .content-grid__text{ font-size: 18px; } } </style> <div class="content-grid "> <div class="wrapper m-wrapper text-center top1 bottom1 display uppercase bold color1 heading">one dress, so many ways</div> <div class="m-wrapper content-grid__wrapper pt-8 pb-8 lg:pb-8" style="background-color:"> <div class="grid gap3-1 dg4 tg4 mg2 content-grid__container"> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Strapless</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003896" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 57 |
Error
On line 10010, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 58 |
Info
On line 9675, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 59 |
Error
On line 10011, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 60 |
Info
On line 9676, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 61 |
Error
On line 10081, column 81 #e5b3ac"/> </g> </svg> </div> </div> <picture> <!--<img loading="lazy" src="//www.birdygrey.com/cdn/shop/files/BUTTERFLY-SLEEVES.jpg?crop=center&height=800&v=1639614738&width=800" width="960" height="1440" style="width:100%; height:auto!important; object-fit:cover;">--> <img alt="" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/BUTTERFLY-SLEEVES.jpg?crop=center&height=1200&v=1639614738&width=1200" width="960" height="1440" style="width:100%; height:100% object-fit:cover;"> </picture> </div> <div class="top1 bottom1"> <button data-video="655004104" class="vimeo-popup bold standardish-cta uppercase bg1 pointer black small m-standard">WATCH it</button> </div> <div class="top1 bottom1"> <button data-steps="&lt;div class=&quot;subheading bold uppercase bottom15&quot;&gt;Butterfly Sleeves&lt;/div&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 1 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Fan out the streamers and bring them over each shoulder. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 2 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Cross them over in the back and loop each one through the belt loops to hold them in place. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 3 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Tie a knot in the back for a simple, classic look. &lt;/p&gt;" data-image="//www.birdygrey.com/cdn/shop/files/BUTTERFLY-SLEEVES.jpg?crop=center&height=1200&v=1639614738&width=1200" style="box-shadow:0 0 0 3px var(--accent1);" class="black steps-popup bold standardish-cta uppercase bg-white pointer small m-standard">READ it</button> </div> </div> </div> </div> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">One-shoulder</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655004160" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 62 |
Info
On line 9674, column 81 class="none" > <div class="none">HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH IT READ IT BUTTERFLY SLEEVES WATCH IT READ IT ONE-SHOULDER WATCH IT READ IT SINGLE SLEEVE WATCH IT READ IT TWISTED ONE-SHOULDER WATCH IT READ IT OFF-THE-SHOULDER WATCH IT READ IT HALTER WATCH IT READ IT BOW WATCH IT READ IT TRIANGLE WATCH IT READ IT T-BACK WATCH IT READ IT STRAIGHT BACK WATCH IT READ IT CRISS-CROSS WATCH IT READ IT TWISTED-T WATCH IT READ IT can't decide? CAN'T DECIDE? LET OUR FOUNDER GRACE HELP YOU WITH HER TOP 5 STYLES! WHY CHOOSE A CONVERTIBLE DRESS? WHY CHOOSE A CONVERTIBLE DRESS? THESE DRESSES ARE PURE MAGIC—HERE’S WHY: • EACH BRIDESMAID CAN CHOOSE A STYLE THAT FLATTERS THEIR FIGURE. • WITH OVER 15 WAYS TO STYLE, IT MAKES MIX &amp; MATCH A PIECE OF CAKE! • YOUR GIRLS CAN SWITCH UP THEIR LOOK FROM THE AISLE TO THE AFTER-PARTY.</div> </div> </div><div id="shopify-section-template--16746310959295__1639455593c3757a7a" class="shopify-section"> <style data-shopify> </style> <div style="background-color:#f7ece4"> <div class="top0 bottom0 content-with-image reverse "> <div class="relative content-with-image-block grid grid-cols-2 mg1 full-height #f7ece4"> <div class="absolute cwi-badge-container z2"> <div class="cwi-badge"> </div> </div> <div class="content-with-image-block-image-container relative " style="overflow:hidden;"> <picture> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=720" media="(max-width:600px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=960" media="(min-width:601px) and (max-width:768px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1100" media="(min-width:769px) and (max-width:960px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1400" media="(min-width:961px) and (max-width:1200px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1700" media="(min-width:1201px) and (max-width:1500px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2100" media="(min-width:1501px) and (max-width:1919px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2400" media="(min-width:1920px)"> <img class=" w-full h-full object-cover" alt="the grace convertible dress" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1600" height="1440" width="1920" /> </picture> </div> <div class="relative content-block full-width full-height"> <div class="grid ai-center full-width full-height"> <div class="p-4 md:p-8 "> <div class="small-read-wrapper top1 bottom1 uppercase"> <h2 class="lh105" role="heading" aria-level="1" > <div style="color:#678d91;" class="sans lh2 uppercase bold subheading">how to wear</div> <div style="color:#678d91" class="big-heading display bold uppercase"> the grace convertible dress</div> </h2> <p>OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS.</p> <div class="top1 bottom1"> <a href="/collections/grace-convertible-bridesmaid-dress"> <button class="standard-cta bold uppercase bg-white small m-standard pointer" style="color: #000000; background-color: #ffffff; width: 12rem"> SHOP GRACE </button> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16746310959295__16394560176fdca44e" class="shopify-section"><style data-shopify> .content-grid__wrapper{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-grid__container{ width: 100%; max-width: 1200px; justify-items: center; } .content-grid__item{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100%; max-width: 280px; } .content-grid__image { width: 100%; min-height: 60px; } .content-grid__text{ text-align: center; font-size: 16px; } @media (min-width:500px){ .content-grid__text{ font-size: 18px; } } </style> <div class="content-grid "> <div class="wrapper m-wrapper text-center top1 bottom1 display uppercase bold color1 heading">one dress, so many ways</div> <div class="m-wrapper content-grid__wrapper pt-8 pb-8 lg:pb-8" style="background-color:"> <div class="grid gap3-1 dg4 tg4 mg2 content-grid__container"> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Strapless</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003896" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 63 |
Error
On line 10082, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 64 |
Info
On line 9675, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 65 |
Error
On line 10083, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 66 |
Info
On line 9676, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 67 |
Error
On line 10170, column 81 #e5b3ac"/> </g> </svg> </div> </div> <picture> <!--<img loading="lazy" src="//www.birdygrey.com/cdn/shop/files/ONE-SHOULDER.jpg?crop=center&height=800&v=1639605942&width=800" width="960" height="1440" style="width:100%; height:auto!important; object-fit:cover;">--> <img alt="" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/ONE-SHOULDER.jpg?crop=center&height=1200&v=1639605942&width=1200" width="960" height="1440" style="width:100%; height:100% object-fit:cover;"> </picture> </div> <div class="top1 bottom1"> <button data-video="655004160" class="vimeo-popup bold standardish-cta uppercase bg1 pointer black small m-standard">WATCH it</button> </div> <div class="top1 bottom1"> <button data-steps="&lt;div class=&quot;subheading bold uppercase bottom10&quot;&gt;One-Shoulder&lt;/div&gt; &lt;p class=&quot;small italic bottom1&quot;&gt; Grace&#39;s favorite!&lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 1 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Take the two front streamers and gather them over to one shoulder. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 2 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Twist a few times at the top of the shoulder to secure it in place.&lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 3 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Then separate the streamers to create a triangle. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 4 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Pull each one through the side belt loops. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 5 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Tie it into a bow in the back for a sweet touch. &lt;/p&gt;" data-image="//www.birdygrey.com/cdn/shop/files/ONE-SHOULDER.jpg?crop=center&height=1200&v=1639605942&width=1200" style="box-shadow:0 0 0 3px var(--accent1);" class="black steps-popup bold standardish-cta uppercase bg-white pointer small m-standard">READ it</button> </div> </div> </div> </div> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Twisted One-Shoulder</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655004231" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 68 |
Info
On line 9674, column 81 class="none" > <div class="none">HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH IT READ IT BUTTERFLY SLEEVES WATCH IT READ IT ONE-SHOULDER WATCH IT READ IT SINGLE SLEEVE WATCH IT READ IT TWISTED ONE-SHOULDER WATCH IT READ IT OFF-THE-SHOULDER WATCH IT READ IT HALTER WATCH IT READ IT BOW WATCH IT READ IT TRIANGLE WATCH IT READ IT T-BACK WATCH IT READ IT STRAIGHT BACK WATCH IT READ IT CRISS-CROSS WATCH IT READ IT TWISTED-T WATCH IT READ IT can't decide? CAN'T DECIDE? LET OUR FOUNDER GRACE HELP YOU WITH HER TOP 5 STYLES! WHY CHOOSE A CONVERTIBLE DRESS? WHY CHOOSE A CONVERTIBLE DRESS? THESE DRESSES ARE PURE MAGIC—HERE’S WHY: • EACH BRIDESMAID CAN CHOOSE A STYLE THAT FLATTERS THEIR FIGURE. • WITH OVER 15 WAYS TO STYLE, IT MAKES MIX &amp; MATCH A PIECE OF CAKE! • YOUR GIRLS CAN SWITCH UP THEIR LOOK FROM THE AISLE TO THE AFTER-PARTY.</div> </div> </div><div id="shopify-section-template--16746310959295__1639455593c3757a7a" class="shopify-section"> <style data-shopify> </style> <div style="background-color:#f7ece4"> <div class="top0 bottom0 content-with-image reverse "> <div class="relative content-with-image-block grid grid-cols-2 mg1 full-height #f7ece4"> <div class="absolute cwi-badge-container z2"> <div class="cwi-badge"> </div> </div> <div class="content-with-image-block-image-container relative " style="overflow:hidden;"> <picture> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=720" media="(max-width:600px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=960" media="(min-width:601px) and (max-width:768px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1100" media="(min-width:769px) and (max-width:960px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1400" media="(min-width:961px) and (max-width:1200px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1700" media="(min-width:1201px) and (max-width:1500px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2100" media="(min-width:1501px) and (max-width:1919px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2400" media="(min-width:1920px)"> <img class=" w-full h-full object-cover" alt="the grace convertible dress" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1600" height="1440" width="1920" /> </picture> </div> <div class="relative content-block full-width full-height"> <div class="grid ai-center full-width full-height"> <div class="p-4 md:p-8 "> <div class="small-read-wrapper top1 bottom1 uppercase"> <h2 class="lh105" role="heading" aria-level="1" > <div style="color:#678d91;" class="sans lh2 uppercase bold subheading">how to wear</div> <div style="color:#678d91" class="big-heading display bold uppercase"> the grace convertible dress</div> </h2> <p>OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS.</p> <div class="top1 bottom1"> <a href="/collections/grace-convertible-bridesmaid-dress"> <button class="standard-cta bold uppercase bg-white small m-standard pointer" style="color: #000000; background-color: #ffffff; width: 12rem"> SHOP GRACE </button> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16746310959295__16394560176fdca44e" class="shopify-section"><style data-shopify> .content-grid__wrapper{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-grid__container{ width: 100%; max-width: 1200px; justify-items: center; } .content-grid__item{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100%; max-width: 280px; } .content-grid__image { width: 100%; min-height: 60px; } .content-grid__text{ text-align: center; font-size: 16px; } @media (min-width:500px){ .content-grid__text{ font-size: 18px; } } </style> <div class="content-grid "> <div class="wrapper m-wrapper text-center top1 bottom1 display uppercase bold color1 heading">one dress, so many ways</div> <div class="m-wrapper content-grid__wrapper pt-8 pb-8 lg:pb-8" style="background-color:"> <div class="grid gap3-1 dg4 tg4 mg2 content-grid__container"> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Strapless</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003896" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 69 |
Error
On line 10171, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 70 |
Info
On line 9675, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 71 |
Error
On line 10172, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 72 |
Info
On line 9676, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 73 |
Error
On line 10252, column 81 #e5b3ac"/> </g> </svg> </div> </div> <picture> <!--<img loading="lazy" src="//www.birdygrey.com/cdn/shop/files/TWISTED_ONE-SHOULDER.jpg?crop=center&height=800&v=1639605961&width=800" width="960" height="1440" style="width:100%; height:auto!important; object-fit:cover;">--> <img alt="" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/TWISTED_ONE-SHOULDER.jpg?crop=center&height=1200&v=1639605961&width=1200" width="960" height="1440" style="width:100%; height:100% object-fit:cover;"> </picture> </div> <div class="top1 bottom1"> <button data-video="655004231" class="vimeo-popup bold standardish-cta uppercase bg1 pointer black small m-standard">WATCH it</button> </div> <div class="top1 bottom1"> <button data-steps="&lt;div class=&quot;subheading bold uppercase bottom15&quot;&gt; Twisted One-Shoulder &lt;/div&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 1 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Take both streamers and gather them over one shoulder. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 2 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Twist them starting at the top of the shoulder and over to the back. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 3 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Separate the streamers where the top of the bodice hits and pull each streamer through the left and right belt loops. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 4 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Finish it with a simple knot. &lt;/p&gt;" data-image="//www.birdygrey.com/cdn/shop/files/TWISTED_ONE-SHOULDER.jpg?crop=center&height=1200&v=1639605961&width=1200" style="box-shadow:0 0 0 3px var(--accent1);" class="black steps-popup bold standardish-cta uppercase bg-white pointer small m-standard">READ it</button> </div> </div> </div> </div> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Single Sleeve</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655004184" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 74 |
Info
On line 9674, column 81 class="none" > <div class="none">HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH IT READ IT BUTTERFLY SLEEVES WATCH IT READ IT ONE-SHOULDER WATCH IT READ IT SINGLE SLEEVE WATCH IT READ IT TWISTED ONE-SHOULDER WATCH IT READ IT OFF-THE-SHOULDER WATCH IT READ IT HALTER WATCH IT READ IT BOW WATCH IT READ IT TRIANGLE WATCH IT READ IT T-BACK WATCH IT READ IT STRAIGHT BACK WATCH IT READ IT CRISS-CROSS WATCH IT READ IT TWISTED-T WATCH IT READ IT can't decide? CAN'T DECIDE? LET OUR FOUNDER GRACE HELP YOU WITH HER TOP 5 STYLES! WHY CHOOSE A CONVERTIBLE DRESS? WHY CHOOSE A CONVERTIBLE DRESS? THESE DRESSES ARE PURE MAGIC—HERE’S WHY: • EACH BRIDESMAID CAN CHOOSE A STYLE THAT FLATTERS THEIR FIGURE. • WITH OVER 15 WAYS TO STYLE, IT MAKES MIX &amp; MATCH A PIECE OF CAKE! • YOUR GIRLS CAN SWITCH UP THEIR LOOK FROM THE AISLE TO THE AFTER-PARTY.</div> </div> </div><div id="shopify-section-template--16746310959295__1639455593c3757a7a" class="shopify-section"> <style data-shopify> </style> <div style="background-color:#f7ece4"> <div class="top0 bottom0 content-with-image reverse "> <div class="relative content-with-image-block grid grid-cols-2 mg1 full-height #f7ece4"> <div class="absolute cwi-badge-container z2"> <div class="cwi-badge"> </div> </div> <div class="content-with-image-block-image-container relative " style="overflow:hidden;"> <picture> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=720" media="(max-width:600px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=960" media="(min-width:601px) and (max-width:768px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1100" media="(min-width:769px) and (max-width:960px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1400" media="(min-width:961px) and (max-width:1200px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1700" media="(min-width:1201px) and (max-width:1500px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2100" media="(min-width:1501px) and (max-width:1919px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2400" media="(min-width:1920px)"> <img class=" w-full h-full object-cover" alt="the grace convertible dress" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1600" height="1440" width="1920" /> </picture> </div> <div class="relative content-block full-width full-height"> <div class="grid ai-center full-width full-height"> <div class="p-4 md:p-8 "> <div class="small-read-wrapper top1 bottom1 uppercase"> <h2 class="lh105" role="heading" aria-level="1" > <div style="color:#678d91;" class="sans lh2 uppercase bold subheading">how to wear</div> <div style="color:#678d91" class="big-heading display bold uppercase"> the grace convertible dress</div> </h2> <p>OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS.</p> <div class="top1 bottom1"> <a href="/collections/grace-convertible-bridesmaid-dress"> <button class="standard-cta bold uppercase bg-white small m-standard pointer" style="color: #000000; background-color: #ffffff; width: 12rem"> SHOP GRACE </button> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16746310959295__16394560176fdca44e" class="shopify-section"><style data-shopify> .content-grid__wrapper{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-grid__container{ width: 100%; max-width: 1200px; justify-items: center; } .content-grid__item{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100%; max-width: 280px; } .content-grid__image { width: 100%; min-height: 60px; } .content-grid__text{ text-align: center; font-size: 16px; } @media (min-width:500px){ .content-grid__text{ font-size: 18px; } } </style> <div class="content-grid "> <div class="wrapper m-wrapper text-center top1 bottom1 display uppercase bold color1 heading">one dress, so many ways</div> <div class="m-wrapper content-grid__wrapper pt-8 pb-8 lg:pb-8" style="background-color:"> <div class="grid gap3-1 dg4 tg4 mg2 content-grid__container"> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Strapless</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003896" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 75 |
Error
On line 10253, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 76 |
Info
On line 9675, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 77 |
Error
On line 10254, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 78 |
Info
On line 9676, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 79 |
Error
On line 10341, column 81 #e5b3ac"/> </g> </svg> </div> </div> <picture> <!--<img loading="lazy" src="//www.birdygrey.com/cdn/shop/files/off_the_shoulder.jpg?crop=center&height=800&v=1705072460&width=800" width="960" height="1446" style="width:100%; height:auto!important; object-fit:cover;">--> <img alt="" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/off_the_shoulder.jpg?crop=center&height=1200&v=1705072460&width=1200" width="960" height="1446" style="width:100%; height:100% object-fit:cover;"> </picture> </div> <div class="top1 bottom1"> <button data-video="655004184" class="vimeo-popup bold standardish-cta uppercase bg1 pointer black small m-standard">WATCH it</button> </div> <div class="top1 bottom1"> <button data-steps="&lt;div class=&quot;subheading bold uppercase bottom15&quot;&gt; Single Sleeve &lt;/div&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 1 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Choose which shoulder you’ll be covering and bring the streamer closest to that arm over your shoulder, fanning the fabric out. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 2 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Then do the same for the other streamer, overlapping them. &lt;/p&gt;&lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 3 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Twist the streamers a few times in the back and separate them where the top of the bodice hits. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 4 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Pull the streamers through the belt loops, creating a slightly asymmetrical triangle. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 5 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Tie the streamers into a simple knot, and let the fabric hang dramatically. &lt;/p&gt;" data-image="//www.birdygrey.com/cdn/shop/files/off_the_shoulder.jpg?crop=center&height=1200&v=1705072460&width=1200" style="box-shadow:0 0 0 3px var(--accent1);" class="black steps-popup bold standardish-cta uppercase bg-white pointer small m-standard">READ it</button> </div> </div> </div> </div> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">off-the-shoulder</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655004278" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 80 |
Info
On line 9674, column 81 class="none" > <div class="none">HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH IT READ IT BUTTERFLY SLEEVES WATCH IT READ IT ONE-SHOULDER WATCH IT READ IT SINGLE SLEEVE WATCH IT READ IT TWISTED ONE-SHOULDER WATCH IT READ IT OFF-THE-SHOULDER WATCH IT READ IT HALTER WATCH IT READ IT BOW WATCH IT READ IT TRIANGLE WATCH IT READ IT T-BACK WATCH IT READ IT STRAIGHT BACK WATCH IT READ IT CRISS-CROSS WATCH IT READ IT TWISTED-T WATCH IT READ IT can't decide? CAN'T DECIDE? LET OUR FOUNDER GRACE HELP YOU WITH HER TOP 5 STYLES! WHY CHOOSE A CONVERTIBLE DRESS? WHY CHOOSE A CONVERTIBLE DRESS? THESE DRESSES ARE PURE MAGIC—HERE’S WHY: • EACH BRIDESMAID CAN CHOOSE A STYLE THAT FLATTERS THEIR FIGURE. • WITH OVER 15 WAYS TO STYLE, IT MAKES MIX &amp; MATCH A PIECE OF CAKE! • YOUR GIRLS CAN SWITCH UP THEIR LOOK FROM THE AISLE TO THE AFTER-PARTY.</div> </div> </div><div id="shopify-section-template--16746310959295__1639455593c3757a7a" class="shopify-section"> <style data-shopify> </style> <div style="background-color:#f7ece4"> <div class="top0 bottom0 content-with-image reverse "> <div class="relative content-with-image-block grid grid-cols-2 mg1 full-height #f7ece4"> <div class="absolute cwi-badge-container z2"> <div class="cwi-badge"> </div> </div> <div class="content-with-image-block-image-container relative " style="overflow:hidden;"> <picture> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=720" media="(max-width:600px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=960" media="(min-width:601px) and (max-width:768px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1100" media="(min-width:769px) and (max-width:960px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1400" media="(min-width:961px) and (max-width:1200px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1700" media="(min-width:1201px) and (max-width:1500px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2100" media="(min-width:1501px) and (max-width:1919px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2400" media="(min-width:1920px)"> <img class=" w-full h-full object-cover" alt="the grace convertible dress" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1600" height="1440" width="1920" /> </picture> </div> <div class="relative content-block full-width full-height"> <div class="grid ai-center full-width full-height"> <div class="p-4 md:p-8 "> <div class="small-read-wrapper top1 bottom1 uppercase"> <h2 class="lh105" role="heading" aria-level="1" > <div style="color:#678d91;" class="sans lh2 uppercase bold subheading">how to wear</div> <div style="color:#678d91" class="big-heading display bold uppercase"> the grace convertible dress</div> </h2> <p>OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS.</p> <div class="top1 bottom1"> <a href="/collections/grace-convertible-bridesmaid-dress"> <button class="standard-cta bold uppercase bg-white small m-standard pointer" style="color: #000000; background-color: #ffffff; width: 12rem"> SHOP GRACE </button> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16746310959295__16394560176fdca44e" class="shopify-section"><style data-shopify> .content-grid__wrapper{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-grid__container{ width: 100%; max-width: 1200px; justify-items: center; } .content-grid__item{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100%; max-width: 280px; } .content-grid__image { width: 100%; min-height: 60px; } .content-grid__text{ text-align: center; font-size: 16px; } @media (min-width:500px){ .content-grid__text{ font-size: 18px; } } </style> <div class="content-grid "> <div class="wrapper m-wrapper text-center top1 bottom1 display uppercase bold color1 heading">one dress, so many ways</div> <div class="m-wrapper content-grid__wrapper pt-8 pb-8 lg:pb-8" style="background-color:"> <div class="grid gap3-1 dg4 tg4 mg2 content-grid__container"> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Strapless</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003896" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 81 |
Error
On line 10342, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 82 |
Info
On line 9675, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 83 |
Error
On line 10343, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 84 |
Info
On line 9676, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 85 |
Error
On line 10453, column 81 #e5b3ac"/> </g> </svg> </div> </div> <picture> <!--<img loading="lazy" src="//www.birdygrey.com/cdn/shop/files/OFF-THE-SHOULDER.jpg?crop=center&height=800&v=1639605970&width=800" width="960" height="1440" style="width:100%; height:auto!important; object-fit:cover;">--> <img alt="" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/OFF-THE-SHOULDER.jpg?crop=center&height=1200&v=1639605970&width=1200" width="960" height="1440" style="width:100%; height:100% object-fit:cover;"> </picture> </div> <div class="top1 bottom1"> <button data-video="655004278" class="vimeo-popup bold standardish-cta uppercase bg1 pointer black small m-standard">WATCH it</button> </div> <div class="top1 bottom1"> <button data-steps="&lt;div class=&quot;subheading bold uppercase bottom10&quot;&gt; Off-the-Shoulder &lt;/div&gt; &lt;p class=&quot;small italic bottom1&quot;&gt; Enlist the help of another bridesmaid! &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 1 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Take the two front streamers and loop them as if you’re going to tie a knot. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 2 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Make sure the knot sits right at the top center of the bodice and hold it down with one hand. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 3 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; While you’re holding that in place, have another bridesmaid take the streamers across the top of your arms and around the back. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 4 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Tie them into a knot and loop each streamer through the two hidden loops on the inside of the bodice. &lt;/p&gt; &lt;p class=&quot;small italic&quot;&gt;&lt;strong&gt;BIRDY TIP: &lt;/strong&gt; Make sure it’s just tight enough for the sleeves to not slide down but comfortable enough for you to move your arms. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 5 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Pull each streamer through the two belt loops. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 6 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Tie it into a bow in the back. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 7 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Fan out and adjust the sleeves so they look even in the front. &lt;/p&gt;" data-image="//www.birdygrey.com/cdn/shop/files/OFF-THE-SHOULDER.jpg?crop=center&height=1200&v=1639605970&width=1200" style="box-shadow:0 0 0 3px var(--accent1);" class="black steps-popup bold standardish-cta uppercase bg-white pointer small m-standard">READ it</button> </div> </div> </div> </div> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Halter</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655004373" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 86 |
Info
On line 9674, column 81 class="none" > <div class="none">HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH IT READ IT BUTTERFLY SLEEVES WATCH IT READ IT ONE-SHOULDER WATCH IT READ IT SINGLE SLEEVE WATCH IT READ IT TWISTED ONE-SHOULDER WATCH IT READ IT OFF-THE-SHOULDER WATCH IT READ IT HALTER WATCH IT READ IT BOW WATCH IT READ IT TRIANGLE WATCH IT READ IT T-BACK WATCH IT READ IT STRAIGHT BACK WATCH IT READ IT CRISS-CROSS WATCH IT READ IT TWISTED-T WATCH IT READ IT can't decide? CAN'T DECIDE? LET OUR FOUNDER GRACE HELP YOU WITH HER TOP 5 STYLES! WHY CHOOSE A CONVERTIBLE DRESS? WHY CHOOSE A CONVERTIBLE DRESS? THESE DRESSES ARE PURE MAGIC—HERE’S WHY: • EACH BRIDESMAID CAN CHOOSE A STYLE THAT FLATTERS THEIR FIGURE. • WITH OVER 15 WAYS TO STYLE, IT MAKES MIX &amp; MATCH A PIECE OF CAKE! • YOUR GIRLS CAN SWITCH UP THEIR LOOK FROM THE AISLE TO THE AFTER-PARTY.</div> </div> </div><div id="shopify-section-template--16746310959295__1639455593c3757a7a" class="shopify-section"> <style data-shopify> </style> <div style="background-color:#f7ece4"> <div class="top0 bottom0 content-with-image reverse "> <div class="relative content-with-image-block grid grid-cols-2 mg1 full-height #f7ece4"> <div class="absolute cwi-badge-container z2"> <div class="cwi-badge"> </div> </div> <div class="content-with-image-block-image-container relative " style="overflow:hidden;"> <picture> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=720" media="(max-width:600px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=960" media="(min-width:601px) and (max-width:768px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1100" media="(min-width:769px) and (max-width:960px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1400" media="(min-width:961px) and (max-width:1200px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1700" media="(min-width:1201px) and (max-width:1500px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2100" media="(min-width:1501px) and (max-width:1919px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2400" media="(min-width:1920px)"> <img class=" w-full h-full object-cover" alt="the grace convertible dress" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1600" height="1440" width="1920" /> </picture> </div> <div class="relative content-block full-width full-height"> <div class="grid ai-center full-width full-height"> <div class="p-4 md:p-8 "> <div class="small-read-wrapper top1 bottom1 uppercase"> <h2 class="lh105" role="heading" aria-level="1" > <div style="color:#678d91;" class="sans lh2 uppercase bold subheading">how to wear</div> <div style="color:#678d91" class="big-heading display bold uppercase"> the grace convertible dress</div> </h2> <p>OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS.</p> <div class="top1 bottom1"> <a href="/collections/grace-convertible-bridesmaid-dress"> <button class="standard-cta bold uppercase bg-white small m-standard pointer" style="color: #000000; background-color: #ffffff; width: 12rem"> SHOP GRACE </button> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16746310959295__16394560176fdca44e" class="shopify-section"><style data-shopify> .content-grid__wrapper{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-grid__container{ width: 100%; max-width: 1200px; justify-items: center; } .content-grid__item{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100%; max-width: 280px; } .content-grid__image { width: 100%; min-height: 60px; } .content-grid__text{ text-align: center; font-size: 16px; } @media (min-width:500px){ .content-grid__text{ font-size: 18px; } } </style> <div class="content-grid "> <div class="wrapper m-wrapper text-center top1 bottom1 display uppercase bold color1 heading">one dress, so many ways</div> <div class="m-wrapper content-grid__wrapper pt-8 pb-8 lg:pb-8" style="background-color:"> <div class="grid gap3-1 dg4 tg4 mg2 content-grid__container"> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Strapless</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003896" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 87 |
Error
On line 10454, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 88 |
Info
On line 9675, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 89 |
Error
On line 10455, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 90 |
Info
On line 9676, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 91 |
Error
On line 10530, column 81 #e5b3ac"/> </g> </svg> </div> </div> <picture> <!--<img loading="lazy" src="//www.birdygrey.com/cdn/shop/files/HALTER.jpg?crop=center&height=800&v=1639605978&width=800" width="960" height="1440" style="width:100%; height:auto!important; object-fit:cover;">--> <img alt="" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/HALTER.jpg?crop=center&height=1200&v=1639605978&width=1200" width="960" height="1440" style="width:100%; height:100% object-fit:cover;"> </picture> </div> <div class="top1 bottom1"> <button data-video="655004373" class="vimeo-popup bold standardish-cta uppercase bg1 pointer black small m-standard">WATCH IT</button> </div> <div class="top1 bottom1"> <button data-steps="&lt;div class=&quot;subheading bold uppercase bottom15&quot;&gt; Halter &lt;/div&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 1 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Take each front streamer straight over the left and right shoulders. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 2 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Tie it into a bow at the nape of your neck. FYI: The streamers will hang long in the back for a dramatic look. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 3 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Fan out the fabric in the front. &lt;/p&gt; &lt;p class=&quot;small italic&quot;&gt;&lt;strong&gt;BIRDY TIP: &lt;/strong&gt; This halter style gives you the option to style the back in so many ways, so be sure to check out the back styling videos! &lt;/p&gt;" data-image="//www.birdygrey.com/cdn/shop/files/HALTER.jpg?crop=center&height=1200&v=1639605978&width=1200" style="box-shadow:0 0 0 3px var(--accent1);" class="black steps-popup bold standardish-cta uppercase bg-white pointer small m-standard">READ IT</button> </div> </div> </div> </div> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Bow</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655004411" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 92 |
Info
On line 9674, column 81 class="none" > <div class="none">HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH IT READ IT BUTTERFLY SLEEVES WATCH IT READ IT ONE-SHOULDER WATCH IT READ IT SINGLE SLEEVE WATCH IT READ IT TWISTED ONE-SHOULDER WATCH IT READ IT OFF-THE-SHOULDER WATCH IT READ IT HALTER WATCH IT READ IT BOW WATCH IT READ IT TRIANGLE WATCH IT READ IT T-BACK WATCH IT READ IT STRAIGHT BACK WATCH IT READ IT CRISS-CROSS WATCH IT READ IT TWISTED-T WATCH IT READ IT can't decide? CAN'T DECIDE? LET OUR FOUNDER GRACE HELP YOU WITH HER TOP 5 STYLES! WHY CHOOSE A CONVERTIBLE DRESS? WHY CHOOSE A CONVERTIBLE DRESS? THESE DRESSES ARE PURE MAGIC—HERE’S WHY: • EACH BRIDESMAID CAN CHOOSE A STYLE THAT FLATTERS THEIR FIGURE. • WITH OVER 15 WAYS TO STYLE, IT MAKES MIX &amp; MATCH A PIECE OF CAKE! • YOUR GIRLS CAN SWITCH UP THEIR LOOK FROM THE AISLE TO THE AFTER-PARTY.</div> </div> </div><div id="shopify-section-template--16746310959295__1639455593c3757a7a" class="shopify-section"> <style data-shopify> </style> <div style="background-color:#f7ece4"> <div class="top0 bottom0 content-with-image reverse "> <div class="relative content-with-image-block grid grid-cols-2 mg1 full-height #f7ece4"> <div class="absolute cwi-badge-container z2"> <div class="cwi-badge"> </div> </div> <div class="content-with-image-block-image-container relative " style="overflow:hidden;"> <picture> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=720" media="(max-width:600px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=960" media="(min-width:601px) and (max-width:768px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1100" media="(min-width:769px) and (max-width:960px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1400" media="(min-width:961px) and (max-width:1200px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1700" media="(min-width:1201px) and (max-width:1500px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2100" media="(min-width:1501px) and (max-width:1919px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2400" media="(min-width:1920px)"> <img class=" w-full h-full object-cover" alt="the grace convertible dress" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1600" height="1440" width="1920" /> </picture> </div> <div class="relative content-block full-width full-height"> <div class="grid ai-center full-width full-height"> <div class="p-4 md:p-8 "> <div class="small-read-wrapper top1 bottom1 uppercase"> <h2 class="lh105" role="heading" aria-level="1" > <div style="color:#678d91;" class="sans lh2 uppercase bold subheading">how to wear</div> <div style="color:#678d91" class="big-heading display bold uppercase"> the grace convertible dress</div> </h2> <p>OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS.</p> <div class="top1 bottom1"> <a href="/collections/grace-convertible-bridesmaid-dress"> <button class="standard-cta bold uppercase bg-white small m-standard pointer" style="color: #000000; background-color: #ffffff; width: 12rem"> SHOP GRACE </button> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16746310959295__16394560176fdca44e" class="shopify-section"><style data-shopify> .content-grid__wrapper{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-grid__container{ width: 100%; max-width: 1200px; justify-items: center; } .content-grid__item{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100%; max-width: 280px; } .content-grid__image { width: 100%; min-height: 60px; } .content-grid__text{ text-align: center; font-size: 16px; } @media (min-width:500px){ .content-grid__text{ font-size: 18px; } } </style> <div class="content-grid "> <div class="wrapper m-wrapper text-center top1 bottom1 display uppercase bold color1 heading">one dress, so many ways</div> <div class="m-wrapper content-grid__wrapper pt-8 pb-8 lg:pb-8" style="background-color:"> <div class="grid gap3-1 dg4 tg4 mg2 content-grid__container"> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Strapless</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003896" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 93 |
Error
On line 10531, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 94 |
Info
On line 9675, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 95 |
Error
On line 10532, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 96 |
Info
On line 9676, column 131 l="#fff"/> <path id="Polygon_1" data-name="Polygon 1" d="M38,0,76,66H0Z" transform="translate(1246.591 3140) rotate(-30)" fill="#e5b3ac"/> </g |
| 97 |
Error
On line 10607, column 81 #e5b3ac"/> </g> </svg> </div> </div> <picture> <!--<img loading="lazy" src="//www.birdygrey.com/cdn/shop/files/BOW.jpg?crop=center&height=800&v=1639605988&width=800" width="960" height="1440" style="width:100%; height:auto!important; object-fit:cover;">--> <img alt="" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/BOW.jpg?crop=center&height=1200&v=1639605988&width=1200" width="960" height="1440" style="width:100%; height:100% object-fit:cover;"> </picture> </div> <div class="top1 bottom1"> <button data-video="655004411" class="vimeo-popup bold standardish-cta uppercase bg1 pointer black small m-standard">WATCH it</button> </div> <div class="top1 bottom1"> <button data-steps="&lt;div class=&quot;subheading bold uppercase bottom15&quot;&gt; Bow &lt;/div&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 1 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Pull each streamer over the left and right shoulders. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 2 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Make sure the fabric in the front looks pretty before you secure it with a bow. &lt;/p&gt; &lt;div class=&quot;bold uppercase&quot;&gt; &lt;span class=&quot;step-number&quot;&gt; Step 3 &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;uppercase&quot;&gt; Loop the fabric at the nape of the neck and tie it into a nice bow. &lt;/p&gt; &lt;p class=&quot;small italic&quot;&gt;&lt;strong&gt;BIRDY TIP: &lt;/strong&gt; Our model here is wearing her hair down, but this look is gorgeous with a simple updo that lets the back really stand out. &lt;/p&gt;" data-image="//www.birdygrey.com/cdn/shop/files/BOW.jpg?crop=center&height=1200&v=1639605988&width=1200" style="box-shadow:0 0 0 3px var(--accent1);" class="black steps-popup bold standardish-cta uppercase bg-white pointer small m-standard">READ it</button> </div> </div> </div> </div> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Triangle</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655004456" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 98 |
Info
On line 9674, column 81 class="none" > <div class="none">HOW TO WEAR THE GRACE CONVERTIBLE DRESS OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS. SHOP GRACE ONE DRESS, SO MANY WAYS STRAPLESS WATCH IT READ IT HIGH-NECK HALTER WATCH IT READ IT GRECIAN WATCH IT READ IT V-NECK WATCH IT READ IT BUTTERFLY SLEEVES WATCH IT READ IT ONE-SHOULDER WATCH IT READ IT SINGLE SLEEVE WATCH IT READ IT TWISTED ONE-SHOULDER WATCH IT READ IT OFF-THE-SHOULDER WATCH IT READ IT HALTER WATCH IT READ IT BOW WATCH IT READ IT TRIANGLE WATCH IT READ IT T-BACK WATCH IT READ IT STRAIGHT BACK WATCH IT READ IT CRISS-CROSS WATCH IT READ IT TWISTED-T WATCH IT READ IT can't decide? CAN'T DECIDE? LET OUR FOUNDER GRACE HELP YOU WITH HER TOP 5 STYLES! WHY CHOOSE A CONVERTIBLE DRESS? WHY CHOOSE A CONVERTIBLE DRESS? THESE DRESSES ARE PURE MAGIC—HERE’S WHY: • EACH BRIDESMAID CAN CHOOSE A STYLE THAT FLATTERS THEIR FIGURE. • WITH OVER 15 WAYS TO STYLE, IT MAKES MIX &amp; MATCH A PIECE OF CAKE! • YOUR GIRLS CAN SWITCH UP THEIR LOOK FROM THE AISLE TO THE AFTER-PARTY.</div> </div> </div><div id="shopify-section-template--16746310959295__1639455593c3757a7a" class="shopify-section"> <style data-shopify> </style> <div style="background-color:#f7ece4"> <div class="top0 bottom0 content-with-image reverse "> <div class="relative content-with-image-block grid grid-cols-2 mg1 full-height #f7ece4"> <div class="absolute cwi-badge-container z2"> <div class="cwi-badge"> </div> </div> <div class="content-with-image-block-image-container relative " style="overflow:hidden;"> <picture> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=720" media="(max-width:600px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=960" media="(min-width:601px) and (max-width:768px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1100" media="(min-width:769px) and (max-width:960px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1400" media="(min-width:961px) and (max-width:1200px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1700" media="(min-width:1201px) and (max-width:1500px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2100" media="(min-width:1501px) and (max-width:1919px)"> <source srcset="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=2400" media="(min-width:1920px)"> <img class=" w-full h-full object-cover" alt="the grace convertible dress" loading="lazy" src="//www.birdygrey.com/cdn/shop/files/960x720-Convertible-Video-LP-Hero-Banner_2x_3c6ff11b-1cbb-4a0d-a267-f38395154d48.jpg?v=1639456158&width=1600" height="1440" width="1920" /> </picture> </div> <div class="relative content-block full-width full-height"> <div class="grid ai-center full-width full-height"> <div class="p-4 md:p-8 "> <div class="small-read-wrapper top1 bottom1 uppercase"> <h2 class="lh105" role="heading" aria-level="1" > <div style="color:#678d91;" class="sans lh2 uppercase bold subheading">how to wear</div> <div style="color:#678d91" class="big-heading display bold uppercase"> the grace convertible dress</div> </h2> <p>OUR BESTSELLING GRACE CONVERTIBLE DRESS COMES WITH TWO EXTRA-LONG FRONT STREAMERS AND BELT LOOPS THAT LET YOU STYLE IT IN SO MANY DIFFERENT WAYS.</p> <div class="top1 bottom1"> <a href="/collections/grace-convertible-bridesmaid-dress"> <button class="standard-cta bold uppercase bg-white small m-standard pointer" style="color: #000000; background-color: #ffffff; width: 12rem"> SHOP GRACE </button> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16746310959295__16394560176fdca44e" class="shopify-section"><style data-shopify> .content-grid__wrapper{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .content-grid__container{ width: 100%; max-width: 1200px; justify-items: center; } .content-grid__item{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width:100%; max-width: 280px; } .content-grid__image { width: 100%; min-height: 60px; } .content-grid__text{ text-align: center; font-size: 16px; } @media (min-width:500px){ .content-grid__text{ font-size: 18px; } } </style> <div class="content-grid "> <div class="wrapper m-wrapper text-center top1 bottom1 display uppercase bold color1 heading">one dress, so many ways</div> <div class="m-wrapper content-grid__wrapper pt-8 pb-8 lg:pb-8" style="background-color:"> <div class="grid gap3-1 dg4 tg4 mg2 content-grid__container"> <div class="text-center"> <div class="flex vertical-flex full-height jc-between"> <div> <div class="bold uppercase text-center small bottom05">Strapless</div> </div> <div> <div class="relative"> <div class="absolute full-height full-width flex ai-center jc-center z2"> <div data-video="655003896" class="vimeo-popup grid-play-button pointer"> <svg viewBox="0 0 150 150"> <g id="Play_Button" data-name="Play Button" transform="translate(-1225 -3084)"> < |
| 99 |
Error
On line 10608, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
| 100 |
Info
On line 9675, column 122 5 -3084)"> <circle id="Ellipse_344" data-name="Ellipse 344" cx="75" cy="75" r="75" transform="translate(1225 3084)" fill="#fff"/> < |
β