SHARE
TWEET

Untitled

a guest Apr 24th, 2019 66 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script src="https://use.typekit.net/qzk1nkl.js"></script>
  2.     <script>try {
  3.         Typekit.load({async: true}
  4.  
  5.     );
  6.     }
  7.      catch (e) {
  8.     }
  9.     </script>
  10.     <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
  11.     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
  12.  
  13.     <style type="text/css">@import url("http://hello.myfonts.net/count/31e145");@import url("http://hello.myfonts.net/count/31e2d9");@import url("http://hello.myfonts.net/count/31f64d");@font-face{font-family:'DidoteTextPro-Regular';src:url("{url}text-outline:    ;re_image/site/webfonts/31E145_0_0.eot");src:url("{url}store_image/site/webfonts/31E145_0_0.eot?#iefix") format("embedded-opentype"),url("{url}store_image/site/webfonts/31E145_0_0.woff2") format("woff2"),url("{url}store_image/site/webfonts/31E145_0_0.woff") format("woff"),url("{url}store_image/site/webfonts/31E145_0_0.ttf") format("truetype");}
  14.  
  15. @font-face{font-family:'DidoteTextPro-Bold';src:url("{url}store_image/site/webfonts/31E2D9_1_0.eot");src:url("{url}store_image/site/webfonts/31E2D9_1_0.eot?#iefix") format("embedded-opentype"),url("{url}store_image/site/webfonts/31E2D9_1_0.woff2") format("woff2"),url("{url}store_image/site/webfonts/31E2D9_1_0.woff") format("woff"),url("{url}store_image/site/webfonts/31E2D9_1_0.ttf") format("truetype");}
  16.  
  17. @font-face{font-family:'DidoteTextPro-Italic';src:url("{url}store_image/site/webfonts/31F64D_0_0.eot");src:url("{url}store_image/site/webfonts/31F64D_0_0.eot?#iefix") format("embedded-opentype"),url("{url}store_image/site/webfonts/31F64D_0_0.woff2") format("woff2"),url("{url}store_image/site/webfonts/31F64D_0_0.woff") format("woff"),url("{url}store_image/site/webfonts/31F64D_0_0.ttf") format("truetype");}
  18.  
  19. </style>
  20.  
  21.     <style media="screen">#brHeader{display:block;position:relative;width:100%;8}
  22.         number{display:none;}
  23.        
  24. #brHeader .brPreheading{display:block;position:relative;width:100%;text-align:center;font:24px/1.5em 'Lato',sans-serif;color:#000;border-top:0px solid #000;text-transform:uppercase;margin:24px 0 24px;font-weight:900;letter-spacing:4px;}
  25.  
  26. #brHeader .brPreheading>span{top:-10px;padding:2px 5px 0 5px;background:#fff;position:relative;display:inline-block;}
  27.  
  28. #brHeader .brHashtag{color:#000;font-family:'Lato',Arial,"sans-serif";display:inline-block;position:relative;float:left;left:0;top:-30px;overflow:hidden;}
  29.  
  30. #brHeader .brSocial{color:#000;font-family:'Lato',Arial,"sans-serif";display:inline-block;position:relative;float:right;right:0;top:-30px;overflow:hidden;text-align:right;}
  31.  
  32. #brHeader .brSocial>a>span{color:#000000;}
  33.  
  34. #brHeader .brHeading{display:block;height:auto;position:relative;text-align:center;clear:both;top:0px;margin-top:0px;color:#000000;line-height:1em;}
  35.  
  36. #brHeader .brHeading img{width:40%;}
  37.  
  38. #brHeader .brPostheading{display:block;position:relative;font-size:30px;border-top:1px solid #e4eff5;line-height:1.0em;text-align:center;font-family:'Lato',sans-serif;color:#000000;font-weight:500;padding-top:.5em;padding-bottom:.5em;letter-spacing:.04em;}
  39.  
  40. #brHeader .brMessage{display:block;margin:2em 4em;position:relative;font-size:20px;line-height:1.5em;text-align:justify;font-family:'Lato',sans-serif;color:#555555;font-weight:300;letter-spacing:.08em;text-transform:none;}
  41.  
  42. #brHeader .brMessage a{color:#555555;font-weight:800;text-decoration:underline;}
  43.  
  44. .brDate{display:block;font-family:"Lato","Arial",sans-serif;text-transform:normal;position:relative;border-top:1.5px solid #000000;font-size:24px;line-height:0em;padding:0 5px;text-align:center;color:#000000;letter-spacing:.1em;margin:0px 0px 30px;font-weight:400;text-transform:uppercase;}
  45.  
  46. .brDate>span{background-color:#fff;padding:0 30px;}
  47.  
  48. .brDate>span sup{display:inline-block;position:relative;font-size:14px;line-height:0em;vertical-align:top;top:0;}
  49.  
  50. .brName{display:block;font-family:"Lato","Arial",sans-serif;text-transform:normal;position:relative;font-size:24px;line-height:1em;padding:0 5px 1em;text-align:center;color:#000000;letter-spacing:.1em;margin:0px 0px 30px;font-weight:400;text-transform:uppercase;}
  51.  
  52. #brEvents{display:block;position:relative;width:100%;}
  53.  
  54. #brEvents .brEvent{display:block;position:relative;width:100%;height:760px;margin-top:80px;}
  55.  
  56. #brEvents .brEvent.brTopEvent{margin-top:65px;}
  57.  
  58. #brEvents .brEvent:nth-child(1){margin-top:50px;}
  59.  
  60. #brEvents .brEvent .brContent{display:block;position:relative;width:100%;height:700px;}
  61.  
  62. #brEvents .brEvent .brContent .brBorder{display:block;position:absolute;left:0;top:0;height:700px;width:100%;border:0px solid #000;z-index:1;}
  63.  
  64. #brEvents .brEvent .brContent .brLeft{display:inline-block;position:relative;width:50%;height:100%;background-position-x:52%;background-size:auto 100%;background-repeat:no-repeat;margin-left:0px;z-index:2;}
  65.  
  66.  
  67.         /*      IMAGES      */     
  68.  
  69.         #brEvents .brEvent#Event-Apr1 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr12019.jpg');}
  70.         #brEvents .brEvent#Event-Apr4 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr42019-2.jpg');}
  71.         #brEvents .brEvent#Event-Apr11-14 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr112019.jpg');}
  72.         #brEvents .brEvent#Event-Apr19 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr192019-1.jpg');}
  73.         #brEvents .brEvent#Event-Apr21 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr212019-2.jpg');}  
  74.         #brEvents .brEvent#Event-Apr22 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr222019-1.jpg');}  
  75.         #brEvents .brEvent#Event-Apr24 div.brContent span.brLeft{background-image:url('{url}content/Event-Apr242019-1.jpg');}  
  76.         #brEvents .brEvent#Event-Apr26 div.brContent span.brLeft{background-image:url('{url}content/Event-Feb22019.jpg');} 
  77.  
  78.    
  79.    
  80.  
  81.  
  82. #brEvents .brEvent .brContent .brRight{display:inline-block;position:relative;overflow:hidden;width:49%;height:100%;margin:0;vertical-align:top;}
  83.  
  84. #brEvents .brEvent .brContent .brRight .brTop{display:block;position:relative;width:100%;}
  85.  
  86. #brEvents .brEvent .brContent .brRight .brTop .brTitle{display:block;position:relative;font-family:"DidoteTextPro-Regular","Times",serif;font-size:2.8em;;line-height:1.3em;text-align:center;color:#000000;margin-top:30px;padding:40px .4em;background-color:#fff;z-index:1;font-weight:500;letter-spacing:.05em;/*text-transform: uppercase;*/}
  87.  
  88. #brEvents .brEvent .brContent .brRight .brTop img{display:block;width:150px;align-content:center;position:relative;margin:0 auto;}
  89.  
  90. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate{display:block;position:relative;width:90%;text-align:center;font-family:'Lato',sans-serif;font-size:22px;text-transform:uppercase;font-weight:900;letter-spacing:2px;border-top:1px solid #000;color:#000;margin:15px auto 0;}
  91.  
  92. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate>span{display:inline-block;position:relative;top:-18px;padding:2px 20px 0 25px;background-color:#fff;}
  93.  
  94. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate>span sup{display:inline-block;position:relative;font-size:14px;line-height:17px;vertical-align:top;top:0;}
  95.  
  96. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop img{}
  97.  
  98. #brEvents .brEvent .brContent .brRight .brTop img.brCenterTop{position:absolute;top:-30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
  99.  
  100. #brEvents .brEvent .brContent .brRight .brBottom{display:block;position:absolute;width:100%;/*bottom:30px;*/z-index:2;}
  101.        
  102. #brEvents .brEvent .brContent .brRight .brBottom1{display:block;position:absolute;width:100%;bottom:0px;z-index:2;}    
  103.  
  104. #brEvents .brEvent .brContent .brRight .brBottom .brMessage{display:block;position:relative;margin-bottom:24px;padding:0 11%;text-align:center;color:#000;letter-spacing:.08em;font-family:"Lato","Arial",sans-serif;font-size:18px;line-height:2em;}
  105.        
  106. #brEvents .brEvent .brContent .brRight .brBottom1 .brMessage{display:block;position:relative;margin-bottom:24px;padding:0 7%;text-align:center;color:#000;letter-spacing:.08em;font-family:"Lato","Arial",sans-serif;font-size:18px;line-height:2em;}      
  107.  
  108. #brEvents .brEvent .brContent .brRight .brBottom .brMessage a{color:#000000;font-weight:800;text-decoration:underline;}
  109.  
  110. #brEvents .brEvent .brContent .brRight .brBottom .brCTA{display:block;position:relative;margin-bottom:45px;text-align:center;text-decoration:underline;font-family:'Lato',sans-serif;font-size:18px;font-weight:900;color:#000;line-height:1;letter-spacing:0.15em;z-index:2;text-transform: uppercase;padding: 0 1em;}
  111.        
  112. #brEvents .brEvent .brContent .brRight .brBottom1 .brCTA{display:block;position:relative;margin-bottom:45px;text-align:center;text-decoration:underline;font-family:'Lato',sans-serif;font-size:18px;font-weight:900;color:#000;line-height:1;letter-spacing:0.15em;z-index:2;text-transform: uppercase;padding: 0 1em;}       
  113.  
  114. #brEvents .brEvent .brContent .brRight .brBottom .brCTA::after{content:"";display:inline-block;width:0;height:0;line-height:1;vertical-align:middle;transform:translate(50%,-25%);border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #000000;}
  115.        
  116. #brEvents .brEvent .brContent .brRight .brBottom1 .brCTA::after{content:"";display:inline-block;width:0;height:0;line-height:1;vertical-align:middle;transform:translate(50%,-25%);border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #000000;}      
  117.  
  118. .brTopEvent .brLink{display:block;position:relative;float:right;right:28px;top:-10px;text-decoration:underline;font-size:14px;}
  119.  
  120. .brTopEvent .brLink strong{color:#000;}
  121.  
  122. .brTopEvent .brFooter{display:block;position:relative;clear:both;margin-top:45px;padding:0 15%;color:#000;font-size:22px;font-weight:300;text-align:center;letter-spacing:.05em;}
  123.  
  124. .brTopEvent .brFooter a{color:#000;text-decoration:underline;}
  125.  
  126. #brMissed{display:block;position:relative;margin:70px 0;}
  127.  
  128. #brMissed .missed-events{}
  129.  
  130. #brMissed .missed-events .missed-event{display:inline-block;position:relative;width:25%;margin:0 4.0%;padding:0;}
  131.  
  132. #brMissed .missed-events .missed-event a{text-decoration:none;}
  133.  
  134. #brMissed .missed-events .missed-event .brContainer{display:block;position:relative;width:100%;overflow:hidden;border:1px solid #919191;}
  135.  
  136. #brMissed .missed-events .missed-event .brContainer img{display:block;position:relative;width:100%;height:auto;}
  137.  
  138. #brMissed .missed-events .missed-event .brContainer .brTitle{display:table;position:relative;overflow:hidden;min-height:75px;width:100.5%;background-color:#646464;color:#fff;font-size:20px;text-transform:uppercase;text-align:center;}
  139.  
  140. #brMissed .missed-events .missed-event .brContainer .brTitle>span{display:table-cell;vertical-align:middle;}
  141.  
  142. #brMissed .missed-events .missed-event .brDateFooter{display:block;position:relative;text-align:center;font-size:25px;margin-top:10px;color:#000;}
  143.  
  144. #brFooter div.ffSubscribe span.text{text-align:center;padding:0 1x;margin:0px;line-height:1.5em;}
  145.  
  146. #brFooter div.ffSubscribe span.text h2{font:30px/34px "Lato",Arial,sans-serif;margin-bottom:0px;letter-spacing:.08em;color:#000;}
  147.  
  148. #brFooter div.ffSubscribe span.text p{color:#000;font-family:'Lato',Arial,sans-serif;letter-spacing:.08em;font-size:18px;margin-bottom:20px;padding-left:2em;padding-right:2em;}
  149.  
  150. #brFooter div.ffSubscribe div.e{padding:10px 0;color:#ffffff;text-align:center;font:14px/19px 'Lato',Arial,Helvetica,sans-serif; margin-bottom: 40px;}
  151.  
  152. #brFooter div.ffSubscribe div.e form{zoom:1;width:46%;background:#000000;display:inline-block;vertical-align:middle;border:1px solid #000000;margin-right:10px;}
  153.  
  154. #brFooter div.ffSubscribe div.e form input{border:0;margin:0;width:75%;float:left;height:40px;color:#646565;padding:2px 0 0;text-transform:uppercase;text-align:center;background:#ffffff;vertical-align:middle;font:18px/18px 'Lato',Arial,Helvetica,sans-serif;}
  155.  
  156. #brFooter div.ffSubscribe div.e form button{border:0;margin:0;padding:0;height:40px;float:right;width:24.99%;color:#ffffff;text-align:center;background:#000000;text-transform:uppercase;font:14px/38px 'Lato',Arial,Helvetica,sans-serif;}
  157.  
  158. #brFooter div.ffSubscribe span.respHTML{display:block;text-align:center;}
  159.  
  160. @media screen and (max-width: 1169px) {#brEvents .brEvent#event-secretsanta div.brContent span.brLeft{background-position:center;}
  161.  
  162. }
  163.  
  164. @media screen and (max-width: 1090px) {#brHeader .brHeading{font-size:10.5vw;}
  165.  
  166. #brEvents .brEvent .brContent .brRight .brTop img.brImage{position:absolute;margin:auto;right:-9999px;left:-9999px;}
  167.  
  168. #brEvents .brEvent#event-12days .brContent .brRight .brBottom .brMessage{margin-bottom:30px;}
  169.    
  170. #brEvents .brEvent .brContent .brRight .brBottom1 .brMessage{display:block;position:relative;margin-bottom:24px;padding:0 7%;text-align:center;color:#000;letter-spacing:.08em;font-family:"Lato","Arial",sans-serif;font-size:18px;line-height:2em;}      
  171.  
  172. }
  173.  
  174. @media screen and (max-width: 1038px) {#brEvents .brEvent .brContent .brLeft{width:54.75%; height: 75%;}
  175.  
  176. #brEvents .brEvent .brContent .brRight{width:44%;}
  177.  
  178. }
  179.  
  180. @media screen and (max-width: 870px) {#brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTitle{font-size:32px;}
  181.  
  182. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate{font-size:18px;}
  183.  
  184. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate>span{padding:2px 5px 0 0px;top:50px;}
  185.  
  186. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate>span sup{font-size:12px;}
  187.  
  188. #brHeader .brHashtag{top:-5px;}
  189.  
  190. #brHeader .brSocial{top:-5px;}
  191.  
  192. #brFooter div.ffSubscribe span.text h2{font-size:5.4vw;}
  193.  
  194. #brFooter div.ffSubscribe div.e form{width:75%;}
  195.  
  196. #brEvents .brEvent .brContent .brRight .brBottom .brMessage{font-size:16px;}
  197.    
  198. #brEvents .brEvent .brContent .brRight .brBottom1 .brMessage{font-size:16px;}  
  199.  
  200. }
  201.  
  202. @media screen and (max-width: 740px) {.brName>span{padding:0 4px;}
  203.  
  204. #brEvents .brEvent .brContent .brLeft{background-position:center;} 
  205.  
  206. #brHeader .brHeading img{width:50%;}
  207.  
  208. #brHeader .brPreheading>span{}
  209.  
  210. #brHeader .brSocial{text-align:center;width:100%;}
  211.  
  212. #brHeader .brHashtag{float:none;width:100%;text-align:center;font-size:14px;color:#a3a3a3;margin:15px 0 20px;}
  213.  
  214. #brHeader .brHeading{margin-top:0;}
  215.  
  216. .brDate{height:30px;letter-spacing:2px;font-size:1.8em;}
  217.  
  218. .brDate>span{display:inline-block;position:relative;padding:5px 15px;line-height:1em;top:-.7em;}
  219.  
  220. .brDate>span num {display: none;}
  221. number {display: block; font-family: "Lato","Arial",sans-serif;font-size:1.8em;position: relative;text-align: center;margin:-40px 0 30px; color: #000;}
  222.    
  223. .brDate>span sup{font-size:14px;line-height:5px;top:7px;}
  224. number sup{font-size:14px;line-height:5px;top:7px;vertical-align: super;}  
  225.  
  226. .brTopEvent .brLink{display:none;}
  227.  
  228. #brEvents .brEvent{height:auto!important;margin-top:50px;}
  229.  
  230. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTitle{font-size:40px;}
  231.  
  232. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate{width:95%;font-size:22px;}
  233.  
  234. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate>span{top:-18px;padding:2px 10px 0 15px;}
  235.  
  236. #brEvents .brEvent .brContent{height:auto;}
  237.  
  238. #brEvents .brEvent .brContent .brBorder{display:none;}
  239.  
  240. .brTopEvent .brFooter{padding:0 10%;line-height:35px;font-size:18px;}
  241.  
  242. #brEvents .brEvent .brContent .brLeft{display:block;width:100%;height:500px;}
  243.  
  244. #brEvents .brEvent .brContent .brRight{display:block;width:100%;height:auto;}
  245.  
  246. #brEvents .brEvent .brContent .brRight .brTop img{display:none!important;}
  247.  
  248. #brEvents .brEvent .brContent .brRight .brTop .brTitle{z-index:0;padding-left:.5em;padding-right:.5em;line-height:1.2em;    padding: 35px .5em;}
  249.  
  250. #brEvents .brEvent .brContent .brRight .brBottom{position:relative;bottom:auto;}
  251.    
  252. #brEvents .brEvent .brContent .brRight .brBottom1{position:relative;bottom:auto;}  
  253.  
  254. #brEvents .brEvent .brContent .brRight .brBottom .brMessage{font-size:24px;}
  255.    
  256. #brEvents .brEvent .brContent .brRight .brBottom1 .brMessage{font-size:24px;}  
  257.  
  258. #brEvents .brEvent .brContent .brRight .brBottom .brCTA{font-size:4vw;}
  259.    
  260. #brEvents .brEvent .brContent .brRight .brBottom1 .brCTA{font-size:4vw;}   
  261.  
  262. #brMissed .missed-events .missed-event{display:block;width:310px;margin:45px auto 0;}
  263.  
  264. #brMissed .missed-events .missed-event .brContainer img{max-width:310px;height:auto;margin:0 auto;}
  265.  
  266. #brMissed .missed-events .missed-event .brContainer .brTitle>span{font-size:4.75vw;}
  267.  
  268. #brMissed .missed-events .missed-event .brDateFooter{font-size:5.5vw;}
  269.  
  270. #brFooter div.ffSubscribe div.e form{width:90%;}
  271.  
  272. #brFooter div.ffSubscribe span.text h2{font-size:30px;padding-left:.5em;padding-right:.5em;}       
  273.  
  274. }
  275.  
  276. @media screen and (max-width: 414px) {.brDate{font-size:21px;height:21px;}
  277.  
  278. .brDate>span{top:-15px;}
  279.     number{font-size: 1.4em;}
  280. .brDate>span sup{top:5px;}
  281. number sup{top:5px;}   
  282.  
  283. #brHeader .brPreheading>span{}
  284.  
  285. #brHeader .brPostheading{font-size:7vw;letter-spacing:.08em;}
  286.  
  287. #brEvents .brEvent .brContent .brLeft{height:380px;}
  288.  
  289. #brEvents .brEvent .brContent .brRight .brTop .brTitle{font-size:32px!important;}
  290.  
  291. #brEvents .brEvent .brContent .brRight .brBottom .brMessage{font-size:18px;}
  292.    
  293. #brEvents .brEvent .brContent .brRight .brBottom1 .brMessage{font-size:18px;}  
  294.  
  295. #brEvents .brEvent.brTopEvent .brContent .brRight .brTop .brTopDate{width:100%;font-size:20px;}
  296.        
  297. }
  298.  
  299.  
  300.  
  301.     span.red {
  302.         color: #be1e2d;
  303.     font-family: 'Lato', Arial, sans-serif;
  304.     font-size: .5em;
  305.     line-height:4em;
  306.     padding-bottom: 0.5em;
  307.     border-bottom: 1px solid #000000;
  308.         text-transform: uppercase;
  309.     }
  310.        
  311.     span.red2 quick{
  312.     color: #000;
  313.     font-family: 'Lato', Arial, sans-serif;
  314.     line-height:4em;
  315.     padding-bottom: 0.5em;
  316.    
  317.     }  
  318.        
  319.     span.red2 {
  320.         color: #be1e2d;
  321.     font-family: 'Lato', Arial, sans-serif;
  322.     font-size: .5em;
  323.     line-height:4em;
  324.     padding-bottom: 0.5em;
  325.    
  326.     }      
  327.  
  328.  
  329.     </style>
  330.  
  331.  
  332.  
  333.  
  334.     <div id="brHeader">
  335.        <span class="brHeading">
  336.     <img src="{url}content/BrightonInsider_800px-2.png" srcset="{url}content/BrightonInsider_800px@2x-2.png 1x, {url}content/BrightonInsider_800px@3x-2.png 3x">
  337.     </span>
  338.  
  339.           <div class="brName"><span>VIP</span></div>
  340.            <span class="brPreheading"><span>Special in-store events</span></span>
  341.  
  342.     <!--    <span class="brPostheading">Spring Style VIP Eventses</span>-->
  343.         <!--<span class="brMessage">Our Spring Style event series begins Thursday, April 6th, with private appointments available from Friday through Sunday. Our personal stylists will provide you with information about the Spring must-haves, including a special gift to start your Spring wardrobe.</span>-->
  344.           </div>
  345.  
  346.  
  347.     <div id="brEvents">
  348.        
  349.     <!--    May 1 -->
  350.         <div id="Event-May1" class="brEvent">
  351.         <span class="brDate"><span>Wed, May 1<sup>st</sup></span></span>
  352.             <div class="brContent"><span class="brBorder"></span>
  353.                 <span class="brLeft"></span>
  354.                 <span class="brRight">
  355.                     <span class="brTop">
  356.                         <span class="brTitle">
  357.                             <!--<span class="red">VIP & Brightonista Event</span>-->
  358.                                 <br><span style="text-transform: uppercase;">
  359.                                 CHARMING GIFTS
  360.                                 </span><br>
  361.                         </span>
  362.                     </span>
  363.                     <span class="brBottom">
  364.                         <span class="brMessage">Create customs & meaningful gifts<br><br>all day
  365.                         </span>
  366.                         <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  367.                         </span>
  368.                     </span>
  369.                 </span>
  370.             </div>
  371.  
  372.          </div>
  373.        
  374.     <!--    May 4 -->
  375.         <div id="Event-May1" class="brEvent">
  376.         <span class="brDate"><span>Sat, May 4<sup>th</sup></span></span>
  377.             <div class="brContent"><span class="brBorder"></span>
  378.                 <span class="brLeft"></span>
  379.                 <span class="brRight">
  380.                     <span class="brTop">
  381.                         <span class="brTitle">
  382.                             <!--<span class="red">VIP & Brightonista Event</span>-->
  383.                                 <br><span style="text-transform: uppercase;">
  384.                                 MOTHERS & DAUGHTER BRUNCH
  385.                                 </span><br>
  386.                         </span>
  387.                     </span>
  388.                     <span class="brBottom">
  389.                         <span class="brMessage">Family, Fun and Fashion at Brighton<br><br>10am - 12pm
  390.                         </span>
  391.                         <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  392.                         </span>
  393.                     </span>
  394.                 </span>
  395.             </div>
  396.  
  397.          </div>
  398.        
  399.     <!--    May 6&7 -->
  400.         <div id="Event-May1" class="brEvent">
  401.         <span class="brDate"><span>Mon, May 6<sup>th</sup> & Tue, May 7<sup>th</sup></span></span>
  402.             <div class="brContent"><span class="brBorder"></span>
  403.                 <span class="brLeft"></span>
  404.                 <span class="brRight">
  405.                     <span class="brTop">
  406.                         <span class="brTitle">
  407.                             <!--<span class="red">VIP & Brightonista Event</span>-->
  408.                                 <br><span style="text-transform: uppercase;">
  409.                                 NATIONAL NURSES DAY & NATIONAL TEACHERS DAY
  410.                                 </span><br>
  411.                         </span>
  412.                     </span>
  413.                     <span class="brBottom">
  414.                         <span class="brMessage">all day<br><br>
  415.                         </span>
  416.                         <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  417.                         </span>
  418.                     </span>
  419.                 </span>
  420.             </div>
  421.  
  422.          </div>
  423.     <!--    May 9 - 12 -->
  424.         <div id="Event-May1" class="brEvent">
  425.         <span class="brDate"><span>Thu, May 9<sup>th</sup> - Sun, May 12<sup>th</sup></span></span>
  426.             <div class="brContent"><span class="brBorder"></span>
  427.                 <span class="brLeft"></span>
  428.                 <span class="brRight">
  429.                     <span class="brTop">
  430.                         <span class="brTitle">
  431.                             <!--<span class="red">VIP & Brightonista Event</span>-->
  432.                                 <br><span style="text-transform: uppercase;">
  433.                                 FAMILY WEEKEND
  434.                                 </span><br>
  435.                         </span>
  436.                     </span>
  437.                     <span class="brBottom">
  438.                         <span class="brMessage">Great Gifts for Mom and Fun for ALL Ages<br><br>all day
  439.                         </span>
  440.                         <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  441.                         </span>
  442.                     </span>
  443.                 </span>
  444.             </div>
  445.  
  446.          </div>
  447.     <!-- 12 -->
  448.         <div id="Event-May1" class="brEvent">
  449.         <span class="brDate"><span>Sun, May 12<sup>th</sup></span></span>
  450.             <div class="brContent"><span class="brBorder"></span>
  451.                 <span class="brLeft"></span>
  452.                 <span class="brRight">
  453.                     <span class="brTop">
  454.                         <span class="brTitle">
  455.                             <!--<span class="red">VIP & Brightonista Event</span>-->
  456.                                 <br><span style="text-transform: uppercase;">
  457.                                 MOTHER'S DAY
  458.                                 </span><br>
  459.                         </span>
  460.                     </span>
  461.                     <span class="brBottom">
  462.                         <span class="brMessage">Brighton Her Day and Celebrate with Us<br><br>all day (early open)
  463.                         </span>
  464.                         <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  465.                         </span>
  466.                     </span>
  467.                 </span>
  468.             </div>
  469.  
  470.          </div>
  471.     <!--    May 15-->
  472.         <div id="Event-May1" class="brEvent">
  473.         <span class="brDate"><span>Wed, May 15<sup>th</sup></span></span>
  474.             <div class="brContent"><span class="brBorder"></span>
  475.                 <span class="brLeft"></span>
  476.                 <span class="brRight">
  477.                     <span class="brTop">
  478.                         <span class="brTitle">
  479.                             <!--<span class="red">VIP & Brightonista Event</span>-->
  480.                                 <br><span style="text-transform: uppercase;">
  481.                                 NATIONAL CHOCOLATE CHIP COOKIE DAY
  482.                                 </span><br>
  483.                         </span>
  484.                     </span>
  485.                     <span class="brBottom">
  486.                         <span class="brMessage">Enjoy a Sweet Treat ALL Day<br><br>all day
  487.                         </span>
  488.                         <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  489.                         </span>
  490.                     </span>
  491.                 </span>
  492.             </div>
  493.  
  494.          </div>
  495.     <!--    May 17-->
  496.         <div id="Event-May1" class="brEvent">
  497.         <span class="brDate"><span>Fri, May 17<sup>th</sup></span></span>
  498.             <div class="brContent"><span class="brBorder"></span>
  499.                 <span class="brLeft"></span>
  500.                 <span class="brRight">
  501.                     <span class="brTop">
  502.                         <span class="brTitle">
  503.                             <!--<span class="red">VIP & Brightonista Event</span>-->
  504.                                 <br><span style="text-transform: uppercase;">
  505.                                 A BRIGHTONISTA EVENT - ART OF TOM CLANCY
  506.                                 </span><br>
  507.                         </span>
  508.                     </span>
  509.                     <span class="brBottom">
  510.                         <span class="brMessage">Introducing the Love Garden Collection<br><br>9am early opening
  511.                         </span>
  512.                         <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  513.                         </span>
  514.                     </span>
  515.                 </span>
  516.             </div>
  517.  
  518.          </div>
  519.        
  520.     <!--    May 23-->
  521.         <div id="Event-May1" class="brEvent">
  522.         <span class="brDate"><span>Thu, May 23<sup>rd</sup></span></span>
  523.             <div class="brContent"><span class="brBorder"></span>
  524.                 <span class="brLeft"></span>
  525.                 <span class="brRight">
  526.                     <span class="brTop">
  527.                         <span class="brTitle">
  528.                             <!--<span class="red">VIP & Brightonista Event</span>-->
  529.                                 <br><span style="text-transform: uppercase;">
  530.                                 A VIP EXCLUSIVE EVENT - SUMMER STYLE
  531.                                 </span><br>
  532.                         </span>
  533.                     </span>
  534.                     <span class="brBottom">
  535.                         <span class="brMessage">Summer Must Haves<br><br>all day
  536.                         </span>
  537.                         <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  538.                         </span>
  539.                     </span>
  540.                 </span>
  541.             </div>
  542.  
  543.          </div>
  544.  
  545.  
  546.  
  547.  
  548.    
  549.        
  550.        
  551.        
  552.  
  553.        
  554.        
  555. <!--    Apr 24  -->
  556. <!--
  557.  
  558.         <div id="Event-Apr24" class="brEvent">
  559.         <span class="brDate"><span>Wednesday, Apr 24<sup>th</sup></span></span>
  560.             <div class="brContent"><span class="brBorder"></span>
  561.                 <span class="brLeft"></span>
  562.                 <span class="brRight">
  563.                     <span class="brTop">
  564.                         <span class="brTitle">
  565.                             <span class="red">VIP & Brightonista Event</span>
  566.                                 <br><span style="text-transform: uppercase;">
  567.                                 Administrative Professional's Day
  568.                                 </span><br>
  569.                         </span>
  570.                     </span>
  571.                     <span class="brBottom">
  572.                         <span class="brMessage">Be the office hero.<br><br>ALL DAY
  573.                         </span>
  574.                         <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  575.                         </span>
  576.                     </span>
  577.                 </span>
  578.             </div>
  579.  
  580.          </div>
  581. -->
  582.        
  583. <!--    Apr 26  -->
  584.  
  585. <!--
  586.         <div id="Event-Apr26" class="brEvent">
  587.         <span class="brDate"><span>Friday, Apr 26<sup>th</sup></span></span>
  588.             <div class="brContent"><span class="brBorder"></span>
  589.                 <span class="brLeft"></span>
  590.                 <span class="brRight">
  591.                     <span class="brTop">
  592.                         <span class="brTitle">
  593.                             <span class="red">VIP & Brightonista Event</span>
  594.                                 <br><span style="text-transform: uppercase;">
  595.                                 Meaningful Jewelry
  596.                                 </span><br>
  597.                         </span>
  598.                     </span>
  599.                     <span class="brBottom">
  600.                         <span class="brMessage">See our newest collections and find your personal meaning.<br><br>ALL DAY
  601.                         </span>
  602.                         <span class="brCTA"><a href="{url}stores?storetypefilter%5BBrighton_Collectibles%5D=1&zip=&zipcode_distance=50&state=&canadaonly=0">FIND A PARTICIPATING RETAILER</a>
  603.                         </span>
  604.                     </span>
  605.                 </span>
  606.             </div>
  607.  
  608.          </div>        
  609.    
  610.                
  611.        
  612. -->
  613.        
  614.        
  615.        
  616.  
  617. </div> 
  618.  
  619.      
  620.  
  621.     <div id="brHeader">
  622.       <span class="brPostheading"><!--<span>VIP-Exclusive Concierge Phone <br>
  623.     (844)607-0673</span>--></span>
  624.  
  625.  
  626.         </div>
  627.     <br clear="all">
  628.     <div id="brHeader"><br>
  629.    
  630.  
  631.        <span class="brHashtag">#MyBrightonStyle</span>
  632.        <span class="brSocial">Bring a friend... share to: <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A//www.brighton.com/content/3704/vip-in-store-events.html"><span class="fa-stack"><em class="fa fa-circle fa-stack-2x"></em><em class="fa fa-facebook fa-stack-1x fa-inverse"></em></span><span class="sr-only">Facebook</span></a> <a href="https://twitter.com/home?status=View%20Our%20VIP%20In-Store%20Event%20Calendar%0A%23BrightonCollectables%0Ahttp%3A//bit.ly/2qpUw3Q"><span class="fa-stack"><em class="fa fa-circle fa-stack-2x"></em><em class="fa fa-twitter fa-stack-1x fa-inverse"></em></span><span class="sr-only">Twitter</span></a> <a href="https://pinterest.com/pin/create/button/?url=http%3A//www.brighton.com/content/3704/vip-in-store-events.html&media=https%3A//www.brighton.com/content/2017_SocialShare_3704May.jpg&description="><span class="fa-stack"><em class="fa fa-circle fa-stack-2x"></em><em class="fa fa-pinterest-p fa-stack-1x fa-inverse"></em></span><span class="sr-only">Pinterest</span></a> </span>
  633.  
  634.         </div>
  635.  
  636.       <br clear="all">
  637.  
  638.  
  639.        <div id="brFooter" style="margin-top:8em; margin-bottom: 8em;">
  640.        <div class="ffSubscribe">
  641.            <span class="text"><h2>Not an Insider?</h2></span><span class="text"><p>Visit the <a href="/loyalty-terms"><u>Brighton Insider Rewards</u></a> page to learn more about the program and start earning rewards.</p><br>
  642.     </span>
  643.  
  644.             <span class="respHTML"></span>
  645.  
  646.         <div class="ffSubscribe">
  647.     <br>
  648.             <span class="text" ><h2>Never miss another fun Brighton event.</h2></span><span class="text" ><p>Sign up for our special event email messages to stay in-the-know on future in-store shopping promotions</p></span>
  649.  
  650.             <div class="e">
  651.                 <form>
  652.                     <input id="SignUps" type="email" name="email" placeholder="Email Address" aria-label="Sign Up">
  653.                     <button type="submit" >Sign Up</button>
  654.                 </form>
  655.             </div>
  656.  
  657.  
  658.             <span class="respHTML"></span><br>
  659.                
  660.         </div>
  661.        
  662.     </div>
  663.    
  664.     <div id="brHeader">
  665.       <span class="brPostheading"><span>SHOP RELATED PRODUCTS</span></span>
  666.  
  667.         </div>
  668.  
  669.     <script type="text/javascript">
  670.         (function(code) {
  671.             code(window.jQuery, window, document);
  672.         }
  673.  
  674.  
  675.  
  676.  
  677.  
  678.     (function($, window, document) {
  679.             $(function() {
  680.  
  681.                 $('.ffSubscribe div.e form').on('submit',function(event){
  682.                     event.preventDefault();
  683.                 bluehornetSubscribe($(this).find('input').val(),'460998');// Promotions and Special Events Segment
  684.             }
  685.  
  686.  
  687.  
  688.  
  689.  
  690.     );
  691.             }
  692.  
  693.  
  694.  
  695.  
  696.  
  697.     );
  698.  
  699.       // Subscribe To Segment
  700.       function bluehornetSubscribe(email_address,promotion_group_id){
  701.         if(email_address == 'ENTER EMAIL ADDRESS'){
  702.             return false;
  703.         }
  704.  
  705.  
  706.         console.log('here');
  707.  
  708.         var email_signup = 'promotion_only';
  709.         if(window.XMLHttpRequest){
  710.             xmlhttp_subscribe = new XMLHttpRequest();
  711.         }
  712.  
  713.  
  714.     else{
  715.             xmlhttp_subscribe = new ActiveXObject("Microsoft.XMLHTTP");
  716.         }
  717.  
  718.  
  719.         xmlhttp_subscribe.onreadystatechange=function(){
  720.             if(xmlhttp_subscribe.readyState==4 && xmlhttp_subscribe.status==200){
  721.                 $('span.respHTML').html(xmlhttp_subscribe.responseText);
  722.             }
  723.  
  724.  
  725.         }
  726.  
  727.  
  728.         xmlhttp_subscribe.open("POST","http://www.brighton.com/Shop/EmailNotification/Confirmation.php",true);
  729.         xmlhttp_subscribe.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  730.         xmlhttp_subscribe.send("email_signup="+email_signup+"&address="+email_address+"&promotion_group_id="+promotion_group_id);
  731.       }
  732.  
  733.     }
  734.  
  735.     ));
  736.     </script>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top