G: Oyster Magazine

State:

Processed

Hit:

H: Oyster Magazine

Rank:

112

Size:

123938

Raw Content:

<!doctype html> <html lang="en" class="no-js"> <head> <meta charset="utf-8" /> <title>Oyster Magazine</title> <meta name="description" content=""> <meta name="author" content="Oyster Magazine"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">  <link rel="canonical" href="http://www.oystermag.com/" /> <link rel="next" href="http://www.oystermag.com/page/2/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Oyster Magazine -" /> <meta property="og:url" content="http://www.oystermag.com/" /> <meta property="og:site_name" content="Oyster Magazine" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Oyster Magazine -" /> <meta name="twitter:site" content="@OysterMag" /> <script type='application/ld+json'>{"@context":"https:\/\/schema.org","@type":"WebSite","@id":"#website","url":"http:\/\/www.oystermag.com\/","name":"Oyster Magazine","potentialAction":{"@type":"SearchAction","target":"http:\/\/www.oystermag.com\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script> <script type='application/ld+json'>{"@context":"https:\/\/schema.org","@type":"Organization","url":"http:\/\/www.oystermag.com\/","sameAs":["https:\/\/www.facebook.com\/oystermagazine","https:\/\/www.instagram.com\/oystermagazine\/","https:\/\/www.pinterest.com\/oystermag\/","https:\/\/twitter.com\/OysterMag"],"@id":"http:\/\/www.oystermag.com\/#organization","name":"Oyster Magazine","logo":"http:\/\/d3irysmr2qwrhd.cloudfront.net\/wp-content\/uploads\/2018\/04\/27004605\/oyster-mag-logo.jpg"}</script>  <link rel='dns-prefetch' href='//s.w.org' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.oystermag.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.9"}}; !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='parent-style-css' href='http://www.oystermag.com/wp-content/themes/oyster-mag/inc/owlcarousel/assets/owl.carousel.min.css?ver=4.9.9' type='text/css' media='all' /> <link rel='stylesheet' id='site-css' href='http://www.oystermag.com/wp-content/themes/oyster-mag/style.css?ver=1525145092' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-css' href='http://www.oystermag.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=3.2.1' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='http://www.oystermag.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/font-awesome.min.css?ver=4.7.0' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-animations-css' href='http://www.oystermag.com/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=2.0.8' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-frontend-css' href='http://www.oystermag.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=2.0.8' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-pro-css' href='http://www.oystermag.com/wp-content/plugins/elementor-pro/assets/css/frontend.min.css?ver=2.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-global-css' href='http://www.oystermag.com/wp-content/uploads/elementor/css/global.css?ver=1524753611' type='text/css' media='all' /> <link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&ver=4.9.9' type='text/css' media='all' /> <link rel='https://api.w.org/' href='http://www.oystermag.com/wp-json/' /> <link rel="icon" href="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2018/12/06194410/cropped-oyster-favicon-JPG-1-32x32.jpg" sizes="32x32" /> <link rel="icon" href="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2018/12/06194410/cropped-oyster-favicon-JPG-1-192x192.jpg" sizes="192x192" /> <link rel="apple-touch-icon-precomposed" href="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2018/12/06194410/cropped-oyster-favicon-JPG-1-180x180.jpg" /> <meta name="msapplication-TileImage" content="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2018/12/06194410/cropped-oyster-favicon-JPG-1-270x270.jpg" /> <link rel="shortcut icon" href="http://www.oystermag.com/wp-content/themes/oyster-mag/favicon-32x32.png" /> <script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script> <script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script> googletag.cmd.push(function() { googletag.defineSlot('/83420882/mrecmiddleright', [[1, 1], [300, 600], [300, 250]], 'div-gpt-ad-1524543453561-0').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script> <script type="text/javascript" src="http://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body class="home blog elementor-default"> <body data-theme="http://www.oystermag.com/wp-content/themes/oyster-mag" data-siteurl="http://www.oystermag.com"> <header id="header"> <div class="grid-item advert" data-advert="above-nav"> <div id='div-gpt-ad-1493112612659-0'></div> </div> <div class="container clearfix"> <button id="menu-trigger-btn" class="visible-phone"> <span class="icon icon-circle"></span> <span class="icon icon-circle"></span> <span class="icon icon-circle"></span> </button> <a href="/" id="logo" class="ir">Oyster</a> <div class="menus clearfix"> <menu id="social-menu" class="menu hidden-phone"> <a href="https://www.instagram.com/oystermagazine/" target="_blank" class="menu-link"> <svg class="icon-svg" xmlns="http://www.w3.org/2000/svg"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#instagram"></use> </svg> </a> <a href="https://www.facebook.com/oystermagazine" target="_blank" class="menu-link"> <svg class="icon-svg" xmlns="http://www.w3.org/2000/svg"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#facebook"></use> </svg> </a> <a href="https://twitter.com/OysterMag" target="_blank" class="menu-link"> <svg class="icon-svg" xmlns="http://www.w3.org/2000/svg"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#twitter"></use> </svg> </a> <a href="http://oystermag.tumblr.com/" target="_blank" class="menu-link"> <svg class="icon-svg" xmlns="http://www.w3.org/2000/svg"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#tumblr"></use> </svg> </a> <a href="https://www.pinterest.com/oystermag/" target="_blank" class="menu-link"> <svg class="icon-svg" xmlns="http://www.w3.org/2000/svg"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#pinterest"></use> </svg> </a> <button class="btn search-btn menu-link"> <svg class="icon-svg" xmlns="http://www.w3.org/2000/svg"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#search"></use> </svg> </button> </menu> <menu id="main-menu" class="menu"> <a href="/category/news/" class="menu-link "> <span class="label">News</span> <span class="label-behind">News</span> </a> <a href="/category/fashion/" class="menu-link "> <span class="label">Fashion</span> <span class="label-behind">Fashion</span> </a> <a href="/category/beauty/" class="menu-link "> <span class="label">Beauty</span> <span class="label-behind">Beauty</span> </a> <a href="/category/music/" class="menu-link "> <span class="label">Music</span> <span class="label-behind">Music</span> </a> <a href="http://oystermag.shop" class="menu-link "> <span class="label">Shop</span> <span class="label-behind">Shop</span> </a> <a href="/about/" class="menu-link "> <span class="label">About</span> <span class="label-behind">About</span> </a> </menu> <menu id="search-menu"> <div class="container"> <form id="search-header-form" method="get" action="http://www.oystermag.com/"> <label class="label" for="s">Type to search oystermag.com</label> <input type="text" value="" name="s" id="search-input" /> </form> <button type="button" id="search-header-close-btn"> <svg viewbox="0 0 75 75" xmlns="http://www.w3.org/2000/svg"> <g> <title>Layer 1</title> <path id="svg_1" d="m0.75,0.75l71,71" stroke-opacity="null" stroke-linecap="undefined" stroke-linejoin="undefined" stroke-width="3" stroke="#000" fill-opacity="null" fill="none"/> <path id="svg_2" d="m0.75,0.75l71,71" transform="rotate(90 36.25,36.25000000000001) " stroke-linecap="undefined" stroke-linejoin="undefined" stroke-width="3" stroke="#000" fill="none"/> </g> </svg> </button> </div> </menu> </div> </div> </header> <div id="carousel"> <div class="carousel-cell" style="background-image: url(http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/05005954/VAL704911222112221.jpg);"> <a href="http://www.oystermag.com/2019/01/oyster-fashion-the-simple-life-shot-by-valeriya-polivanova/" class="cell-link"> <div class="cell-inner"> <h2 class="title">Oyster Fashion</h2> <h4 class="description">'The Simple Life' Shot By Valeriya Polivanova</h4> </div> </a> </div> <div class="carousel-cell" style="background-image: url(http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/05011715/oys-115-features-trueblue3.jpg);"> <a href="http://www.oystermag.com/2018/12/maya-laner-on-her-soft-synth-pop-and-truly-being-true-blue-for-oyster-115/" class="cell-link"> <div class="cell-inner"> <h2 class="title">Oyster #115</h2> <h4 class="description">Maya Laner On Her Soft Synth Pop And Truly Being True Blue</h4> </div> </a> </div> <div class="carousel-cell" style="background-image: url(http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2018/12/21212039/GU621_PF19LOOKBOOK_WOMENS_2732X4098px_LOOK-85_72dpi.jpg);"> <a href="http://www.oystermag.com/2018/12/your-guy-harmony-korine-just-shot-the-new-gucci-lookbook/" class="cell-link"> <div class="cell-inner"> <h2 class="title">Oyster News</h2> <h4 class="description">Your Guy Harmony Korine Just Shot The New Gucci Lookbook</h4> </div> </a> </div> <div class="carousel-cell" style="background-image: url(http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2018/11/02093909/RafaelPulido_OYS-091_Chinqpink_01_HI.jpg);"> <a href="http://www.oystermag.com/2018/12/chinq-pink-talks-beauty-confidence-and-making-it-out-of-2018-alive/" class="cell-link"> <div class="cell-inner"> <h2 class="title">Oyster #115</h2> <h4 class="description">Chinq Pink Talks Beauty, Confidence And Making It Out Of 2018 Alive</h4> </div> </a> </div> <button id="carousel-scroll-btn"><span class="icon icon-down-open-big"></span></button> </div> <div class="home-skin"> <div class="advert skin" data-advert="skin"> <div id='div-gpt-ad-1502716044684-0'></div> </div> <style> .advert[data-advert="skin"] { left: 50%; position: fixed; top: 41px; transform: translateX(-50%); } .home-skin {position: relative;} .home-skin .advert[data-advert="skin"] { position: absolute; top: 0; } </style> </div> <div class="home-skin"> <div class="advert skin" data-advert="skin"> <div id='div-gpt-ad-1502716044684-0'></div> </div> <style> .advert[data-advert="skin"] { left: 50%; position: fixed; top: 41px; transform: translateX(-50%); } .home-skin {position: relative;} .home-skin .advert[data-advert="skin"] { position: absolute; top: 0; } </style> </div> <section id="content" class="container clearfix"> <h3 class="strap">New on Oyster -</h3> <div class="grid"> <div class="row clearfix" id="grid-row-first"> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/this-egg-is-more-popular-than-you-me-and-everyone-we-know/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/15075328/MG_C102527AH2016-500x340.jpg" class="img wp-post-image" alt="" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/culture/" class="cat-link">Culture</a>/<a href="/category/news/" class="cat-link">News</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/this-egg-is-more-popular-than-you-me-and-everyone-we-know/" class="title-link">This Egg Is More Popular Than You, Me And Everyone We Know</a></h2> <h3 class="summary">Who is she?</h3> </div> </div> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/lana-del-rey-and-jared-leto-star-in-surreal-gucci-guilty-fragrance-campaign/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/15070123/Screen-Shot-2019-01-14-at-9.00.03-PM-500x340.png" class="img wp-post-image" alt="" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/beauty/" class="cat-link">Beauty</a>/<a href="/category/news/" class="cat-link">News</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/lana-del-rey-and-jared-leto-star-in-surreal-gucci-guilty-fragrance-campaign/" class="title-link">Lana Del Rey And Jared Leto Star In Surreal Gucci Guilty Fragrance Campaign</a></h2> <h3 class="summary">Mom and dad.</h3> </div> </div> <div class="grid-item advert">  <div id='div-gpt-ad-1493109042178-0'></div> </div> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/lil-uzi-vert-quits-music-deletes-everything-wants-to-be-normal/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/15063256/Screen-Shot-2019-01-14-at-8.31.12-PM-500x340.png" class="img wp-post-image" alt="" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/music/" class="cat-link">Music</a>/<a href="/category/news/" class="cat-link">News</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/lil-uzi-vert-quits-music-deletes-everything-wants-to-be-normal/" class="title-link">Lil Uzi Vert Quits Music, Deletes Everything, Wants To Be Normal</a></h2> <h3 class="summary">He tried to tell us :(</h3> </div> </div> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/prada-went-full-frankenstein-for-fw19/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/14221603/prada-500x340.jpg" class="img wp-post-image" alt="" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/fashion/" class="cat-link">Fashion</a>/<a href="/category/news/" class="cat-link">News</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/prada-went-full-frankenstein-for-fw19/" class="title-link">Prada Went Full Frankenstein For FW19</a></h2> <h3 class="summary">Monster mash.</h3> </div> </div> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/important-the-new-gucci-campaign-stars-heaps-of-cute-little-pigs/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/14213950/1257791-500x340.jpg" class="img wp-post-image" alt="" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/fashion/" class="cat-link">Fashion</a>/<a href="/category/news/" class="cat-link">News</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/important-the-new-gucci-campaign-stars-heaps-of-cute-little-pigs/" class="title-link">Important: The New Gucci Campaign Stars Heaps Of Cute Little Pigs</a></h2> <h3 class="summary">Rip snorter.</h3> </div> </div> </div> <div class="row row-large clearfix" id="grid-row-second"> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/babushka-season-is-forever-courtesy-of-frank-ocean/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/11095844/Screen-Shot-2019-01-10-at-5.58.27-PM-500x340.png" class="img wp-post-image" alt="" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/fashion/" class="cat-link">Fashion</a>/<a href="/category/music/" class="cat-link">Music</a>/<a href="/category/news/" class="cat-link">News</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/babushka-season-is-forever-courtesy-of-frank-ocean/" class="title-link">Babushka Season Is Forever, Courtesy Of Frank Ocean</a></h2> <h3 class="summary">Wrap me up.</h3> </div> </div> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/guccis-limited-edition-dapper-dan-book-is-out-today/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/11103409/Screen-Shot-2019-01-11-at-12.31.44-AM-500x340.png" class="img wp-post-image" alt="" srcset="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/11103409/Screen-Shot-2019-01-11-at-12.31.44-AM-500x340.png 500w, http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/11103409/Screen-Shot-2019-01-11-at-12.31.44-AM-300x205.png 300w, http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/11103409/Screen-Shot-2019-01-11-at-12.31.44-AM-768x524.png 768w, http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/11103409/Screen-Shot-2019-01-11-at-12.31.44-AM-1024x699.png 1024w" sizes="(max-width: 500px) 100vw, 500px" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/fashion/" class="cat-link">Fashion</a>/<a href="/category/news/" class="cat-link">News</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/guccis-limited-edition-dapper-dan-book-is-out-today/" class="title-link">Gucci’s Limited Edition Dapper Dan Book Is Out Today</a></h2> <h3 class="summary">Need.</h3> </div> </div> </div> <div class="row clearfix" id="grid-row-third"> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/lady-gaga-apologises-for-working-with-r-kelly/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/11103953/Screen-Shot-2019-01-11-at-12.39.28-AM-500x340.png" class="img wp-post-image" alt="" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/music/" class="cat-link">Music</a>/<a href="/category/news/" class="cat-link">News</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/lady-gaga-apologises-for-working-with-r-kelly/" class="title-link">Lady Gaga Apologises For Working With R. Kelly</a></h2> <h3 class="summary">"As a victim of sexual assault myself, I made both the song and video at a dark time in my life."</h3> </div> </div> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/jake-gyllenhaal-plays-a-snobby-art-world-caricature-in-netflixs-new-dark-thriller-watch/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/11091859/Screen-Shot-2019-01-10-at-5.16.09-PM-500x340.png" class="img wp-post-image" alt="" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/art/" class="cat-link">Art</a>/<a href="/category/film/" class="cat-link">Film</a>/<a href="/category/news/" class="cat-link">News</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/jake-gyllenhaal-plays-a-snobby-art-world-caricature-in-netflixs-new-dark-thriller-watch/" class="title-link">Jake Gyllenhaal Plays A Snobby Art World Caricature In Netflix’s New Dark Thriller [Watch]</a></h2> <h3 class="summary">Art imitates life.</h3> </div> </div> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/ewan-mcgregor-will-play-legendary-designer-halston-in-a-new-series/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/10123716/tumblr_oyul04LcUf1ubuhquo1_640-500x340.jpg" class="img wp-post-image" alt="" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/fashion/" class="cat-link">Fashion</a>/<a href="/category/news/" class="cat-link">News</a>/<a href="/category/television/" class="cat-link">Television</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/ewan-mcgregor-will-play-legendary-designer-halston-in-a-new-series/" class="title-link">Ewan McGregor Will Play Legendary Designer, Halston, In A New Series</a></h2> <h3 class="summary">Actual yewin.</h3> </div> </div> <div class="grid-item advert">  <div id='div-gpt-ad-1523597619410-0'></div> </div> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/la-does-very-la-thing-holds-first-ever-vegan-fashion-week/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/11080900/fb632dd746d5fc050d3831347c236e55-500x340.jpg" class="img wp-post-image" alt="" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/fashion/" class="cat-link">Fashion</a>/<a href="/category/news/" class="cat-link">News</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/la-does-very-la-thing-holds-first-ever-vegan-fashion-week/" class="title-link">LA Does Very LA Thing, Holds First Ever Vegan Fashion Week</a></h2> <h3 class="summary">Salad dressing.</h3> </div> </div> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/listen-to-billie-eilishs-new-banger-when-i-was-older/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/10072754/Screen-Shot-2019-01-09-at-3.26.25-PM-500x340.png" class="img wp-post-image" alt="" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/music/" class="cat-link">Music</a>/<a href="/category/news/" class="cat-link">News</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/listen-to-billie-eilishs-new-banger-when-i-was-older/" class="title-link">Listen to Billie Eilish’s New Banger, ‘When I Was Older’</a></h2> <h3 class="summary">On repeat 4L.</h3> </div> </div> <div class="grid-item clearfix"> <div class="img-wrapper"> <a href="http://www.oystermag.com/2019/01/jamie-lee-curtis-is-not-down-for-the-fiji-water-girl/" class="img-link"> <img width="500" height="340" src="http://d3irysmr2qwrhd.cloudfront.net/wp-content/uploads/2019/01/10114939/003FRF_Jamie_Lee_Curtis_027-500x340.jpg" class="img wp-post-image" alt="" /> </a> </div> <div class="text-wrapper"> <div class="categories"> <a href="/category/news/" class="cat-link">News</a>/<a href="/category/people/" class="cat-link">People</a> </div> <h2 class="title"><a href="http://www.oystermag.com/2019/01/jamie-lee-curtis-is-not-down-for-the-fiji-water-girl/" class="title-link">Jamie Lee Curtis Is Not Down For The Fiji Water Girl</a></h2> <h3 class="summary">Thirst trap.</h3> </div> </div> </div> <div class="pagination"> <div class="paging"> <a href="http://www.oystermag.com/page/2/" >Next</a> </div> </div> </div> </section>  <div class="advert" data-advert="below-nav"> <div id='div-gpt-ad-1493118403041-0'></div> </div> <section id="social-banner" class="social-banner container clearfix"> <h3 class="strap social-banner__strap">Keep up to date with the latest from Oyster -</h3> <div class="social-banner__icons"> <a href="https://www.instagram.com/oystermagazine/" target="_blank"> <svg class="icon-svg" xmlns="http://www.w3.org/2000/svg"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#instagram"></use> </svg> </a> <a href="https://www.facebook.com/oystermagazine" target="_blank"> <svg class="icon-svg" xmlns="http://www.w3.org/2000/svg"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#facebook"></use> </svg> </a> <a href="https://twitter.com/OysterMag" target="_blank"> <svg class="icon-svg" xmlns="http://www.w3.org/2000/svg"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#twitter"></use> </svg> </a> <a href="http://oystermag.tumblr.com/" target="_blank"> <svg class="icon-svg" xmlns="http://www.w3.org/2000/svg"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#tumblr"></use> </svg> </a> <a href="https://www.pinterest.com/oystermag/" target="_blank"> <svg class="icon-svg" xmlns="http://www.w3.org/2000/svg"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#pinterest"></use> </svg> </a> </div> </section> <style> .social-banner { max-width: 1064px; margin-top: 0; } </style> <script type="text/template" id="partner-sidebar-template"> <h5 class="heading"><%= heading %></h5> <% _.each(articles, function(article) { %> <div class="p-article"> <div class="img-wrapper"> <a href="<%= article.pe_url %>" target="_blank" class="partner-link"> <img src="<%= article.thumbnail %>" alt="" class="img" /> </a> </div> <div class="text-wrapper"> <a href="<%= article.pe_url %>" target="_blank" class="partner-link"> <%= article.headline %> <span class="partner-name"><%= article.source %></span> </a> </div> </div> <% }) %> <h6 class="partner-footer"> <a href="https://welcome.pubexchange.com/home/index/oyster" target="_blank">Powered by PubExchange</a> </h6> </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-15874558-1', 'auto'); ga('send', 'pageview'); </script> <div id="om-icons" style="display: none !important;"> <svg xmlns="http://www.w3.org/2000/svg"> <symbol id="instagram"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 49.5c67.3 0 75.2 0.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8 8.8 8.8 14.3 17.2 18.8 29 3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-0.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8 -4.6 11.8-10 20.2-18.8 29 -8.8 8.8-17.2 14.3-29 18.8 -8.9 3.4-22.2 7.6-46.8 8.7 -26.6 1.2-34.5 1.5-101.8 1.5s-75.2-0.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7 -11.8-4.6-20.2-10-29-18.8 -8.8-8.8-14.3-17.2-18.8-29 -3.4-8.9-7.6-22.2-8.7-46.8 -1.2-26.6-1.5-34.5-1.5-101.8s0.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29 8.8-8.8 17.2-14.3 29-18.8 8.9-3.4 22.2-7.6 46.8-8.7C180.8 49.7 188.7 49.5 256 49.5M256 4.1c-68.4 0-77 0.3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1 -14 14-22.6 28.1-29.1 44.6 -6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256c0 68.4 0.3 77 1.5 103.9 1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-0.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-0.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2 -6.4-16.6-15.1-30.6-29.1-44.6 -14-14-28.1-22.6-44.6-29.1 -16-6.2-34.3-10.5-61.2-11.7C333 4.4 324.4 4.1 256 4.1L256 4.1z"/><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4S184.6 385.4 256 385.4 385.4 327.4 385.4 256 327.4 126.6 256 126.6zM256 340c-46.4 0-84-37.6-84-84s37.6-84 84-84c46.4 0 84 37.6 84 84S302.4 340 256 340z"/><circle cx="390.5" cy="121.5" r="30.2"/></svg> </symbol> <symbol id="facebook"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M294.5 507.2v-230h76.7l11.5-89h-88.1v-56.7c0-25.7 7.1-43.3 44-43.3l48 0V8.3c-8.2-1.1-36.3-3.5-69-3.5 -68.3 0-115 41.6-115 118.1v65.4h-77v89h77v230H294.5z"/></svg> </symbol> <symbol id="twitter"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M161.8 452.4c182.3 0 282-151.1 282-282 0-4.3 0-8.5-0.2-12.8 19.3-13.9 36.1-31.5 49.5-51.4 -17.8 7.9-36.9 13.1-57 15.7 20.5-12.2 36.1-31.7 43.7-54.9 -19.1 11.4-40.4 19.5-63 24 -18.2-19.3-43.9-31.3-72.3-31.3 -54.7 0-99.1 44.5-99.1 99.1 0 7.7 1 15.3 2.5 22.6 -82.3-4.1-155.4-43.7-204.3-103.6 -8.5 14.7-13.3 31.7-13.3 49.9 0 34.4 17.6 64.7 44.1 82.5 -16.2-0.6-31.5-5-44.8-12.4 0 0.4 0 0.8 0 1.4 0 47.9 34.2 88.1 79.4 97.2 -8.3 2.3-17 3.5-26.1 3.5 -6.4 0-12.6-0.6-18.6-1.7 12.6 39.4 49.3 68 92.6 68.8 -34 26.7-76.7 42.5-123.1 42.5 -7.9 0-15.8-0.4-23.6-1.4C53.8 435.9 106 452.4 161.8 452.4"/></svg> </symbol> <symbol id="tumblr"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M403.5 476.8c-17.1 18.2-56.6 30.6-92 31.2h-3.9c-118.9 0-144.7-87.4-144.7-138.4V227.8h-46.8c-5.4 0-9.8-4.4-9.8-9.8 0 0 0 0 0 0v-66.9c0-7.1 4.5-13.4 11.1-15.7 61-21.5 80.2-74.8 83-115.2C201.2 9.3 206.8 4 216.2 4H286c5.4 0 9.8 4.4 9.8 9.8v113.4h81.7c5.4 0 9.8 4.4 9.8 9.8v80.4c0 5.4-4.4 9.8-9.8 9.8h-82.1v131.1c0 32.9 21.7 42 35.1 42 12.9-0.3 25.5-4.2 31.8-6.8 4.7-1.9 8.8-3.1 12.5-2.2 3.4 0.9 5.7 3.3 7.2 7.8l21.7 63.3C405.6 467.4 407.1 472.9 403.5 476.8z"/></svg> </symbol> <symbol id="pinterest"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M252.9 6.1C114.8 6.1 4 116.9 4 255c0 102.5 60.7 188.2 148.5 228 0-16.7 0-37.6 4.2-56.5 4.2-20.9 31.4-135.9 31.4-135.9s-8.4-16.7-8.4-39.7c0-37.6 20.9-64.8 48.1-64.8 23 0 33.5 16.7 33.5 37.6 0 23-14.6 56.5-20.9 87.8 -6.3 27.2 14.6 48.1 39.7 48.1 48.1 0 79.5-60.7 79.5-131.8 0-54.4-37.6-94.1-102.5-94.1 -75.3 0-121.3 56.5-121.3 119.2 0 20.9 6.3 37.6 16.7 48.1 4.2 6.3 6.3 8.4 4.2 14.6 -2.1 4.2-4.2 14.6-4.2 20.9 -2.1 6.3-6.3 8.4-12.5 6.3 -35.6-14.6-50.2-52.3-50.2-94.1 0-71.1 58.6-154.8 177.8-154.8 94.1 0 156.9 69 156.9 142.2 0 98.3-54.4 169.4-133.9 169.4 -27.2 0-52.3-14.6-60.7-31.4 0 0-14.6 56.5-16.7 69 -6.3 18.8-14.6 37.6-25.1 52.3 23 6.3 46 10.5 71.1 10.5 138 0 248.9-110.8 248.9-248.9C501.8 116.9 390.9 6.1 252.9 6.1z"/></svg> </symbol> <symbol id="search"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 28"><path d="M18 13c0-3.859-3.141-7-7-7s-7 3.141-7 7 3.141 7 7 7 7-3.141 7-7zM26 26c0 1.094-0.906 2-2 2-0.531 0-1.047-0.219-1.406-0.594l-5.359-5.344c-1.828 1.266-4.016 1.937-6.234 1.937-6.078 0-11-4.922-11-11s4.922-11 11-11 11 4.922 11 11c0 2.219-0.672 4.406-1.937 6.234l5.359 5.359c0.359 0.359 0.578 0.875 0.578 1.406z"></path></svg> </symbol> </svg> </div> <script async='async' src='https://www.googletagservices.com/tag/js/gpt.js'></script> <script> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; </script> <script> googletag.cmd.push(function() { // Leaderboard Top (disabled). // // adding size mapping // Leaderboard top. var OM_Leaderboard_Top = googletag.sizeMapping() .addSize([1024,300], [[970,250], [970, 90]]) //.addSize([1024,300], [970,90]) .addSize([768,300], [728,90]) .addSize([0,0], [320,250]) .build(); googletag.defineSlot('/83420882/leaderboardtop', [[970, 90], [1, 1], [728, 90], [970, 250], [900, 250], [320, 250]], 'div-gpt-ad-1493112612659-0').defineSizeMapping(OM_Leaderboard_Top).addService(googletag.pubads()); // Leaderboard Bottom. var OM_Leaderboard_Bottom = googletag.sizeMapping() .addSize([1024,300], [728,90]) .addSize([768,300], [728,90]) .addSize([0,0], [320,50]) .build(); googletag.defineSlot('/83420882/leaderboardbottom', [[1, 1], [728, 90], [320, 50]], 'div-gpt-ad-1493118403041-0').defineSizeMapping(OM_Leaderboard_Bottom).addService(googletag.pubads()); // Grid Top Right. // removing [300, 600] size temporarily googletag.defineSlot('/83420882/mrectopright', [[300, 250], [1, 1]], 'div-gpt-ad-1493109042178-0').addService(googletag.pubads()); // Grid Bottom Right (article page only). googletag.defineSlot('/83420882/mrecbottomright', [[1, 1], [300, 250]], 'div-gpt-ad-1523597619410-0').addService(googletag.pubads()); // Grid Bottom Left (homepage only). googletag.defineSlot('/83420882/mrecbottomright', [[1, 1], [300, 250]], 'div-gpt-ad-1523598350829-0').addService(googletag.pubads()); // Grid Top Right (disabled). googletag.defineSlot('/83420882/galleryrec', [[1,1], [300, 250]], 'div-gpt-ad-1500502842893-0').addService(googletag.pubads()); // new type for articles googletag.defineSlot('/83420882/hputopright', [[300, 600], [300, 250], [1, 1]], 'div-gpt-ad-1524447844573-0').addService(googletag.pubads()); // Skin. googletag.defineSlot('/83420882/skin', [1, 1], 'div-gpt-ad-1502716044684-0').addService(googletag.pubads()); // Additional settings. googletag.pubads().enableSingleRequest(); googletag.pubads().addEventListener('slotRenderEnded', function (evt) { var slot = evt.slot.getSlotId().getDomId(); var placement = evt.slot.getName(); // Add body class for Leaderboard Bottom ad space. if (placement.includes('leaderboardbottom') && !evt.isEmpty) { document.body.classList.add('below-nav--active'); } //for leaderboard top if (placement.includes('leaderboardtop') && !evt.isEmpty) { document.body.classList.add('above-nav--active'); //adjust margin for below-nav ad to prevent overlap var height = evt.size[1]; if (height > 90) { document.body.classList.add("tall-leaderboard"); } } // Fill in blank ad spaces with articles. if (placement.includes('mrectopright') && evt.isEmpty) { var gridRowFirst = document.getElementById('grid-row-first'); var gridRowSecond = document.getElementById('grid-row-second'); var gridRowThird = document.getElementById('grid-row-third'); var gridRowAdvert = gridRowFirst.getElementsByClassName('advert'); while (gridRowAdvert[0]) { gridRowAdvert[0].parentNode.removeChild(gridRowAdvert[0]); } gridRowFirst.appendChild(gridRowSecond.firstElementChild); gridRowSecond.appendChild(gridRowThird.firstElementChild); gridRowThird.appendChild(document.getElementById('extra-posts').firstElementChild); } if (placement.includes('mrecbottomright') && evt.isEmpty && slot !== "div-gpt-ad-1523598350829-0") { var gridRow = document.getElementById('grid-row-third'); var gridRowAdvert = gridRow.getElementsByClassName('advert'); while (gridRowAdvert[0]) { gridRowAdvert[0].parentNode.removeChild(gridRowAdvert[0]); } gridRow.appendChild(document.getElementById('extra-posts').firstElementChild); } //hide if no hpu ad if (placement.includes('hputopright') && evt.isEmpty) { document.querySelector(".article-sidebar .advert").style.display = "none"; } }); googletag.enableServices(); // Disaplay the ads. // Leaderboard top is disabled -> googletag.display('div-gpt-ad-1493112612659-0'); //leaderboard top end googletag.display('div-gpt-ad-1493118403041-0'); googletag.display('div-gpt-ad-1493109042178-0'); googletag.display('div-gpt-ad-1493111819779-0'); googletag.display('div-gpt-ad-1500502842893-0'); googletag.display('div-gpt-ad-1502716044684-0'); googletag.display('div-gpt-ad-1523597619410-0'); }); </script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.5&appId=115683785201006"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> </body> <style type="text/css" id="hustle-module-styles"> .wph-modal.module_id_1 .hustle-modal .hustle-modal-image{ background-color: #ffffff; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-title{ color: #fdfdfd; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-subtitle{ color: #fdfdfd; } .wph-modal.module_id_1 .hustle-modal article{ color: #717677; } .wph-modal.module_id_1 .hustle-modal article blockquote{ border-left-color: #38c5b5; } .wph-modal.module_id_1 .hustle-modal article blockquote:hover { border-left-color: #49e2d1; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-close svg path{ fill: #38c5b5; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-close svg path:hover { fill: #49e2d1; } .wph-modal.module_id_1 .wpmudev-modal-mask{ background-color: rgba(51,51,51,0.5); } .wph-modal.module_id_1 .hustle-modal a.hustle-modal-cta{ color: #ffffff; background-color: #38c5b5; } .wph-modal.module_id_1 .hustle-modal a.hustle-modal-cta:hover { color: #ffffff; background-color: #49e2d1; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-body{ background-color: #ffffff; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-success{ background-color: #ffffff; } .wph-modal.module_id_1 .hustle-modal footer{ background-color: #5d7380; } .wph-modal.module_id_1 .hustle-modal article a:not(.hustle-modal-cta){ color: #38c5b5; } .wph-modal.module_id_1 .hustle-modal article a:not(.hustle-modal-cta):hover { color: #49e2d1; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-optin_field input { color: #363b3f; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-optin_field{ background-color: #fdfdfd; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-optin_field input:hover { color: #363b3f; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-optin_field:hover { background-color: #fdfdfd; } .wph-modal.module_id_1 .hustle-modal-optin_field label .hustle-modal-optin_icon .hustle-icon path{ fill: #adb5b7; } .wph-modal.module_id_1 .hustle-modal form .hustle-modal-optin_button button{ color: #fdfdfd; background-color: #38c5b5; } .wph-modal.module_id_1 .hustle-modal form .hustle-modal-optin_button button:hover { color: #fdfdfd; background-color: #38c5b5; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-optin_form .wpoi-submit-failure { color: #f1f1f1; background: #ea6464;} .wph-modal.module_id_1 .hustle-modal-optin_form .hustle-modal-optin_field label .hustle-modal-optin_placeholder{ color: #adb5b7; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-success .hustle-modal-success_icon .hustle-icon path{ fill: #38c5b5; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-success .hustle-modal-success_message, .hustle-modal .hustle-modal-success .hustle-modal-success_message *{ color: #fdfdfd; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-mc_checkbox input+label{ background-color: #fdfdfd; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-mc_checkbox input:checked+label{ background-color: #fdfdfd; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-mc_radio input+label{ background-color: #fdfdfd; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-mc_radio input:checked+label{ background-color: #fdfdfd; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-optin_form .hustle-modal-mc_groups .hustle-modal-mc_option .hustle-modal-mc_checkbox input+label:before{ color: #fdfdfd; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-optin_form .hustle-modal-mc_groups .hustle-modal-mc_option .hustle-modal-mc_checkbox input:checked+label:before{ color: #38c5b5; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-optin_form .hustle-modal-mc_groups .hustle-modal-mc_option .hustle-modal-mc_radio input+label:before{ color: #fdfdfd; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-optin_form .hustle-modal-mc_groups .hustle-modal-mc_option .hustle-modal-mc_radio input:checked+label:before{ color: #38c5b5; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-optin_form .hustle-modal-mc_title label{ color: #fdfdfd; } .wph-modal.module_id_1 .hustle-modal .hustle-modal-optin_form .hustle-modal-mc_groups .hustle-modal-mc_option .hustle-modal-mc_label label{ color: #adb5b7; }</style> <script id="wpmudev-hustle-modal-with-optin-tpl" type="text/template"> <# var have_mc_group = !_.isEmpty( content.args ) && typeof content.args.group === 'object'; if ( typeof content.form_elements !== 'object' && content.form_elements !== '') { content.form_elements = JSON.parse(content.form_elements); } #> <div class="hustle-modal hustle-modal-{{design.form_layout}} {{ ( (settings.animation_in !== '' && settings.animation_in !== 'no_animation') || (settings.animation_out !== '' && settings.animation_out !== 'no_animation') ) ? 'hustle-animated' : 'hustle-modal-static' }}"> <div class="hustle-modal-close"><svg width="150" height="150" viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="hustle-icon hustle-i_close"><path d="M91.667 75L150 16.667 133.333 0 75 58.333 16.667 0 0 16.667 58.333 75 0 133.333 16.667 150 75 91.667 133.333 150 150 133.333 91.667 75z" fill-rule="evenodd"/></svg></div> <# if (content.after_successful_submission === "show_success") { #> <div class="hustle-modal-success"> <div class="hustle-modal-success_icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="38" viewBox="0 0 50 38" preserveAspectRatio="none" class="hustle-icon hustle-i_checkmark"><path d="M45.114.46c-.61-.614-1.604-.614-2.21 0L19.607 23.65c-.61.618-1.607.618-2.213 0L7.186 13.254c-.302-.308-.698-.46-1.096-.462-.402-.002-.81.15-1.116.462L.464 17.31c-.3.307-.464.693-.464 1.095 0 .404.163.827.465 1.134l10.293 10.8c.608.617 1.606 1.617 2.213 2.23l4.426 4.46c.61.61 1.602.61 2.213 0L49.54 7.15c.61-.61.61-1.617 0-2.23L45.114.46z"/></svg></div> <div class="hustle-modal-success_message">{{{content.success_message}}}</div> </div> <# } #> <div class="hustle-modal-body<# if ( ( design.form_layout === 'two' || design.form_layout === 'three' ) && design.feature_image_position !== 'left' ) { #> hustle-modal-image_right<# } #><# if ( design.form_layout === 'four' && design.feature_image_position !== 'left' ) { #> hustle-modal-image_right<# } #>"> <# if ( design.form_layout === "four" ) { #> <aside> <# } #> <# if ( ( design.form_layout === "two" && _.isTrue(content.use_feature_image) && content.feature_image !== '' ) || ( design.form_layout === "four" && _.isTrue(content.use_feature_image) && content.feature_image !== '' ) ) { #> <div class="hustle-modal-image hustle-modal-image_{{design.feature_image_fit}}<# if ( _.isTrue(content.feature_image_hide_on_mobile) ) { #> hustle-modal-mobile_hidden<# } #>"> <img src="{{content.feature_image}}"<# if (design.feature_image_fit === "contain" || design.feature_image_fit === "cover") { if ( design.feature_image_horizontal !== "custom" || design.feature_image_vertical !== "custom" ) { #> class="hustle-modal-image_{{design.feature_image_horizontal}}{{design.feature_image_vertical}}"<# } } #>> </div> <# } #> <# if ( design.form_layout === "four" ) { #> <div class="hustle-modal-optin_wrap"> <form class="hustle-modal-optin_form {{ ( _.isTrue(have_mc_group) ) ? 'hustle-modal-optin_groups' : '' }} {{ ( design.form_fields_proximity === 'separated' ) ? 'hustle-modal-optin_separated' : '' }}" role="form"> <# if ( _.isTrue( have_mc_group ) ) { #> <div class="hustle-modal-optin_group"> <# } #> <# if ( typeof content.form_elements !== 'undefined' && !_.isEmpty( content.form_elements ) ) { #> <# _.each( content.form_elements, function( element, key ) { var element_type = element.type.toLowerCase(); if ( element_type === 'name' || element_type === 'address' || element_type === 'phone' ) { var input_type = 'text'; } else { var input_type = element_type; } #> <# if ( key !== 'submit' ) { #> <div class="hustle-modal-optin_field {{ ( design.form_fields_icon !== 'none' ) ? 'hustle-modal-field_with_icon' : '' }}"> <input name="{{key}}" class="{{ ( _.isTrue( element.required ) ) ? 'required' : '' }}" type="{{input_type}}" data-error="Please, provide {{element.label.toLowerCase()}}."> <label> <# if ( design.form_fields_icon !== "none" ) { #> <span class="hustle-modal-optin_icon {{ ( design.form_fields_icon === 'animated' ) ? 'hustle-modal-optin_animated' : '' }}"> <# if ( element_type === 'email' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" preserveAspectRatio="none" class="hustle-icon hustle-i_email"><path fill-rule="evenodd" d="M.206 1.112L7 7l6.793-5.887c.132.266.207.564.207.88v7.015c0 1.1-.897 1.992-2.006 1.992H2.006C.898 11 0 10.1 0 9.008V1.992c0-.316.074-.615.206-.88zM.94.305C1.247.112 1.613 0 2.005 0h9.988c.392 0 .757.112 1.066.306L7 5.5.94.305z"/></svg> <# } #> <# if ( element_type === 'name' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" preserveAspectRatio="none" class="hustle-icon hustle-i_user"><path fill-rule="evenodd" d="M1.632 6.785c.917 1.118 2.31 1.83 3.868 1.83 1.56 0 2.95-.712 3.868-1.83C10.376 7.533 11 8.787 11 10.8c0 2-2.75 2.5-5.5 2.5S0 12.8 0 10.8c0-2.013.624-3.267 1.632-4.015zM5.5 7C3.567 7 2 5.433 2 3.5S3.567 0 5.5 0 9 1.567 9 3.5 7.433 7 5.5 7z"/></svg> <# } #> <# if ( element_type === 'address' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" preserveAspectRatio="none" class="hustle-icon hustle-i_pin"><path fill-rule="evenodd" d="M5 0c2.442 0 5 1 5 4.5S6.178 12.904 5 15C3.805 12.904 0 8 0 4.5S2.54 0 5 0zm0 6.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg> <# } #> <# if ( element_type === 'phone' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" preserveAspectRatio="none" class="hustle-icon hustle-i_phone"><path fill-rule="evenodd" d="M9.947 13.855s-2.94-1.157-5.795-4.01C1.3 6.99.14 4.046.14 4.046c-.28-.605-.125-1.48.347-1.953L2.38.204c.314-.316.746-.258.964.13l1.63 2.91c.218.39.14.96-.177 1.276l-.614.613s.903 1.495 2.044 2.637c1.142 1.14 2.58 1.986 2.58 1.986l.613-.613c.316-.316.886-.394 1.274-.174l2.968 1.68c.388.22.448.652.132.968l-1.892 1.89c-.473.475-1.35.638-1.955.347z"/></svg> <# } #> <# if ( element_type === 'text' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" preserveAspectRatio="none" class="hustle-icon hustle-i_text"><path fill-rule="evenodd" d="M7 10.928v-9.25h3l1 2.25h1l-.188-3.01c-.034-.547-.5-.955-1.062-.915 0 0-1.875.175-4.75.175S1.25.003 1.25.003C.698-.04.222.37.188.917L0 3.927h1l1-2.25h3v9.25l-2 1v1l3-.25 3 .25v-1l-2-1z"/></svg> <# } #> <# if ( element_type === 'number' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" preserveAspectRatio="none" class="hustle-icon hustle-i_number"><path fill-rule="evenodd" d="M3 8V5H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h3V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v3h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H5v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2zm2 0h3V5H5v3z"/></svg> <# } #> <# if ( element_type === 'url' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" preserveAspectRatio="none" class="hustle-icon hustle-i_url"><path fill-rule="evenodd" d="M0 2.003C0 .897.895 0 1.994 0h12.012C15.106 0 16 .894 16 2.003v8.994C16 12.103 15.105 13 14.006 13H1.994C.894 13 0 12.106 0 10.997V2.003zm1 0v8.994c0 .557.445 1.003.994 1.003h12.012c.547 0 .994-.45.994-1.003V2.003C15 1.446 14.555 1 14.006 1H1.994C1.447 1 1 1.45 1 2.003zm7 5.33V9H7V4h2c.557 0 1 .447 1 1v1c0 .557-.447 1-1 1h-.2L10 9H9L8 7.333zM8 5h.495c.28 0 .505.232.505.5 0 .276-.214.5-.505.5H8V5zM4.5 8c.268 0 .5-.22.5-.49V4h1v3.5C6 8.326 5.328 9 4.5 9 3.666 9 3 8.328 3 7.5V4h1v3.51c0 .275.224.49.5.49zM12 8h1v1h-1c-.556 0-1-.448-1-1V4h1v4z"/></svg> <# } #> <# if( _.isTrue( element.required ) ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" preserveAspectRatio="none" class="hustle-icon hustle-i_warning" style="display:none"><path fill-rule="evenodd" d="M9 18c-4.97 0-9-4.03-9-9s4.03-9 9-9 9 4.03 9 9-4.03 9-9 9zm.25-3c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25S8 13.06 8 13.75 8.56 15 9.25 15zm-.018-4C8 11 7 3.5 9.232 3.5s1.232 7.5 0 7.5z"/></svg> <# } #> </span> <# } #> <span class="hustle-modal-optin_placeholder">{{element.placeholder}}</span> </label> </div> <# } #> <# }); #> <# } #> <# if ( _.isTrue( have_mc_group ) ) { #> </div> <# } #> <# if ( _.isTrue( have_mc_group ) ) { #> <div class="hustle-modal-mc_title"> <label>{{content.args.group.title}}</label> </div> <# } #> <# if ( _.isTrue( have_mc_group ) ) { #> <div class="hustle-modal-optin_group"> <# } #> <# if ( _.isTrue( have_mc_group ) ) { #> <div class="hustle-modal-mc_groups hustle-modal-provider-args-container"></div> <# } #> <# if ( typeof content.form_elements.submit !== 'undefined' && typeof content.form_elements.submit.label !== 'undefined' ) { #> <div class="hustle-modal-optin_button"> <button type="submit">{{ content.form_elements.submit.label }}</button> </div> <# } #> <# if ( _.isTrue( have_mc_group ) ) { #> </div> <# } #> </form> </div> <# } #> <# if ( design.form_layout === "four" ) { #> </aside> <# } #> <# if ( design.form_layout === "two" ) { #> <div class="hustle-modal-content"> <# } #> <# if ( ( design.form_layout === "one" && ( ( _.isTrue(content.has_title) && ( content.title !== '' || content.sub_title !== '' ) ) || content.main_content !== '' || ( _.isTrue(content.use_feature_image) && content.feature_image !== '' ) || ( _.isTrue(content.show_cta) && ( content.cta_label !== '' && content.cta_url !== '' ) ) ) ) || ( design.form_layout === "two" && ( ( _.isTrue(content.has_title) && ( content.title !== '' || content.sub_title !== '' ) ) || content.main_content !== '' || ( _.isTrue(content.show_cta) && ( content.cta_label !== '' && content.cta_url !== '' ) ) ) ) || ( design.form_layout === "three" && ( ( _.isTrue(content.has_title) && ( content.title !== '' || content.sub_title !== '' ) ) || content.main_content !== '' || ( _.isTrue(content.use_feature_image) && content.feature_image !== '' ) || ( _.isTrue(content.show_cta) && ( content.cta_label !== '' && content.cta_url !== '' ) ) ) ) || ( design.form_layout === "four" && ( ( _.isTrue(content.has_title) && ( content.title !== '' || content.sub_title !== '' ) ) || content.main_content !== '' || ( _.isTrue(content.show_cta) && ( content.cta_label !== '' && content.cta_url !== '' ) ) ) ) ) { #> <section class="<# if ( design.form_layout === 'one' && design.feature_image_position !== 'left' ) { if (design.feature_image_position === 'right') { #> hustle-modal-image_right<# } else if ( design.feature_image_position === 'above' ) { #> hustle-modal-image_above<# } else if ( design.feature_image_position === 'below' ) { #> hustle-modal-image_below<# } } #>"> <# if ( ( design.form_layout === "one" && _.isTrue(content.use_feature_image) && content.feature_image !== '' ) || ( design.form_layout === "three" && _.isTrue(content.use_feature_image) && content.feature_image !== '' ) ) { #> <div class="hustle-modal-image hustle-modal-image_{{design.feature_image_fit}}<# if ( _.isTrue(content.feature_image_hide_on_mobile) ) { #> hustle-modal-mobile_hidden<# } #>"> <img src="{{content.feature_image}}"<# if (design.feature_image_fit === "contain" || design.feature_image_fit === "cover") { if ( design.feature_image_horizontal !== "custom" || design.feature_image_vertical !== "custom" ) { #> class="hustle-modal-image_{{design.feature_image_horizontal}}{{design.feature_image_vertical}}"<# } } #>> </div> <# } #> <# if ( ( _.isTrue(content.has_title) && ( content.title !== '' || content.sub_title !== '' ) ) || content.main_content !== '' || ( _.isTrue(content.show_cta) && content.cta_label !== '' ) ) { #> <article> <div class="hustle-modal-article"> <# if ( _.isTrue(content.has_title) && ( content.title !== '' || content.sub_title !== '' ) ) { #> <hgroup> <# if ( content.title !== '' ) { #> <h1 class="hustle-modal-title">{{content.title}}</h1> <# } #> <# if ( content.sub_title !== '' ) { #> <h2 class="hustle-modal-subtitle">{{content.sub_title}}</h2> <# } #> </hgroup> <# } #> {{{content.main_content}}} <# if ( _.isTrue(content.show_cta) && ( content.cta_label !== '' && content.cta_url !== '' ) ) { #> <div class="hustle-modal-footer"> <a target="_{{content.cta_target}}" href="{{content.cta_url}}" class="hustle-modal-cta">{{content.cta_label}}</a> </div> <# } #> </div> </article> <# } #> </section> <# } #> <# if ( design.form_layout !== "four" ) { #> <# if ( design.form_layout === "three" ) { #> <div class="hustle-modal-optin_wrap"> <# } else { #> <footer> <# } #> <form class="hustle-modal-optin_form {{ ( _.isTrue(have_mc_group) ) ? 'hustle-modal-optin_groups' : '' }} {{ ( design.form_fields_proximity === 'separated' ) ? 'hustle-modal-optin_separated' : '' }}" role="form"> <# if ( _.isTrue( have_mc_group ) ) { #> <div class="hustle-modal-optin_group"> <# } #> <# if ( typeof content.form_elements !== 'undefined' && !_.isEmpty( content.form_elements ) ) { #> <# _.each( content.form_elements, function( element, key ) { var element_type = element.type.toLowerCase(); if ( element_type === 'name' || element_type === 'address' || element_type === 'phone' ) { var input_type = 'text'; } else { var input_type = element_type; } #> <# if ( key !== 'submit' ) { #> <div class="hustle-modal-optin_field {{ ( design.form_fields_icon !== 'none' ) ? 'hustle-modal-field_with_icon' : '' }}"> <input name="{{key}}" class="{{ ( _.isTrue( element.required ) ) ? 'required' : '' }}" type="{{input_type}}" data-error="Please, provide {{element.label.toLowerCase()}}."> <label> <# if ( design.form_fields_icon !== "none" ) { #> <span class="hustle-modal-optin_icon{{ ( design.form_fields_icon === 'animated' ) ? ' hustle-modal-optin_animated' : '' }}"> <# if ( element_type === 'email' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" preserveAspectRatio="none" class="hustle-icon hustle-i_email"><path fill-rule="evenodd" d="M.206 1.112L7 7l6.793-5.887c.132.266.207.564.207.88v7.015c0 1.1-.897 1.992-2.006 1.992H2.006C.898 11 0 10.1 0 9.008V1.992c0-.316.074-.615.206-.88zM.94.305C1.247.112 1.613 0 2.005 0h9.988c.392 0 .757.112 1.066.306L7 5.5.94.305z"/></svg> <# } #> <# if ( element_type === 'name' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="14" viewBox="0 0 11 14" preserveAspectRatio="none" class="hustle-icon hustle-i_user"><path fill-rule="evenodd" d="M1.632 6.785c.917 1.118 2.31 1.83 3.868 1.83 1.56 0 2.95-.712 3.868-1.83C10.376 7.533 11 8.787 11 10.8c0 2-2.75 2.5-5.5 2.5S0 12.8 0 10.8c0-2.013.624-3.267 1.632-4.015zM5.5 7C3.567 7 2 5.433 2 3.5S3.567 0 5.5 0 9 1.567 9 3.5 7.433 7 5.5 7z"/></svg> <# } #> <# if ( element_type === 'address' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="10" height="15" viewBox="0 0 10 15" preserveAspectRatio="none" class="hustle-icon hustle-i_pin"><path fill-rule="evenodd" d="M5 0c2.442 0 5 1 5 4.5S6.178 12.904 5 15C3.805 12.904 0 8 0 4.5S2.54 0 5 0zm0 6.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"/></svg> <# } #> <# if ( element_type === 'phone' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" preserveAspectRatio="none" class="hustle-icon hustle-i_phone"><path fill-rule="evenodd" d="M9.947 13.855s-2.94-1.157-5.795-4.01C1.3 6.99.14 4.046.14 4.046c-.28-.605-.125-1.48.347-1.953L2.38.204c.314-.316.746-.258.964.13l1.63 2.91c.218.39.14.96-.177 1.276l-.614.613s.903 1.495 2.044 2.637c1.142 1.14 2.58 1.986 2.58 1.986l.613-.613c.316-.316.886-.394 1.274-.174l2.968 1.68c.388.22.448.652.132.968l-1.892 1.89c-.473.475-1.35.638-1.955.347z"/></svg> <# } #> <# if ( element_type === 'text' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" preserveAspectRatio="none" class="hustle-icon hustle-i_text"><path fill-rule="evenodd" d="M7 10.928v-9.25h3l1 2.25h1l-.188-3.01c-.034-.547-.5-.955-1.062-.915 0 0-1.875.175-4.75.175S1.25.003 1.25.003C.698-.04.222.37.188.917L0 3.927h1l1-2.25h3v9.25l-2 1v1l3-.25 3 .25v-1l-2-1z"/></svg> <# } #> <# if ( element_type === 'number' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" preserveAspectRatio="none" class="hustle-icon hustle-i_number"><path fill-rule="evenodd" d="M3 8V5H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h3V1c0-.553.444-1 1-1 .552 0 1 .447 1 1v2h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v3h2c.553 0 1 .444 1 1 0 .552-.447 1-1 1h-2v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H5v2c0 .553-.444 1-1 1-.552 0-1-.447-1-1v-2H1c-.553 0-1-.444-1-1 0-.552.447-1 1-1h2zm2 0h3V5H5v3z"/></svg> <# } #> <# if ( element_type === 'url' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" preserveAspectRatio="none" class="hustle-icon hustle-i_url"><path fill-rule="evenodd" d="M0 2.003C0 .897.895 0 1.994 0h12.012C15.106 0 16 .894 16 2.003v8.994C16 12.103 15.105 13 14.006 13H1.994C.894 13 0 12.106 0 10.997V2.003zm1 0v8.994c0 .557.445 1.003.994 1.003h12.012c.547 0 .994-.45.994-1.003V2.003C15 1.446 14.555 1 14.006 1H1.994C1.447 1 1 1.45 1 2.003zm7 5.33V9H7V4h2c.557 0 1 .447 1 1v1c0 .557-.447 1-1 1h-.2L10 9H9L8 7.333zM8 5h.495c.28 0 .505.232.505.5 0 .276-.214.5-.505.5H8V5zM4.5 8c.268 0 .5-.22.5-.49V4h1v3.5C6 8.326 5.328 9 4.5 9 3.666 9 3 8.328 3 7.5V4h1v3.51c0 .275.224.49.5.49zM12 8h1v1h-1c-.556 0-1-.448-1-1V4h1v4z"/></svg> <# } #> <# if( _.isTrue( element.required ) ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" preserveAspectRatio="none" class="hustle-icon hustle-i_warning" style="display:none"><path fill-rule="evenodd" d="M9 18c-4.97 0-9-4.03-9-9s4.03-9 9-9 9 4.03 9 9-4.03 9-9 9zm.25-3c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25S8 13.06 8 13.75 8.56 15 9.25 15zm-.018-4C8 11 7 3.5 9.232 3.5s1.232 7.5 0 7.5z"/></svg> <# } #> </span> <# } #> <span class="hustle-modal-optin_placeholder">{{element.placeholder}}</span> </label> </div> <# } #> <# }); #> <# } #> <# if ( _.isTrue( have_mc_group ) ) { #> </div> <# } #> <# if ( _.isTrue( have_mc_group ) ) { #> <div class="hustle-modal-mc_title"> <label>{{content.args.group.title}}</label> </div> <# } #> <# if ( _.isTrue( have_mc_group ) ) { #> <div class="hustle-modal-optin_group"> <# } #> <# if ( _.isTrue( have_mc_group ) ) { #> <div class="hustle-modal-mc_groups hustle-modal-provider-args-container"></div> <# } #> <# if ( typeof content.form_elements.submit !== 'undefined' && typeof content.form_elements.submit.label !== 'undefined' ) { #> <div class="hustle-modal-optin_button"> <button type="submit">{{ content.form_elements.submit.label }}</button> </div> <# } #> <# if ( _.isTrue( have_mc_group ) ) { #> </div> <# } #> </form> <# if ( design.form_layout === "three" ) { #> </div> <# } else { #> </footer> <# } #> <# } #> <# if ( design.form_layout === "two" ) { #> </div> <# } #> </div> </div> </script> <script id="wpmudev-hustle-modal-without-optin-tpl" type="text/template"> <div class="hustle-modal hustle-modal-{{design.style}}<# if ( _.isTrue(content.use_feature_image) && _.isFalse(content.has_title) && content.main_content === '' && _.isFalse(content.show_cta) ) { #> hustle-modal-image_only<# } #> {{ ( (settings.animation_in !== '' && settings.animation_in !== 'no_animation') || (settings.animation_out !== '' && settings.animation_out !== 'no_animation') ) ? 'hustle-animated' : 'hustle-modal-static' }}"> <# if ( design.style !== "cabriolet" ) { #> <div class="hustle-modal-close" aria-hidden="true"><svg width="150" height="150" viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="hustle-icon hustle-i_close"><path d="M91.667 75L150 16.667 133.333 0 75 58.333 16.667 0 0 16.667 58.333 75 0 133.333 16.667 150 75 91.667 133.333 150 150 133.333 91.667 75z" fill-rule="evenodd"/></svg></div> <# } #> <div class="hustle-modal-body<# if ( design.style === 'simple' && design.feature_image_position === 'right' ) { #> hustle-modal-image_{{design.feature_image_position}}<# } #>"> <# if ( design.style === "simple" && ( _.isTrue(content.use_feature_image) && content.feature_image !== '' ) ) { #> <div class="hustle-modal-image hustle-modal-image_{{design.feature_image_fit}}<# if ( _.isTrue(content.feature_image_hide_on_mobile) ) { #> hustle-modal-mobile_hidden<# } #>"> <img src="{{content.feature_image}}"<# if (design.feature_image_fit === "contain" || design.feature_image_fit === "cover") { if ( design.feature_image_horizontal !== "custom" || design.feature_image_vertical !== "custom" ) { #> class="hustle-modal-image_{{design.feature_image_horizontal}}{{design.feature_image_vertical}}"<# } } #>> </div> <# } #> <# if ( design.style === "simple" && ( ( _.isTrue(content.has_title) && ( content.title !== '' || content.sub_title !== '' ) ) || content.main_content !== '' || ( _.isTrue(content.show_cta) && ( content.cta_label !== '' && content.cta_url !== '' ) ) ) ) { #> <div class="hustle-modal-content"> <# } #> <# if ( ( design.style === "simple" && _.isTrue(content.has_title) && ( content.title !== '' || content.sub_title !== '' ) ) || ( design.style === "minimal" && _.isTrue(content.has_title) && ( content.title !== '' || content.sub_title !== '' ) ) || ( design.style === "cabriolet" && ( _.isTrue(content.has_title) || _.isFalse(content.has_title) ) ) ) { #> <header> <# if ( _.isTrue(content.has_title) ) { #> <# if ( content.title !== '' ) { #> <h1 class="hustle-modal-title">{{content.title}}</h1> <# } #> <# if ( content.sub_title !== '' ) { #> <h2 class="hustle-modal-subtitle">{{content.sub_title}}</h2> <# } #> <# } #> <# if ( design.style === "cabriolet" ) { #> <div class="hustle-modal-close"><svg width="150" height="150" viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" class="hustle-icon hustle-i_close"><path d="M91.667 75L150 16.667 133.333 0 75 58.333 16.667 0 0 16.667 58.333 75 0 133.333 16.667 150 75 91.667 133.333 150 150 133.333 91.667 75z" fill-rule="evenodd"/></svg></div> <# } #> </header> <# } #> <# if ( ( design.style === "simple" && ( content.main_content !== '' || ( _.isTrue(content.show_cta) && ( content.cta_label !== '' && content.cta_url !== '' ) ) ) ) || ( design.style === "minimal" && ( content.main_content !== '' || _.isTrue(content.use_feature_image) ) ) || ( design.style === "cabriolet" && ( content.main_content !== '' || _.isTrue(content.use_feature_image) || ( _.isTrue(content.show_cta) && ( content.cta_label !== '' && content.cta_url !== '' ) ) ) ) ) { #> <section<# if ( design.style !== "simple" && design.feature_image_position === 'right' ) { #> class="hustle-modal-image_{{design.feature_image_position}}"<# } #>> <# if ( design.style !== "simple" && ( _.isTrue(content.use_feature_image) && content.feature_image !== '' ) ) { #> <div class="hustle-modal-image hustle-modal-image_{{design.feature_image_fit}}<# if ( _.isTrue(content.feature_image_hide_on_mobile) ) { #> hustle-modal-mobile_hidden<# } #>"> <img src="{{content.feature_image}}"<# if (design.feature_image_fit === "contain" || design.feature_image_fit === "cover") { if ( design.feature_image_horizontal !== "custom" || design.feature_image_vertical !== "custom" ) { #> class="hustle-modal-image_{{design.feature_image_horizontal}}{{design.feature_image_vertical}}"<# } } #>> </div> <# } #> <# if ( content.main_content !== '' || ( design.style !== "minimal" && ( content.main_content !== '' || _.isTrue(content.show_cta) ) ) ) { #> <div class="hustle-modal-message"> {{{content.main_content}}} <# if ( design.style !== "minimal" && ( _.isTrue(content.show_cta) && ( content.cta_label !== '' && content.cta_url !== '' ) ) ) { #> <div class="hustle-modal-footer"> <a target="_{{content.cta_target}}" href="{{content.cta_url}}" class="hustle-modal-cta">{{content.cta_label}}</a> </div> <# } #> </div> <# } #> </section> <# } #> <# if ( design.style === "simple" && ( ( _.isTrue(content.has_title) && ( content.title !== '' || content.sub_title !== '' ) ) || content.main_content !== '' || ( _.isTrue(content.show_cta) && ( content.cta_label !== '' && content.cta_url !== '' ) ) ) ) { #> </div> <# } #> <# if ( design.style === "minimal" && ( _.isTrue(content.show_cta) && ( content.cta_label !== '' && content.cta_url !== '' ) ) ) { #> <footer> <a target="_{{content.cta_target}}" href="{{content.cta_url}}" class="hustle-modal-cta">{{content.cta_label}}</a> </footer> <# } #> </div> </div> </script> <script id="hustle-sshare-front-tpl" type="text/template"> <div id="hustle-sshare-module-display" class="hustle-sshare-{{service_type}} hustle-sshare-{{module_display_type}} hustle-sshare-module-id-{{module_id}}" > <# if ( module_display_type === 'floating_social' ) { #> <div class="hustle-shares-floating {{ ( _.isTrue(floating_social_animate_icons) ) ? 'hustle-shares-animated' : '' }}"> <# if ( !_.isEmpty(social_icons) ) { _.each( social_icons, function( icon, key ){ #> <a data-social="{{key}}" href="{{ ( service_type === 'custom' ) ? icon.link : '#' }}" {{ ( service_type === 'custom' ) ? 'target="_blank"' : '' }} class="hustle-social-icon hustle-social-icon-{{service_type}} hustle-icon-{{icon_style}} {{ ( _.isFalse(customize_colors) ) ? 'hustle-icon-' + key : '' }} {{ ( icon_style === 'flat' && ( service_type === 'native' && _.isTrue(click_counter) ) ) ? 'has-counter' : '' }} {{ ( service_type === 'native' && _.isTrue(click_counter) && _.isTrue(floating_inline_count) ) ? 'hustle-social-inline' : '' }}" aria-label="Share on <# if ( key === 'facebook' ) { #>Facebook<# } #><# if ( key === 'twitter' ) { #>Twitter<# } #><# if ( key === 'google' ) { #>Google Plus<# } #><# if ( key === 'pinterest' ) { #>Pinterest<# } #><# if ( key === 'reddit' ) { #>Reddit<# } #><# if ( key === 'linkedin' ) { #>Linkedin<# } #><# if ( key === 'vkontakte' ) { #>Vkontakte<# } #><# if ( key === 'fivehundredpx' ) { #>500px<# } #><# if ( key === 'houzz' ) { #>Houzz<# } #><# if ( key === 'instagram' ) { #>Instagram<# } #><# if ( key === 'twitch' ) { #>Twitch<# } #><# if ( key === 'youtube' ) { #>YouTube<# } #><# if ( key === 'telegram' ) { #>Telegram<# } #>"> <div class="hustle-icon-container" aria-hidden="true"> <# if ( key === 'facebook' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_facebook"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M53.937 140V66.316H39.2V44.21h14.737V29.475C53.937 9.962 61.173 0 83.41 0h18.422v22.105H90.78c-8.696 0-11.054 4.82-11.054 11.053V44.21h22.106l-3.685 22.106h-18.42V140h-25.79z"/></g></svg> <# } #> <# if ( key === 'twitter' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_twitter"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M140 27.243c-5.147 2.265-10.682 3.78-16.504 4.456 5.937-3.493 10.5-9.044 12.625-15.633-5.558 3.23-11.686 5.61-18.24 6.844-5.215-5.484-12.676-8.91-20.937-8.91C81.065 14 68.21 26.642 68.21 42.298c0 2.19.238 4.34.732 6.416C45.066 47.536 23.9 36.26 9.726 19.147c-2.446 4.2-3.88 9.06-3.88 14.24 0 9.81 5.066 18.48 12.792 23.53-4.728-.14-9.142-1.41-13.013-3.517-.04.107-.04.24-.04.37 0 13.705 9.93 25.11 23.076 27.714-2.413.642-4.94.996-7.56.996-1.87 0-2.907-.61-4.628-.947 3.648 11.242 12.14 18.704 24.707 18.95-9.793 7.578-19.462 12.355-32.944 12.355-2.314 0-6.004.255-8.236 0 12.7 8.02 27.788 13.185 44.037 13.185 52.816 0 81.715-43.09 81.715-80.463 0-1.236-.008-2.447-.074-3.65 5.6-4.002 10.468-8.992 14.322-14.667z"/></g></svg> <# } #> <# if ( key === 'google' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_google"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M.118 65.574C.5 42.667 21.56 22.606 44.468 23.37c10.975-.51 21.293 4.267 29.7 10.975-3.588 4.077-7.304 8.004-11.273 11.677-10.106-6.984-24.478-8.98-34.584-.913-14.455 9.998-15.114 33.606-1.208 44.368 13.523 12.272 39.083 6.18 42.82-12.61-8.47-.127-16.963 0-25.433-.276-.023-5.053-.044-10.105-.023-15.157 14.16-.042 28.32-.065 42.502.042.848 11.89-.723 24.542-8.026 34.37-11.06 15.562-33.266 20.105-50.59 13.44-17.387-6.625-29.7-24.99-28.236-43.713zm114.47-16.9h12.632c.02 4.226.042 8.472.085 12.696 4.225.044 8.47.044 12.695.086v12.632c-4.224.042-8.45.063-12.695.106-.043 4.245-.064 8.47-.085 12.695h-12.653c-.042-4.226-.042-8.45-.085-12.675l-12.695-.127V61.456c4.225-.042 8.45-.063 12.695-.086.022-4.245.064-8.47.106-12.695z"/></g></svg> <# } #> <# if ( key === 'pinterest' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_pinterest"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M72.333 0c-38.352 0-57.71 27.347-57.71 50.314 0 13.736 5.21 25.986 16.37 30.59 1.96.833 3.525 0 4.225-1.975.264-1.354 1.112-5.002 1.408-6.418.536-2.03.287-2.753-1.136-4.58-3.088-3.742-5.343-8.65-5.343-15.712 0-20.378 15.22-38.5 39.752-38.5 21.442 0 33.412 13.19 33.412 30.823C103.312 67.73 93 87.32 77.778 87.32c-8.455 0-14.638-6.983-12.67-15.516 2.528-10.157 7.186-21.202 7.186-28.544 0-6.557-3.523-12.14-10.842-12.14-8.633 0-15.516 8.92-15.516 20.804 0 7.693 2.527 12.857 2.527 12.857s-8.866 37.187-10.422 43.806c-3.094 12.98-.427 28.84-.28 30.52.28.933 1.393 1.19 1.97.505.83-1.072 10.997-13.773 14.652-26.303.856-3.67 5.64-22.113 5.64-22.113 2.83 5.29 11.005 9.987 19.46 9.987 25.938.01 43.407-22.89 43.407-54.513C122.89 22.867 102.915 0 72.332 0z"/></g></svg> <# } #> <# if ( key === 'reddit' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_reddit"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M63.705 45.273l15.353-31.32.996-2.033 2.185.446 23.464 4.787c1.633-4.562 5.925-7.82 10.963-7.82 6.443 0 11.666 5.328 11.666 11.9 0 6.573-5.223 11.9-11.666 11.9-5.843 0-10.682-4.38-11.534-10.096l-22.008-4.78L70.27 45.035c13.96.045 26.763 3.592 36.772 9.473 2.942-5.636 8.76-9.474 15.458-9.474 9.665 0 17.5 7.992 17.5 17.85 0 8.057-5.233 14.867-12.42 17.087.496 2.185.753 4.428.753 6.713 0 23.003-26.116 41.65-58.333 41.65s-58.333-18.647-58.333-41.65c0-2.285.257-4.528.754-6.713C5.234 77.75 0 70.94 0 62.883c0-9.858 7.835-17.85 17.5-17.85 6.697 0 12.516 3.838 15.458 9.474 8.55-5.024 19.14-8.345 30.747-9.234zM50.688 110.27c4.91 2.005 11.294 3.188 19.312 3.188s14.4-1.183 19.312-3.187c3.106-1.267 5.08-2.608 6.084-3.633l-4.125-4.207c-.452.462-1.76 1.352-4.124 2.316-4.203 1.715-9.85 2.762-17.146 2.762-7.295 0-12.943-1.047-17.146-2.762-2.363-.964-3.672-1.854-4.125-2.316l-4.126 4.207c1.005 1.025 2.978 2.366 6.084 3.634zm-1.105-23.587c4.833 0 8.75-3.996 8.75-8.925 0-4.93-3.917-8.925-8.75-8.925-4.832 0-8.75 3.996-8.75 8.925 0 4.93 3.918 8.925 8.75 8.925zm40.834 0c4.832 0 8.75-3.996 8.75-8.925 0-4.93-3.918-8.925-8.75-8.925-4.833 0-8.75 3.996-8.75 8.925 0 4.93 3.917 8.925 8.75 8.925z"/></g></svg> <# } #> <# if ( key === 'linkedin' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_linkedin"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M29.368 140H.878V47.412h28.49V140zm0-125.406c0 8.106-5.667 14.597-14.77 14.597h-.17C5.668 29.19 0 22.7 0 14.595 0 6.31 5.837 0 14.77 0c8.93 0 14.428 6.31 14.598 14.594zM75.846 140H47.21s.413-84.283 0-93.146h28.633l-.206 12.383c4.11-6.446 11.512-15.916 28.376-15.916C124.58 43.32 140 56.823 140 85.837V140h-28.68V87.248c0-12.696-7.095-19.145-18.407-19.145-8.635 0-13.778 5.842-16.038 11.486-.826 2.012-1.03 4.835-1.03 7.658V140z"/></g></svg> <# } #> <# if ( key === 'vkontakte' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_vkontakte"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" fill-rule="nonzero" d="M139.258 105.862c-.17-.378-.328-.69-.475-.942-2.43-4.52-7.07-10.067-13.922-16.644l-.217-.225c-3.256-3.137-5.225-5.196-6.05-6.25-1.51-2.01-1.847-4.042-1.022-6.102.584-1.556 2.772-4.842 6.56-9.864 1.995-2.66 3.573-4.794 4.74-6.4 8.406-11.55 12.05-18.928 10.933-22.14l-.434-.752c-.293-.452-1.046-.866-2.26-1.243-1.216-.378-2.77-.44-4.666-.19l-20.992.15c-.34-.124-.826-.112-1.46.04l-.947.225-.365.19-.29.226c-.243.15-.51.414-.802.79-.29.376-.533.816-.727 1.318-2.285 6.075-4.883 11.723-7.8 16.944-1.798 3.114-3.45 5.812-4.957 8.096-1.506 2.284-2.77 3.967-3.79 5.045-1.02 1.08-1.943 1.945-2.77 2.598-.827.655-1.458.93-1.894.83-.44-.1-.852-.2-1.242-.302-.68-.452-1.227-1.067-1.64-1.845-.413-.778-.692-1.757-.838-2.937-.145-1.18-.23-2.196-.255-3.05-.023-.853-.012-2.06.037-3.615.05-1.556.073-2.61.073-3.162 0-1.908.036-3.98.11-6.213.072-2.234.132-4.005.18-5.31.05-1.304.074-2.685.074-4.14 0-1.457-.087-2.6-.256-3.428-.168-.828-.425-1.63-.764-2.41-.34-.778-.84-1.38-1.494-1.807-.656-.427-1.47-.766-2.442-1.017-2.576-.603-5.856-.928-9.84-.98-9.04-.1-14.847.504-17.422 1.81-1.02.55-1.944 1.304-2.77 2.258-.875 1.106-.997 1.71-.365 1.808 2.916.45 4.98 1.53 6.195 3.237l.438.905c.34.653.68 1.808 1.02 3.464.34 1.657.56 3.49.657 5.496.242 3.666.242 6.804 0 9.414-.244 2.612-.473 4.644-.693 6.1-.22 1.456-.547 2.636-.984 3.54-.438.903-.73 1.456-.875 1.656-.146.2-.267.327-.364.377-.63.25-1.287.377-1.967.377-.68 0-1.507-.352-2.48-1.055-.97-.704-1.978-1.67-3.023-2.9-1.045-1.23-2.224-2.95-3.536-5.16-1.312-2.208-2.672-4.82-4.082-7.83l-1.166-2.185c-.73-1.406-1.724-3.452-2.988-6.138s-2.382-5.285-3.353-7.795c-.388-1.054-.972-1.857-1.75-2.41l-.364-.226c-.242-.2-.63-.413-1.165-.64-.535-.227-1.093-.39-1.677-.49l-19.972.15c-2.04 0-3.426.478-4.155 1.432l-.29.452c-.146.25-.22.653-.22 1.205 0 .553.146 1.23.438 2.033 2.915 7.08 6.086 13.907 9.512 20.484 3.425 6.577 6.402 11.875 8.928 15.89 2.527 4.016 5.103 7.807 7.727 11.37 2.624 3.566 4.36 5.85 5.21 6.854.852 1.005 1.52 1.757 2.007 2.26l1.822 1.806c1.166 1.205 2.88 2.65 5.14 4.33 2.26 1.683 4.76 3.34 7.507 4.972 2.747 1.63 5.942 2.96 9.587 3.99 3.644 1.03 7.19 1.443 10.642 1.244H76.9c1.7-.152 2.988-.704 3.863-1.657l.29-.377c.195-.3.378-.765.546-1.392.172-.626.257-1.317.257-2.07-.05-2.158.11-4.103.472-5.835.363-1.73.777-3.037 1.24-3.916.463-.88.985-1.62 1.566-2.22.583-.604.998-.968 1.242-1.094.242-.126.435-.212.58-.263 1.167-.402 2.54-.013 4.12 1.168 1.58 1.18 3.062 2.637 4.447 4.37 1.385 1.732 3.05 3.676 4.993 5.834 1.945 2.16 3.645 3.765 5.102 4.82l1.458.904c.973.603 2.236 1.156 3.792 1.658 1.552.5 2.912.627 4.08.376l18.66-.3c1.846 0 3.282-.316 4.3-.943 1.02-.628 1.628-1.32 1.823-2.072.195-.753.206-1.607.037-2.562-.173-.952-.343-1.618-.512-1.994z"/></g></svg> <# } #> <# if ( key === 'fivehundredpx' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_fivehundredpx"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M136.3,62.8c-4-6-9.8-8.9-17.1-9.3c-9-0.5-15.9,3.5-21.8,9.4c-1.6,1.6-3.1,3.3-4.7,5c-2.2-2.2-4.3-4.5-6.5-6.5 c-5.4-5-11.7-8.2-19.5-7.9c-8.8,0.3-15.3,4-19.2,11.6c-0.2,0.4-0.4,0.8-0.7,1.5c-3.1-5.6-7.5-9.3-13.9-10.3 c-6.1-1-11.9-0.2-17.1,4.5c0.6-3.6,1.2-6.7,1.8-9.8c0-0.1,0.1-0.2,0.1-0.3c0.8-4,0.8-4,5.2-4h22.7V36.2H8.7 C7.4,43.2,6,50.3,4.7,57.4C4,61,3.3,64.7,2.6,68.3c-0.1,0.6-0.2,1.3-0.3,2.1c3.9,0,7.7,0,11.4,0c0.3,0,0.7-0.4,1-0.6 c4.5-4.6,10.6-5.6,15.4-2.7c4.8,2.9,6.6,9.3,4.2,15c-3,7.3-12.7,9.4-18,3.8c-1.5-1.6-2.2-3.8-3.5-6H0c0.4,2,0.6,4.1,1.3,6 c2.6,7.3,8.4,11,16,12.7c1.1,0.3,2.2,0.5,3.4,0.7h7.8c1.8-0.5,3.7-0.9,5.4-1.6c5.8-2.2,10.1-6,12.9-11.5c0.2,0.3,0.5,0.6,0.6,0.8 c5.8,11.7,20.5,14.4,30.9,9.6c4.3-2,7.8-4.9,11-8.2c1-1.1,2.1-2.1,3-2.9c1.9,1.6,3.7,3.1,5.5,4.7c5.6,5,11.9,8.6,19.9,8.6 c11.5,0,20.2-7.1,22-17.9C140.6,74.5,140,68.3,136.3,62.8z M70.8,85.8c-3.9,1-7.7,0.7-10.6-2.3c-3-3-3.5-6.8-2.3-10.7 c1.9-6,7.4-8.5,13.5-6.2c5.3,2,9.2,5.8,13.2,9.8C80.8,80.6,76.6,84.3,70.8,85.8z M124.3,84.2c-3.3,2.8-7.3,2.6-11.2,1.4 c-4.3-1.3-9.4-5.1-12.6-9.2c3.3-3.3,6.4-6.7,10.6-8.8c3.9-2,8-2.6,11.9-0.1C128.8,70.8,129.4,80,124.3,84.2z"/></g></svg> <# } #> <# if ( key === 'houzz' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_houzz"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><polygon class="hustle-icon-path" points="70,0 70,46.6 28,70 28,23.4 "/><polygon class="hustle-icon-path" points="70,93.3 28,116.6 28,70 "/><polygon class="hustle-icon-path" points="112,70 112,116.6 70,140 70,93.3 "/><polygon class="hustle-icon-path" points="112,23.4 112,70 70,46.6 "/></g></svg> <# } #> <# if ( key === 'instagram' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_instagram"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M139.9,49.1c-0.1-6.1-0.4-12.2-1.6-18.1c-2.7-14-11.1-23.6-24.7-28.2c-6.3-2.1-12.8-2.6-19.4-2.6C79.2,0,64.1,0,49.1,0 C43,0,36.8,0.2,30.9,1.5c-14,3.1-23.6,11.2-28.2,25c-2.1,6.2-2.6,12.7-2.6,19.1C0,60.7,0,75.8,0.1,90.9C0.1,97,0.2,103,1.5,109 c3.1,14,11.1,23.6,24.9,28.2c6.2,2.2,12.7,2.6,19.3,2.6c8.1,0.2,16.2,0.1,24.3,0.1v0.1c6.6,0,13.3,0.1,19.9-0.1 c6.4-0.1,12.9-0.1,19.2-1.5c13.9-3.1,23.5-11.3,28.2-25c2.1-6.2,2.5-12.7,2.6-19.2C140,79.2,140.1,64.1,139.9,49.1z M126.8,96.7 c-0.2,3.7-0.5,7.5-1.5,11c-2.5,10.6-9.6,16.5-20.1,18.3c-4.7,0.8-9.4,0.9-14.2,1c-12.2,0.2-24.4,0.2-36.6,0.2 c-5.9-0.1-11.9-0.3-17.7-0.9c-13.1-1.2-21.9-10-23.2-23c-0.5-5.4-0.7-10.8-0.8-16.3c-0.2-11.4-0.2-22.8,0-34.1 c0.2-6.5,0.3-12.9,1.5-19.2c2.2-11.8,10.5-19.1,22.6-20c8.4-0.6,16.8-0.8,25.2-0.9c8.5-0.1,16.9-0.1,25.3,0.1 c6.5,0.2,13,0,19.4,1.4c10.6,2.3,17.7,9.7,19.3,20.5c0.6,4.5,0.9,9.2,1,13.8c0.2,7.2,0,14.4,0,21.5h0.4 C127.2,78.9,127.1,87.8,126.8,96.7z"/><path class="hustle-icon-path" d="M115.8,32.7c0,4.7-3.8,8.5-8.5,8.5s-8.6-3.9-8.6-8.6c0-4.7,3.8-8.5,8.6-8.4C112.2,24.2,115.9,27.9,115.8,32.7z"/><path class="hustle-icon-path" d="M70.2,34C50.1,33.9,34,49.8,34,69.7C33.9,89.9,49.8,106,69.8,106C89.9,106,106,90,106,70.1S90,34,70.2,34z M70.1,93.2 C57.4,93.3,46.7,82.7,46.7,70S57.3,46.7,70,46.7c12.7,0,23.3,10.7,23.3,23.3C93.2,82.7,82.7,93.2,70.1,93.2z"/></g></svg> <# } #> <# if ( key === 'twitch' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_twitch"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" /><path class="hustle-icon-path" d="M15.9,0c-0.6,0-0.8,0.2-1.1,0.7C11.4,9,7.9,17.2,4.4,25.5c-0.1,0.2-0.2,0.4-0.3,0.6v95.4h32.1c0.2,0,0.6,0,0.8,0.1V140 h17.7c0.4,0,0.7-0.2,1-0.4c5.8-5.8,11.6-11.7,17.5-17.6c0.3-0.3,0.7-0.4,1.1-0.4h24.2c0.6,0,0.9-0.2,1.3-0.5 c11.9-12,23.7-23.9,35.6-35.8c0.2-0.2,0.3-0.2,0.5-0.4V0H15.9z M121.3,76.8c0,0.4-0.2,0.7-0.5,1.1c-5.8,5.8-11.6,11.8-17.5,17.6 c-0.2,0.3-0.6,0.4-1.1,0.4H70.7c-0.5,0-0.8,0.2-1.2,0.5c-5.8,5.8-11.5,11.6-17.3,17.5c-0.2,0.1-0.3,0.2-0.6,0.5V95.9 c-0.3-0.1-0.6-0.1-0.8-0.1H30.5c-0.8,0-0.8,0-0.8-0.7V14.7h91.7V76.8z"/><rect class="hustle-icon-path" x="81" y="36.9" width="18.1" height="36.7"/><rect class="hustle-icon-path" x="51.8" y="36.9" width="18.1" height="36.7"/></g></svg> <# } #> <# if ( key === 'youtube' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_youtube"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M50.6,45.4v47.3c16.4-7.8,31.8-15.5,48-23.3C83.1,61.1,66.9,53.2,50.6,45.4 M56.9,23.8h25.5 c0.9,0,1.5,0,2.4,0c5.5,0,11.6,0,17,0.9c2.4,0,5.5,0,7.8,0c3.9,0,7,0.9,10.9,0.9c1.5,0,3.9,0.9,5.5,0.9c6.1,3.1,10,7,11.6,13.1 c0.9,3.9,1.5,7.8,1.5,11.6c0.9,4.6,0.9,9.4,0.9,13.1v15.5c0,0,0,0,0,0.9c0,6.1-0.9,12.4-1.5,17.9c-0.9,2.4-0.9,4.6-2.4,6.1 c-3.1,5.5-7.8,9.4-14.8,10c-3.1,0.9-7,0.9-10,0.9c-4.6,0-9.4,0.9-13.1,0.9c-4.6,0-10,0-14.8,0c0,0,0,0-0.9,0H57.6c0,0,0,0-0.9,0 c-4.6,0-9.4,0-14.8,0c-3.9,0-7.8,0-11.6-0.9c-3.9,0-7-0.9-10.9-0.9c-1.5,0-3.9,0-5.5-0.9c-6.1-1.5-10-5.5-11.6-11.6 C1.5,99,0.9,96,0,92.7c0.9-3.1,0-7,0-10.9c0-8.5,0-17,0-25.5c0-5.5,0.9-10.9,2.4-16.4c1.5-7,7-12.4,14.8-14 c2.4-0.9,4.6-0.9,7.8-0.9c3.9,0,7.8-0.9,12.4-0.9C43.6,23.8,50.6,23.8,56.9,23.8"/></g></svg> <# } #> <# if ( key === 'telegram' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_telegram"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/> <path class="hustle-icon-path" style="fill-opacity: 0.5;" d="M112.8,37.2c-2.5,2.3-55.4,49.5-56.3,50.2c-0.9,0.7-0.9,1.8,0,2.5c0.3,0.2,8.4,6.1,18,13 c-4.8,4.8-12.6,12.2-15.9,15.3c-4.4,4-8.7,3.5-9.6,0.7c-1.6-5-12-38.6-12-38.6s1.2-0.7,3.3-2.1c11.8-7.3,52.1-32.3,65-40.5 c1.6-1,2.8-1.7,3.5-2.1c0.2-0.2,0.4-0.3,0.5-0.3c1.3-0.9,2.4-1.4,3.2-1.6c0.2-0.2,0.3-0.2,0.4-0.2c0.3-0.1,0.6-0.1,0.8-0.1h0.1 c0.1,0,0.2,0,0.4,0c0.3,0,0.5,0.1,0.6,0.2C115.3,34.1,115.3,35,112.8,37.2z"/> <path class="hustle-icon-path" d="M139.4,23.5c-1.2,5.9-19.4,91.3-21.1,97.8c-1.6,6.5-7.6,8.1-13.3,3.8c-3.3-2.5-18.2-13.3-30.6-22.3 c-9.6-6.9-17.6-12.8-18-13c-0.9-0.7-0.9-1.8,0-2.5s53.9-47.9,56.3-50.2c2.6-2.2,2.6-3.1,1.9-3.5c-0.1-0.1-0.4-0.2-0.6-0.2 c-0.1,0-0.2,0-0.4,0h-0.1c-0.3,0-0.5,0-0.8,0.1c-0.2,0-0.2,0-0.4,0.2c-0.8,0.2-1.9,0.7-3.2,1.6c-0.1,0.1-0.3,0.2-0.5,0.3 c-0.7,0.4-1.8,1.1-3.5,2.1c-12.9,8.2-53.2,33.1-65,40.5c-2.1,1.3-3.3,2.1-3.3,2.1s-23-7.7-32.7-10.7c-8.8-2.6-1.3-7.7,2.6-9.2 c3.9-1.6,118.7-45.2,122.8-46.7C139.9,9.8,141,16.1,139.4,23.5z"/> </g></svg> <# } #> </div> <# if ( service_type === 'native' && _.isTrue(click_counter) ) { #> <div class="hustle-shares-counter"><span>{{ icon.counter }}</span></div> <# } #> </a> <# } ); } #> </div> <# } else { #> <div class="hustle-shares-widget {{ ( _.isTrue(widget_animate_icons) ) ? 'hustle-shares-animated' : '' }}"> <div class="hustle-shares-wrap"> <# if ( !_.isEmpty(social_icons) ) { _.each( social_icons, function( icon, key ){ #> <a data-social="{{key}}" href="{{ ( service_type === 'custom' ) ? icon.link : '#' }}" {{ ( service_type === 'custom' ) ? 'target="_blank"' : '' }} class="hustle-social-icon hustle-social-icon-{{service_type}} hustle-icon-{{icon_style}} {{ ( _.isFalse(customize_widget_colors) ) ? 'hustle-icon-' + key : '' }} {{ ( icon_style === 'flat' && ( service_type === 'native' && _.isTrue(click_counter) ) ) ? 'has-counter' : '' }} {{ ( service_type === 'native' && _.isTrue(click_counter) && _.isTrue(widget_inline_count) ) ? 'hustle-social-inline' : '' }}" aria-label="Share on <# if ( key === 'facebook' ) { #>Facebook<# } #><# if ( key === 'twitter' ) { #>Twitter<# } #><# if ( key === 'google' ) { #>Google Plus<# } #><# if ( key === 'pinterest' ) { #>Pinterest<# } #><# if ( key === 'reddit' ) { #>Reddit<# } #><# if ( key === 'linkedin' ) { #>Linkedin<# } #><# if ( key === 'vkontakte' ) { #>Vkontakte<# } #><# if ( key === 'fivehundredpx' ) { #>500px<# } #><# if ( key === 'houzz' ) { #>Houzz<# } #><# if ( key === 'instagram' ) { #>Instagram<# } #><# if ( key === 'twitch' ) { #>Twitch<# } #><# if ( key === 'youtube' ) { #>YouTube<# } #><# if ( key === 'telegram' ) { #>Telegram<# } #>"> <div class="hustle-icon-container" aria-hidden="true"> <# if ( key === 'facebook' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_facebook"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M53.937 140V66.316H39.2V44.21h14.737V29.475C53.937 9.962 61.173 0 83.41 0h18.422v22.105H90.78c-8.696 0-11.054 4.82-11.054 11.053V44.21h22.106l-3.685 22.106h-18.42V140h-25.79z"/></g></svg> <# } #> <# if ( key === 'twitter' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_twitter"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M140 27.243c-5.147 2.265-10.682 3.78-16.504 4.456 5.937-3.493 10.5-9.044 12.625-15.633-5.558 3.23-11.686 5.61-18.24 6.844-5.215-5.484-12.676-8.91-20.937-8.91C81.065 14 68.21 26.642 68.21 42.298c0 2.19.238 4.34.732 6.416C45.066 47.536 23.9 36.26 9.726 19.147c-2.446 4.2-3.88 9.06-3.88 14.24 0 9.81 5.066 18.48 12.792 23.53-4.728-.14-9.142-1.41-13.013-3.517-.04.107-.04.24-.04.37 0 13.705 9.93 25.11 23.076 27.714-2.413.642-4.94.996-7.56.996-1.87 0-2.907-.61-4.628-.947 3.648 11.242 12.14 18.704 24.707 18.95-9.793 7.578-19.462 12.355-32.944 12.355-2.314 0-6.004.255-8.236 0 12.7 8.02 27.788 13.185 44.037 13.185 52.816 0 81.715-43.09 81.715-80.463 0-1.236-.008-2.447-.074-3.65 5.6-4.002 10.468-8.992 14.322-14.667z"/></g></svg> <# } #> <# if ( key === 'google' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_google"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M.118 65.574C.5 42.667 21.56 22.606 44.468 23.37c10.975-.51 21.293 4.267 29.7 10.975-3.588 4.077-7.304 8.004-11.273 11.677-10.106-6.984-24.478-8.98-34.584-.913-14.455 9.998-15.114 33.606-1.208 44.368 13.523 12.272 39.083 6.18 42.82-12.61-8.47-.127-16.963 0-25.433-.276-.023-5.053-.044-10.105-.023-15.157 14.16-.042 28.32-.065 42.502.042.848 11.89-.723 24.542-8.026 34.37-11.06 15.562-33.266 20.105-50.59 13.44-17.387-6.625-29.7-24.99-28.236-43.713zm114.47-16.9h12.632c.02 4.226.042 8.472.085 12.696 4.225.044 8.47.044 12.695.086v12.632c-4.224.042-8.45.063-12.695.106-.043 4.245-.064 8.47-.085 12.695h-12.653c-.042-4.226-.042-8.45-.085-12.675l-12.695-.127V61.456c4.225-.042 8.45-.063 12.695-.086.022-4.245.064-8.47.106-12.695z"/></g></svg> <# } #> <# if ( key === 'pinterest' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_pinterest"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M72.333 0c-38.352 0-57.71 27.347-57.71 50.314 0 13.736 5.21 25.986 16.37 30.59 1.96.833 3.525 0 4.225-1.975.264-1.354 1.112-5.002 1.408-6.418.536-2.03.287-2.753-1.136-4.58-3.088-3.742-5.343-8.65-5.343-15.712 0-20.378 15.22-38.5 39.752-38.5 21.442 0 33.412 13.19 33.412 30.823C103.312 67.73 93 87.32 77.778 87.32c-8.455 0-14.638-6.983-12.67-15.516 2.528-10.157 7.186-21.202 7.186-28.544 0-6.557-3.523-12.14-10.842-12.14-8.633 0-15.516 8.92-15.516 20.804 0 7.693 2.527 12.857 2.527 12.857s-8.866 37.187-10.422 43.806c-3.094 12.98-.427 28.84-.28 30.52.28.933 1.393 1.19 1.97.505.83-1.072 10.997-13.773 14.652-26.303.856-3.67 5.64-22.113 5.64-22.113 2.83 5.29 11.005 9.987 19.46 9.987 25.938.01 43.407-22.89 43.407-54.513C122.89 22.867 102.915 0 72.332 0z"/></g></svg> <# } #> <# if ( key === 'reddit' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_reddit"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M63.705 45.273l15.353-31.32.996-2.033 2.185.446 23.464 4.787c1.633-4.562 5.925-7.82 10.963-7.82 6.443 0 11.666 5.328 11.666 11.9 0 6.573-5.223 11.9-11.666 11.9-5.843 0-10.682-4.38-11.534-10.096l-22.008-4.78L70.27 45.035c13.96.045 26.763 3.592 36.772 9.473 2.942-5.636 8.76-9.474 15.458-9.474 9.665 0 17.5 7.992 17.5 17.85 0 8.057-5.233 14.867-12.42 17.087.496 2.185.753 4.428.753 6.713 0 23.003-26.116 41.65-58.333 41.65s-58.333-18.647-58.333-41.65c0-2.285.257-4.528.754-6.713C5.234 77.75 0 70.94 0 62.883c0-9.858 7.835-17.85 17.5-17.85 6.697 0 12.516 3.838 15.458 9.474 8.55-5.024 19.14-8.345 30.747-9.234zM50.688 110.27c4.91 2.005 11.294 3.188 19.312 3.188s14.4-1.183 19.312-3.187c3.106-1.267 5.08-2.608 6.084-3.633l-4.125-4.207c-.452.462-1.76 1.352-4.124 2.316-4.203 1.715-9.85 2.762-17.146 2.762-7.295 0-12.943-1.047-17.146-2.762-2.363-.964-3.672-1.854-4.125-2.316l-4.126 4.207c1.005 1.025 2.978 2.366 6.084 3.634zm-1.105-23.587c4.833 0 8.75-3.996 8.75-8.925 0-4.93-3.917-8.925-8.75-8.925-4.832 0-8.75 3.996-8.75 8.925 0 4.93 3.918 8.925 8.75 8.925zm40.834 0c4.832 0 8.75-3.996 8.75-8.925 0-4.93-3.918-8.925-8.75-8.925-4.833 0-8.75 3.996-8.75 8.925 0 4.93 3.917 8.925 8.75 8.925z"/></g></svg> <# } #> <# if ( key === 'linkedin' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_linkedin"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M29.368 140H.878V47.412h28.49V140zm0-125.406c0 8.106-5.667 14.597-14.77 14.597h-.17C5.668 29.19 0 22.7 0 14.595 0 6.31 5.837 0 14.77 0c8.93 0 14.428 6.31 14.598 14.594zM75.846 140H47.21s.413-84.283 0-93.146h28.633l-.206 12.383c4.11-6.446 11.512-15.916 28.376-15.916C124.58 43.32 140 56.823 140 85.837V140h-28.68V87.248c0-12.696-7.095-19.145-18.407-19.145-8.635 0-13.778 5.842-16.038 11.486-.826 2.012-1.03 4.835-1.03 7.658V140z"/></g></svg> <# } #> <# if ( key === 'vkontakte' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_vkontakte"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" fill-rule="nonzero" d="M139.258 105.862c-.17-.378-.328-.69-.475-.942-2.43-4.52-7.07-10.067-13.922-16.644l-.217-.225c-3.256-3.137-5.225-5.196-6.05-6.25-1.51-2.01-1.847-4.042-1.022-6.102.584-1.556 2.772-4.842 6.56-9.864 1.995-2.66 3.573-4.794 4.74-6.4 8.406-11.55 12.05-18.928 10.933-22.14l-.434-.752c-.293-.452-1.046-.866-2.26-1.243-1.216-.378-2.77-.44-4.666-.19l-20.992.15c-.34-.124-.826-.112-1.46.04l-.947.225-.365.19-.29.226c-.243.15-.51.414-.802.79-.29.376-.533.816-.727 1.318-2.285 6.075-4.883 11.723-7.8 16.944-1.798 3.114-3.45 5.812-4.957 8.096-1.506 2.284-2.77 3.967-3.79 5.045-1.02 1.08-1.943 1.945-2.77 2.598-.827.655-1.458.93-1.894.83-.44-.1-.852-.2-1.242-.302-.68-.452-1.227-1.067-1.64-1.845-.413-.778-.692-1.757-.838-2.937-.145-1.18-.23-2.196-.255-3.05-.023-.853-.012-2.06.037-3.615.05-1.556.073-2.61.073-3.162 0-1.908.036-3.98.11-6.213.072-2.234.132-4.005.18-5.31.05-1.304.074-2.685.074-4.14 0-1.457-.087-2.6-.256-3.428-.168-.828-.425-1.63-.764-2.41-.34-.778-.84-1.38-1.494-1.807-.656-.427-1.47-.766-2.442-1.017-2.576-.603-5.856-.928-9.84-.98-9.04-.1-14.847.504-17.422 1.81-1.02.55-1.944 1.304-2.77 2.258-.875 1.106-.997 1.71-.365 1.808 2.916.45 4.98 1.53 6.195 3.237l.438.905c.34.653.68 1.808 1.02 3.464.34 1.657.56 3.49.657 5.496.242 3.666.242 6.804 0 9.414-.244 2.612-.473 4.644-.693 6.1-.22 1.456-.547 2.636-.984 3.54-.438.903-.73 1.456-.875 1.656-.146.2-.267.327-.364.377-.63.25-1.287.377-1.967.377-.68 0-1.507-.352-2.48-1.055-.97-.704-1.978-1.67-3.023-2.9-1.045-1.23-2.224-2.95-3.536-5.16-1.312-2.208-2.672-4.82-4.082-7.83l-1.166-2.185c-.73-1.406-1.724-3.452-2.988-6.138s-2.382-5.285-3.353-7.795c-.388-1.054-.972-1.857-1.75-2.41l-.364-.226c-.242-.2-.63-.413-1.165-.64-.535-.227-1.093-.39-1.677-.49l-19.972.15c-2.04 0-3.426.478-4.155 1.432l-.29.452c-.146.25-.22.653-.22 1.205 0 .553.146 1.23.438 2.033 2.915 7.08 6.086 13.907 9.512 20.484 3.425 6.577 6.402 11.875 8.928 15.89 2.527 4.016 5.103 7.807 7.727 11.37 2.624 3.566 4.36 5.85 5.21 6.854.852 1.005 1.52 1.757 2.007 2.26l1.822 1.806c1.166 1.205 2.88 2.65 5.14 4.33 2.26 1.683 4.76 3.34 7.507 4.972 2.747 1.63 5.942 2.96 9.587 3.99 3.644 1.03 7.19 1.443 10.642 1.244H76.9c1.7-.152 2.988-.704 3.863-1.657l.29-.377c.195-.3.378-.765.546-1.392.172-.626.257-1.317.257-2.07-.05-2.158.11-4.103.472-5.835.363-1.73.777-3.037 1.24-3.916.463-.88.985-1.62 1.566-2.22.583-.604.998-.968 1.242-1.094.242-.126.435-.212.58-.263 1.167-.402 2.54-.013 4.12 1.168 1.58 1.18 3.062 2.637 4.447 4.37 1.385 1.732 3.05 3.676 4.993 5.834 1.945 2.16 3.645 3.765 5.102 4.82l1.458.904c.973.603 2.236 1.156 3.792 1.658 1.552.5 2.912.627 4.08.376l18.66-.3c1.846 0 3.282-.316 4.3-.943 1.02-.628 1.628-1.32 1.823-2.072.195-.753.206-1.607.037-2.562-.173-.952-.343-1.618-.512-1.994z"/></g></svg> <# } #> <# if ( key === 'fivehundredpx' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_fivehundredpx"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M136.3,62.8c-4-6-9.8-8.9-17.1-9.3c-9-0.5-15.9,3.5-21.8,9.4c-1.6,1.6-3.1,3.3-4.7,5c-2.2-2.2-4.3-4.5-6.5-6.5 c-5.4-5-11.7-8.2-19.5-7.9c-8.8,0.3-15.3,4-19.2,11.6c-0.2,0.4-0.4,0.8-0.7,1.5c-3.1-5.6-7.5-9.3-13.9-10.3 c-6.1-1-11.9-0.2-17.1,4.5c0.6-3.6,1.2-6.7,1.8-9.8c0-0.1,0.1-0.2,0.1-0.3c0.8-4,0.8-4,5.2-4h22.7V36.2H8.7 C7.4,43.2,6,50.3,4.7,57.4C4,61,3.3,64.7,2.6,68.3c-0.1,0.6-0.2,1.3-0.3,2.1c3.9,0,7.7,0,11.4,0c0.3,0,0.7-0.4,1-0.6 c4.5-4.6,10.6-5.6,15.4-2.7c4.8,2.9,6.6,9.3,4.2,15c-3,7.3-12.7,9.4-18,3.8c-1.5-1.6-2.2-3.8-3.5-6H0c0.4,2,0.6,4.1,1.3,6 c2.6,7.3,8.4,11,16,12.7c1.1,0.3,2.2,0.5,3.4,0.7h7.8c1.8-0.5,3.7-0.9,5.4-1.6c5.8-2.2,10.1-6,12.9-11.5c0.2,0.3,0.5,0.6,0.6,0.8 c5.8,11.7,20.5,14.4,30.9,9.6c4.3-2,7.8-4.9,11-8.2c1-1.1,2.1-2.1,3-2.9c1.9,1.6,3.7,3.1,5.5,4.7c5.6,5,11.9,8.6,19.9,8.6 c11.5,0,20.2-7.1,22-17.9C140.6,74.5,140,68.3,136.3,62.8z M70.8,85.8c-3.9,1-7.7,0.7-10.6-2.3c-3-3-3.5-6.8-2.3-10.7 c1.9-6,7.4-8.5,13.5-6.2c5.3,2,9.2,5.8,13.2,9.8C80.8,80.6,76.6,84.3,70.8,85.8z M124.3,84.2c-3.3,2.8-7.3,2.6-11.2,1.4 c-4.3-1.3-9.4-5.1-12.6-9.2c3.3-3.3,6.4-6.7,10.6-8.8c3.9-2,8-2.6,11.9-0.1C128.8,70.8,129.4,80,124.3,84.2z"/></g></svg> <# } #> <# if ( key === 'houzz' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_houzz"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><polygon class="hustle-icon-path" points="70,0 70,46.6 28,70 28,23.4 "/><polygon class="hustle-icon-path" points="70,93.3 28,116.6 28,70 "/><polygon class="hustle-icon-path" points="112,70 112,116.6 70,140 70,93.3 "/><polygon class="hustle-icon-path" points="112,23.4 112,70 70,46.6 "/></g></svg> <# } #> <# if ( key === 'instagram' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_instagram"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M139.9,49.1c-0.1-6.1-0.4-12.2-1.6-18.1c-2.7-14-11.1-23.6-24.7-28.2c-6.3-2.1-12.8-2.6-19.4-2.6C79.2,0,64.1,0,49.1,0 C43,0,36.8,0.2,30.9,1.5c-14,3.1-23.6,11.2-28.2,25c-2.1,6.2-2.6,12.7-2.6,19.1C0,60.7,0,75.8,0.1,90.9C0.1,97,0.2,103,1.5,109 c3.1,14,11.1,23.6,24.9,28.2c6.2,2.2,12.7,2.6,19.3,2.6c8.1,0.2,16.2,0.1,24.3,0.1v0.1c6.6,0,13.3,0.1,19.9-0.1 c6.4-0.1,12.9-0.1,19.2-1.5c13.9-3.1,23.5-11.3,28.2-25c2.1-6.2,2.5-12.7,2.6-19.2C140,79.2,140.1,64.1,139.9,49.1z M126.8,96.7 c-0.2,3.7-0.5,7.5-1.5,11c-2.5,10.6-9.6,16.5-20.1,18.3c-4.7,0.8-9.4,0.9-14.2,1c-12.2,0.2-24.4,0.2-36.6,0.2 c-5.9-0.1-11.9-0.3-17.7-0.9c-13.1-1.2-21.9-10-23.2-23c-0.5-5.4-0.7-10.8-0.8-16.3c-0.2-11.4-0.2-22.8,0-34.1 c0.2-6.5,0.3-12.9,1.5-19.2c2.2-11.8,10.5-19.1,22.6-20c8.4-0.6,16.8-0.8,25.2-0.9c8.5-0.1,16.9-0.1,25.3,0.1 c6.5,0.2,13,0,19.4,1.4c10.6,2.3,17.7,9.7,19.3,20.5c0.6,4.5,0.9,9.2,1,13.8c0.2,7.2,0,14.4,0,21.5h0.4 C127.2,78.9,127.1,87.8,126.8,96.7z"/><path class="hustle-icon-path" d="M115.8,32.7c0,4.7-3.8,8.5-8.5,8.5s-8.6-3.9-8.6-8.6c0-4.7,3.8-8.5,8.6-8.4C112.2,24.2,115.9,27.9,115.8,32.7z"/><path class="hustle-icon-path" d="M70.2,34C50.1,33.9,34,49.8,34,69.7C33.9,89.9,49.8,106,69.8,106C89.9,106,106,90,106,70.1S90,34,70.2,34z M70.1,93.2 C57.4,93.3,46.7,82.7,46.7,70S57.3,46.7,70,46.7c12.7,0,23.3,10.7,23.3,23.3C93.2,82.7,82.7,93.2,70.1,93.2z"/></g></svg> <# } #> <# if ( key === 'twitch' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_twitch"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" /><path class="hustle-icon-path" d="M15.9,0c-0.6,0-0.8,0.2-1.1,0.7C11.4,9,7.9,17.2,4.4,25.5c-0.1,0.2-0.2,0.4-0.3,0.6v95.4h32.1c0.2,0,0.6,0,0.8,0.1V140 h17.7c0.4,0,0.7-0.2,1-0.4c5.8-5.8,11.6-11.7,17.5-17.6c0.3-0.3,0.7-0.4,1.1-0.4h24.2c0.6,0,0.9-0.2,1.3-0.5 c11.9-12,23.7-23.9,35.6-35.8c0.2-0.2,0.3-0.2,0.5-0.4V0H15.9z M121.3,76.8c0,0.4-0.2,0.7-0.5,1.1c-5.8,5.8-11.6,11.8-17.5,17.6 c-0.2,0.3-0.6,0.4-1.1,0.4H70.7c-0.5,0-0.8,0.2-1.2,0.5c-5.8,5.8-11.5,11.6-17.3,17.5c-0.2,0.1-0.3,0.2-0.6,0.5V95.9 c-0.3-0.1-0.6-0.1-0.8-0.1H30.5c-0.8,0-0.8,0-0.8-0.7V14.7h91.7V76.8z"/><rect class="hustle-icon-path" x="81" y="36.9" width="18.1" height="36.7"/><rect class="hustle-icon-path" x="51.8" y="36.9" width="18.1" height="36.7"/></g></svg> <# } #> <# if ( key === 'youtube' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_youtube"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/><path class="hustle-icon-path" d="M50.6,45.4v47.3c16.4-7.8,31.8-15.5,48-23.3C83.1,61.1,66.9,53.2,50.6,45.4 M56.9,23.8h25.5 c0.9,0,1.5,0,2.4,0c5.5,0,11.6,0,17,0.9c2.4,0,5.5,0,7.8,0c3.9,0,7,0.9,10.9,0.9c1.5,0,3.9,0.9,5.5,0.9c6.1,3.1,10,7,11.6,13.1 c0.9,3.9,1.5,7.8,1.5,11.6c0.9,4.6,0.9,9.4,0.9,13.1v15.5c0,0,0,0,0,0.9c0,6.1-0.9,12.4-1.5,17.9c-0.9,2.4-0.9,4.6-2.4,6.1 c-3.1,5.5-7.8,9.4-14.8,10c-3.1,0.9-7,0.9-10,0.9c-4.6,0-9.4,0.9-13.1,0.9c-4.6,0-10,0-14.8,0c0,0,0,0-0.9,0H57.6c0,0,0,0-0.9,0 c-4.6,0-9.4,0-14.8,0c-3.9,0-7.8,0-11.6-0.9c-3.9,0-7-0.9-10.9-0.9c-1.5,0-3.9,0-5.5-0.9c-6.1-1.5-10-5.5-11.6-11.6 C1.5,99,0.9,96,0,92.7c0.9-3.1,0-7,0-10.9c0-8.5,0-17,0-25.5c0-5.5,0.9-10.9,2.4-16.4c1.5-7,7-12.4,14.8-14 c2.4-0.9,4.6-0.9,7.8-0.9c3.9,0,7.8-0.9,12.4-0.9C43.6,23.8,50.6,23.8,56.9,23.8"/></g></svg> <# } #> <# if ( key === 'telegram' ) { #> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="140" viewBox="0 0 140 140" preserveAspectRatio="none" class="hustle-icon hustle-i_telegram"><g fill="none" fill-rule="evenodd"><path fill="none" d="M0 0h140v140H0z"/> <path class="hustle-icon-path" style="fill-opacity: 0.5;" d="M112.8,37.2c-2.5,2.3-55.4,49.5-56.3,50.2c-0.9,0.7-0.9,1.8,0,2.5c0.3,0.2,8.4,6.1,18,13 c-4.8,4.8-12.6,12.2-15.9,15.3c-4.4,4-8.7,3.5-9.6,0.7c-1.6-5-12-38.6-12-38.6s1.2-0.7,3.3-2.1c11.8-7.3,52.1-32.3,65-40.5 c1.6-1,2.8-1.7,3.5-2.1c0.2-0.2,0.4-0.3,0.5-0.3c1.3-0.9,2.4-1.4,3.2-1.6c0.2-0.2,0.3-0.2,0.4-0.2c0.3-0.1,0.6-0.1,0.8-0.1h0.1 c0.1,0,0.2,0,0.4,0c0.3,0,0.5,0.1,0.6,0.2C115.3,34.1,115.3,35,112.8,37.2z"/> <path class="hustle-icon-path" d="M139.4,23.5c-1.2,5.9-19.4,91.3-21.1,97.8c-1.6,6.5-7.6,8.1-13.3,3.8c-3.3-2.5-18.2-13.3-30.6-22.3 c-9.6-6.9-17.6-12.8-18-13c-0.9-0.7-0.9-1.8,0-2.5s53.9-47.9,56.3-50.2c2.6-2.2,2.6-3.1,1.9-3.5c-0.1-0.1-0.4-0.2-0.6-0.2 c-0.1,0-0.2,0-0.4,0h-0.1c-0.3,0-0.5,0-0.8,0.1c-0.2,0-0.2,0-0.4,0.2c-0.8,0.2-1.9,0.7-3.2,1.6c-0.1,0.1-0.3,0.2-0.5,0.3 c-0.7,0.4-1.8,1.1-3.5,2.1c-12.9,8.2-53.2,33.1-65,40.5c-2.1,1.3-3.3,2.1-3.3,2.1s-23-7.7-32.7-10.7c-8.8-2.6-1.3-7.7,2.6-9.2 c3.9-1.6,118.7-45.2,122.8-46.7C139.9,9.8,141,16.1,139.4,23.5z"/> </g></svg> <# } #> </div> <# if ( service_type === 'native' && _.isTrue(click_counter) ) { #> <div class="hustle-shares-counter"><span>{{ icon.counter }}</span></div> <# } #> </a> <# } ); } #> </div> </div> <# } #> </div> </script><script id="optin-mailchimp-args-tpl" type="text/template"> <# if( typeof group !== 'undefined') { #> <# if( typeof group.id !== 'undefined' ) { #> <input type="hidden" name="mailchimp_group_id" class="mailchimp_group_id" value="{{group.id}}"> <# } #> <# if ( group.type !== "hidden" ) { #> <# if ( group.type === 'dropdown' ) { #> <div class="hustle-modal-mc_groups"> <select name="mailchimp_group_interest" class="hustle-select"> <# _.each( interests, function( interest, key ) { #> <# if ( typeof interest.value !== 'undefined' ) { #> <option id="wph-checkbox-id-{{interest.value}}" value="{{interest.value}}" {{ (typeof selected !== 'undefined') ? _.selected( ( selected.indexOf(interest.value) !== -1 ), true ) : '' }}>{{interest.label}}</option> <# } else {#> <option id="wph-checkbox-id-blank" value hidden > </option> <# } #> <# }); #> </select> </div> <# jQuery(document).ready(function($) { $('.hustle-select').wpmuiSelect({ allowClear: false, minimumResultsForSearch: Infinity, containerCssClass: "hustle-select2", dropdownCssClass: "hustle-select-dropdown" }); $( ".hustle-option--select" ).wpmuiSelect({ allowClear: false, minimumResultsForSearch: Infinity, containerCssClass: "hustle-option--select2", dropdownCssClass: "hustle-option--select2-dropdown" }); }); #> <# } #> <# if( group.type === 'checkboxes' ) { #> <div class="hustle-modal-mc_groups"> <# _.each( interests, function( interest, key ) { #> <div class="hustle-modal-mc_option"> <div class="hustle-modal-mc_checkbox"> <input name="mailchimp_group_interest[]" type="checkbox" id="wph-checkbox-id-{{interest.value}}" value="{{interest.value}}" {{ (typeof selected !== 'undefined') ? _.checked( ( selected.indexOf(interest.value) !== -1 ), true ) : '' }} > <label for="wph-checkbox-id-{{interest.value}}" class="wpdui-fi wpdui-fi-check"></label> </div> <div class="hustle-modal-mc_label"> <label for="wph-checkbox-id-{{interest.value}}">{{interest.label}}</label> </div> </div> <# }); #> </div> <# } #> <# if( group.type === 'radio' ) { #> <div class="hustle-modal-mc_groups"> <# _.each( interests, function( interest, key ) { #> <div class="hustle-modal-mc_option"> <div class="hustle-modal-mc_radio"> <input name="mailchimp_group_interest" type="radio" id="wph-checkbox-id-{{interest.value}}" value="{{interest.value}}" {{ (typeof selected !== 'undefined') ? _.checked( ( selected.indexOf(interest.value) !== -1 ), true ) : '' }}> <label for="wph-checkbox-id-{{interest.value}}" class="wpdui-fi wpdui-fi-check"></label> </div> <div class="hustle-modal-mc_label"> <label for="wph-checkbox-id-{{interest.value}}">{{interest.label}}</label> </div> </div> <# }); #> </div> <# } #> <# } else { _.each( interests, function( interest, key ) { if( (typeof selected !== 'undefined') && ( selected.indexOf(interest.value) !== -1 ) ) { #> <input name="mailchimp_group_interest" type="hidden" id="wph-hidden-id-{{interest.value}}" value="{{interest.value}}" /> <# } }); } #> <# } #> </script> <link rel='stylesheet' id='hstl-roboto-css' href='https://fonts.googleapis.com/css?family=Roboto+Condensed%3A300%2C300i%2C400%2C400i%2C700%2C700i%7CRoboto%3A300%2C300i%2C400%2C400i%2C500%2C500i%2C700%2C700i&ver=4.9.9' type='text/css' media='all' /> <link rel='stylesheet' id='hstl-opensans-css' href='https://fonts.googleapis.com/css?family=Open+Sans%3A400%2C400i%2C700%2C700i&ver=4.9.9' type='text/css' media='all' /> <link rel='stylesheet' id='dashicons-css' href='http://www.oystermag.com/wp-includes/css/dashicons.min.css?ver=4.9.9' type='text/css' media='all' /> <link rel='stylesheet' id='hustle_front-css' href='http://www.oystermag.com/wp-content/plugins/wordpress-popup/assets/css/front.min.css?ver=3.0.2' type='text/css' media='all' /> <script type='text/javascript' src='http://www.oystermag.com/wp-content/themes/oyster-mag/js/custom.js?ver=4.9.9'></script> <script type='text/javascript' src='http://www.oystermag.com/wp-content/themes/oyster-mag/js/jquery-scrolltofixed-min.js?ver=4.9.9'></script> <script type='text/javascript' src='http://www.oystermag.com/wp-content/themes/oyster-mag/js/jquery-scrolltofixed.js?ver=4.9.9'></script> <script type='text/javascript' src='http://www.oystermag.com/wp-content/themes/oyster-mag/inc/owlcarousel/owl.carousel.js?ver=4.9.9'></script> <script type='text/javascript' src='http://www.oystermag.com/wp-includes/js/wp-embed.min.js?ver=4.9.9'></script> <script type='text/javascript' src='http://www.oystermag.com/wp-content/themes/oyster-mag/js/oyster.app.bundle.js?ver=1524761987'></script> </body> </html>

Error message