Skip to content Using Delving B.V. Mail with screen readers 1 of 1 Fwd: Menu for data.jck.nl Inbox x Melvins/Sjoerd x Sjoerd Siebinga via messagingengine.com Oct 30, 2019, 8:48 AM (1 day ago) to me Without attachment ----- Original message ----- From: Laura Chiche To: "sjoerd@siebinga.org" Cc: Robbert van 't Westende , Thomas Pleeging Subject: Menu for data.jck.nl Date: Tuesday, October 29, 2019 10:13 AM Good morning Sjoerd, We deployed yesterday the JCK website with a new menu and would like the data.jck.nl website to be aligned with the same. According to what was discussed few month ago, you are currently importing a single JS file that is injecting the menu under this tag:
The new menu bundle we are providing now will contain more dependencies – media, js and css. To use it, you will to achieve the following: Unzip the attached file to your source project (static folder will be add) Add to your html head Replace previous js import to Make sure that
is the first element in html body Please contact me in case you have questions Kind regards, Laura Chiche FullStack Developer laura@totaldesign.com signature_1725208797 Total Design Pedro de Medinalaan 9 1086 XK Amsterdam, NL totaldesign.com Sjoerd Siebinga via messagingengine.com AttachmentsOct 30, 2019, 2:18 PM (18 hours ago) to me ----- Original message ----- From: Laura Chiche To: Sjoerd Siebinga Cc: Robbert van 't Westende , Thomas Pleeging Subject: Re: Menu for data.jck.nl Date: Wednesday, October 30, 2019 11:17 AM Hi Sjoerd, Thank you for the update! When scrolling the page, the menu background was supposed to change to white, I saw that you’ve added a background color (that make sense because the page background is white). I made the change in the attached CSS file, please replace the previous file with this one (/static/css/) and remove the background-color on the jck-menu-root div. If possible also the z-index: 11000, from what I’ve checked it should work the same. Kind regards, Laura From: Sjoerd Siebinga Date: Wednesday, 30 October 2019 at 10:29 To: Laura Chiche Cc: Robbert van 't Westende , Thomas Pleeging Subject: Re: Menu for data.jck.nl Dear Laura, We have made the changes and deployed it on production, see https://data.jck.nl/search/. Can you validate that it works as expected? Best, Sjoerd On Tue, Oct 29, 2019, at 3:35 PM, Sjoerd Siebinga wrote: Hi Laura, Thanks for the elaborate explanation. We will test and and if we don't run into any issues deploy it to production. With kindest regards, Sjoerd On Tue, Oct 29, 2019, at 10:13 AM, Laura Chiche wrote: Good morning Sjoerd, We deployed yesterday the JCK website with a new menu and would like the data.jck.nl website to be aligned with the same. According to what was discussed few month ago, you are currently importing a single JS file that is injecting the menu under this tag:
The new menu bundle we are providing now will contain more dependencies – media, js and css. To use it, you will to achieve the following: Unzip the attached file to your source project (static folder will be add) Add to your html head Replace previous js import to Make sure that
is the first element in html body Please contact me in case you have questions Kind regards, Laura Chiche FullStack Developer laura@totaldesign.com signature_1725208797 Total Design Pedro de Medinalaan 9 1086 XK Amsterdam, NL totaldesign.com Attachments: image001.gif jck-menu.zip Attachments: image001.gif Attachments area Got it, thanks! Updated. Done. @import url(//hello.myfonts.net/count/3519d7);.jckmenu_container{text-align:center}.jckmenu_logo{position:absolute}.jckmenu_logo .line{-webkit-transition:fill .25s linear;transition:fill .25s linear}.jckmenu_white .line{fill:#fff}.jckmenu_black .line{fill:#000}.jckmenu_navigation{font-family:PFDINTextCompStd-Light,PFDINText,Helvetica,Arial,sans-serif;z-index:10;position:fixed;top:0}@media (max-width:905px){.jckmenu_navigation{position:fixed;background:-webkit-gradient(linear,left top,left bottom,from(rgba(89,84,149,.96)),to(rgba(12,133,203,.96)));background:-webkit-linear-gradient(top,rgba(89,84,149,.96),rgba(12,133,203,.96));background:linear-gradient(180deg,rgba(89,84,149,.96),rgba(12,133,203,.96));bottom:0;left:0;top:0;max-width:40%;right:0;margin-right:66px;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .4s cubic-bezier(.86,0,.07,1);transition:-webkit-transform .4s cubic-bezier(.86,0,.07,1);transition:transform .4s cubic-bezier(.86,0,.07,1);transition:transform .4s cubic-bezier(.86,0,.07,1),-webkit-transform .4s cubic-bezier(.86,0,.07,1);will-change:transform}.jckmenu_navigation:after{display:none}}@media (max-width:480px){.jckmenu_navigation{max-width:80%}}.menuShown .jckmenu_navigation{-webkit-transform:translateX(0);transform:translateX(0)}@media (min-width:906px){.jckmenu_navigation{-webkit-transition:background-color .5s ease-in-out;transition:background-color .5s ease-in-out;display:inline-flex;width:100vw;background-color:#333;height:80px}.jckmenu_navigation.scrolledMenu{background:#fff}}@media (min-width:906px){.scrolledMenuText{color:#000!important}.scrolledMenuText.tickets{border:1px solid #000}.scrolledMenuText.tickets:hover{color:#525252!important;border:1px solid #525252}.scrolledMenuText .langToggle{color:#000!important}.scrolledMenuText .langToggle:hover{color:#525252!important}.scrolledMenuText>a{color:#000!important}.scrolledMenuText>a:hover{color:#525252!important}}.jckmenu_bar{position:absolute;bottom:0;width:66px;height:74px;margin-top:-37px;z-index:10000;background:#222;cursor:pointer;overflow:hidden;right:-66px;-webkit-transition:-webkit-transform .4s cubic-bezier(.86,0,.07,1);transition:-webkit-transform .4s cubic-bezier(.86,0,.07,1);transition:transform .4s cubic-bezier(.86,0,.07,1);transition:transform .4s cubic-bezier(.86,0,.07,1),-webkit-transform .4s cubic-bezier(.86,0,.07,1)}.jckmenu_bar:hover{background-color:#fff}.jckmenu_bar:hover .menuLabel{color:#fff}.jckmenu_bar:hover .jckmenu_menuIcon span{background-color:#fff}.menuShown .jckmenu_bar{background:none;-webkit-transform:translateX(-66px);transform:translateX(-66px)}.menuShown .jckmenu_bar:hover .jckmenu_menuIcon span{-webkit-transition-delay:0s;transition-delay:0s;background:#fff}@media (min-width:906px){.jckmenu_bar{display:none}}.jckmenu_menuIcon{height:74px;position:absolute;-webkit-transition:background .25s;transition:background .25s;width:66px;z-index:10}@media (min-width:906px){.jckmenu_menuIcon{top:50%;-webkit-transform:translateY(-50%) translateZ(0);transform:translateY(-50%) translateZ(0);right:0}}@media (max-width:905px){.jckmenu_menuIcon{background-color:#0584bd}}.jckmenu_menuIcon span{background:#fff;display:block;height:4px;left:16px;position:absolute;top:31px;-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition:opacity .15s cubic-bezier(.86,0,.07,1),-webkit-transform .25s cubic-bezier(.86,0,.07,1);transition:opacity .15s cubic-bezier(.86,0,.07,1),-webkit-transform .25s cubic-bezier(.86,0,.07,1);transition:transform .25s cubic-bezier(.86,0,.07,1),opacity .15s cubic-bezier(.86,0,.07,1);transition:transform .25s cubic-bezier(.86,0,.07,1),opacity .15s cubic-bezier(.86,0,.07,1),-webkit-transform .25s cubic-bezier(.86,0,.07,1);width:50%}.jckmenu_menuIcon span:first-child{-webkit-transform:translateY(-12px);transform:translateY(-12px)}.jckmenu_menuIcon span:nth-child(3){-webkit-transform:translateY(12px);transform:translateY(12px)}.jckmenu_menuIcon .menuLines{-webkit-transform:translateY(-7px);transform:translateY(-7px)}.jckmenu_menuIcon .menuLabel{color:#fff;font-family:PFDINTextCompStd-Medium,PFDINText,Helvetica,Arial,sans-serif;font-size:17px;font-weight:700;letter-spacing:1.5px;text-align:center;text-transform:uppercase;-webkit-transform:translateY(46px);transform:translateY(46px)}.menuShown .jckmenu_menuIcon span{background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.4s;transition-delay:.4s}.menuShown .jckmenu_menuIcon span:nth-child(2){opacity:0;-webkit-transform:scaleX(.01);transform:scaleX(.01)}.menuShown .jckmenu_menuIcon span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (max-width:905px){.menuShown .jckmenu_menuIcon{background-color:transparent}.menuShown .jckmenu_menuIcon span{background:#fff}.menuShown .jckmenu_menuIcon .menuLabel{color:#fff!important}}.jckmenu_foldout{-webkit-overflow-scrolling:touch;bottom:0;color:#525252;left:0;position:absolute;right:0;top:0;z-index:2}.jckmenu_logo{position:static;width:100px;height:auto}@media (min-width:906px){.jckmenu_menuContainer{position:relative;margin:0 auto}.jckmenu_menuContainer .inner{display:inline-flex;justify-content:center;align-items:center;height:80px}}@media (max-width:905px){.jckmenu_menuContainer{position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 30px;text-align:left;display:flex;align-items:center;margin-top:29px}.jckmenu_menuContainer .inner{-webkit-transition:-webkit-transform .4s ease-out;transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out,-webkit-transform .4s ease-out;width:340px}}@media (max-width:905px) and (max-width:480px){.jckmenu_menuContainer .inner{width:280px}}.jckmenu_menuItemIcon{color:#fff;cursor:pointer;display:inline-block;font-size:33px;height:21px;position:relative;left:-10px;top:.35em;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:21px;-webkit-transition:all .4s cubic-bezier(.86,0,.07,1) .14s;transition:all .4s cubic-bezier(.86,0,.07,1) .14s;z-index:100}.jckmenu_menuItemIcon svg{position:absolute;top:0;left:0;height:100%;width:100%}.jckmenu_menuItemIcon.menuItemSearch{top:.6em}@media (min-width:906px){.jckmenu_level1{text-transform:uppercase;text-align:center;font-weight:500}.jckmenu_level1 a{font-family:PFDINTextCompStd-Medium,PFDINText,Helvetica,Arial,sans-serif;font-weight:500;text-decoration:none;color:#fff;cursor:pointer}.jckmenu_level1>a{font-size:18px;text-align:center;margin:0 12px}.jckmenu_level1>a:hover{color:#ccc}.jckmenu_level1 .menuToggle{display:none}}@media (max-width:905px){.jckmenu_level1{margin:1em 0;position:relative;opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}.jckmenu_level1:first-child{-webkit-transition:opacity 1s ease-out .18333333s,-webkit-transform .6s ease-out .18333333s;transition:opacity 1s ease-out .18333333s,-webkit-transform .6s ease-out .18333333s;transition:transform .6s ease-out .18333333s,opacity 1s ease-out .18333333s;transition:transform .6s ease-out .18333333s,opacity 1s ease-out .18333333s,-webkit-transform .6s ease-out .18333333s}.jckmenu_level1:nth-child(2){-webkit-transition:opacity 1s ease-out 233.33333ms,-webkit-transform .6s ease-out 233.33333ms;transition:opacity 1s ease-out 233.33333ms,-webkit-transform .6s ease-out 233.33333ms;transition:transform .6s ease-out 233.33333ms,opacity 1s ease-out 233.33333ms;transition:transform .6s ease-out 233.33333ms,opacity 1s ease-out 233.33333ms,-webkit-transform .6s ease-out 233.33333ms}.jckmenu_level1:nth-child(3){-webkit-transition:opacity 1s ease-out .28333333s,-webkit-transform .6s ease-out .28333333s;transition:opacity 1s ease-out .28333333s,-webkit-transform .6s ease-out .28333333s;transition:transform .6s ease-out .28333333s,opacity 1s ease-out .28333333s;transition:transform .6s ease-out .28333333s,opacity 1s ease-out .28333333s,-webkit-transform .6s ease-out .28333333s}.jckmenu_level1:nth-child(4){-webkit-transition:opacity 1s ease-out .33333333s,-webkit-transform .6s ease-out .33333333s;transition:opacity 1s ease-out .33333333s,-webkit-transform .6s ease-out .33333333s;transition:transform .6s ease-out .33333333s,opacity 1s ease-out .33333333s;transition:transform .6s ease-out .33333333s,opacity 1s ease-out .33333333s,-webkit-transform .6s ease-out .33333333s}.jckmenu_level1:nth-child(5){-webkit-transition:opacity 1s ease-out 383.33333ms,-webkit-transform .6s ease-out 383.33333ms;transition:opacity 1s ease-out 383.33333ms,-webkit-transform .6s ease-out 383.33333ms;transition:transform .6s ease-out 383.33333ms,opacity 1s ease-out 383.33333ms;transition:transform .6s ease-out 383.33333ms,opacity 1s ease-out 383.33333ms,-webkit-transform .6s ease-out 383.33333ms}.jckmenu_level1:nth-child(6){-webkit-transition:opacity 1s ease-out .43333333s,-webkit-transform .6s ease-out .43333333s;transition:opacity 1s ease-out .43333333s,-webkit-transform .6s ease-out .43333333s;transition:transform .6s ease-out .43333333s,opacity 1s ease-out .43333333s;transition:transform .6s ease-out .43333333s,opacity 1s ease-out .43333333s,-webkit-transform .6s ease-out .43333333s}.jckmenu_level1:nth-child(7){-webkit-transition:opacity 1s ease-out .48333333s,-webkit-transform .6s ease-out .48333333s;transition:opacity 1s ease-out .48333333s,-webkit-transform .6s ease-out .48333333s;transition:transform .6s ease-out .48333333s,opacity 1s ease-out .48333333s;transition:transform .6s ease-out .48333333s,opacity 1s ease-out .48333333s,-webkit-transform .6s ease-out .48333333s}.jckmenu_level1:nth-child(8){-webkit-transition:opacity 1s ease-out .53333333s,-webkit-transform .6s ease-out .53333333s;transition:opacity 1s ease-out .53333333s,-webkit-transform .6s ease-out .53333333s;transition:transform .6s ease-out .53333333s,opacity 1s ease-out .53333333s;transition:transform .6s ease-out .53333333s,opacity 1s ease-out .53333333s,-webkit-transform .6s ease-out .53333333s}.jckmenu_level1:nth-child(9){-webkit-transition:opacity 1s ease-out 583.33333ms,-webkit-transform .6s ease-out 583.33333ms;transition:opacity 1s ease-out 583.33333ms,-webkit-transform .6s ease-out 583.33333ms;transition:transform .6s ease-out 583.33333ms,opacity 1s ease-out 583.33333ms;transition:transform .6s ease-out 583.33333ms,opacity 1s ease-out 583.33333ms,-webkit-transform .6s ease-out 583.33333ms}.jckmenu_level1:nth-child(10){-webkit-transition:opacity 1s ease-out .63333333s,-webkit-transform .6s ease-out .63333333s;transition:opacity 1s ease-out .63333333s,-webkit-transform .6s ease-out .63333333s;transition:transform .6s ease-out .63333333s,opacity 1s ease-out .63333333s;transition:transform .6s ease-out .63333333s,opacity 1s ease-out .63333333s,-webkit-transform .6s ease-out .63333333s}.menuShown .jckmenu_level1{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:905px) and (max-width:905px){.jckmenu_level1 a{font-size:1.8em}}@media (max-width:905px) and (min-width:906px){.jckmenu_level1 a{font-size:1.9em}}@media (max-width:905px) and (max-height:600px){.jckmenu_level1 a{font-size:1.2em}.jckmenu_level1 a .menuToggle{margin-top:-5px}.jckmenu_level1 .menuItemSearch{margin-top:-10px}}@media (max-width:905px){.jckmenu_level1 a{color:#fff;cursor:pointer;font-weight:700;text-transform:uppercase;line-height:100%;text-decoration:none;border-bottom:none}.jckmenu_level1 a .selected,.jckmenu_level1 a:hover{color:#ccc}}@media (max-width:905px) and (max-width:905px){.jckmenu_level1 a .selected,.jckmenu_level1 a:hover{color:#fff}}@media (max-width:905px){.jckmenu_level1 a .selected path,.jckmenu_level1 a:hover path{fill:#222}}@media (min-width:906px){.jckmenu_level2{-webkit-transition:height .4s ease-in-out;transition:height .4s ease-in-out;overflow:hidden;position:absolute;top:56px;text-align:left;background:#000}.jckmenu_level2 .level2Inner{padding:16px;min-width:200px}.jckmenu_level2 .level2Inner>div{font-size:20px;font-weight:600;line-height:32px}.jckmenu_level2 a{margin:0}}@media (max-width:905px){.jckmenu_level2{-webkit-transition:height .4s ease-in-out;transition:height .4s ease-in-out;overflow:hidden;height:0;pointer-events:none}.expanded .jckmenu_level2{pointer-events:auto}.expanded .jckmenu_level2 .level2Inner>div{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.expanded .jckmenu_level2 .level2Inner>div:first-child{-webkit-transition-delay:175ms;transition-delay:175ms}.expanded .jckmenu_level2 .level2Inner>div:nth-child(2){-webkit-transition-delay:.25s;transition-delay:.25s}.expanded .jckmenu_level2 .level2Inner>div:nth-child(3){-webkit-transition-delay:325ms;transition-delay:325ms}.expanded .jckmenu_level2 .level2Inner>div:nth-child(4){-webkit-transition-delay:.4s;transition-delay:.4s}.expanded .jckmenu_level2 .level2Inner>div:nth-child(5){-webkit-transition-delay:475ms;transition-delay:475ms}.expanded .jckmenu_level2 .level2Inner>div:nth-child(6){-webkit-transition-delay:.55s;transition-delay:.55s}.expanded .jckmenu_level2 .level2Inner>div:nth-child(7){-webkit-transition-delay:625ms;transition-delay:625ms}.expanded .jckmenu_level2 .level2Inner>div:nth-child(8){-webkit-transition-delay:.7s;transition-delay:.7s}.expanded .jckmenu_level2 .level2Inner>div:nth-child(9){-webkit-transition-delay:775ms;transition-delay:775ms}.expanded .jckmenu_level2 .level2Inner>div:nth-child(10){-webkit-transition-delay:.85s;transition-delay:.85s}.jckmenu_level2 .level2Inner>div{opacity:0;position:static;margin-bottom:0;margin-top:0;-webkit-transition:opacity .6s ease-in-out,-webkit-transform .4s ease-out;transition:opacity .6s ease-in-out,-webkit-transform .4s ease-out;transition:transform .4s ease-out,opacity .6s ease-in-out;transition:transform .4s ease-out,opacity .6s ease-in-out,-webkit-transform .4s ease-out;-webkit-transform:translateY(-10px);transform:translateY(-10px);margin-left:20px;line-height:32px}.jckmenu_level2 .level2Inner>div>a{color:hsla(0,0%,100%,.8);font-size:1.15em}.jckmenu_level2 .level2Inner>div>a:hover{color:#222}}@media (max-width:905px) and (max-height:600px){.jckmenu_level2 .level2Inner>div a{font-size:1em}}.jckmenu_search{margin:1em 0;position:relative;text-align:left;width:100%}.jckmenu_search :global ::-webkit-input-placeholder{color:#fff;opacity:1}.jckmenu_search :global ::-moz-placeholder{color:#fff;opacity:1}.jckmenu_search :global :-ms-input-placeholder{color:#fff;opacity:1}.jckmenu_search .input{background:transparent;border:none;color:#fff;display:inline-block;font-family:PFDINTextCompStd-Medium,PFDINText,Helvetica,Arial,sans-serif!important;font-weight:700;text-align:center;text-transform:uppercase;padding:0;width:100%;-webkit-transition:padding .4s cubic-bezier(.86,0,.07,1);transition:padding .4s cubic-bezier(.86,0,.07,1)}@media (max-width:905px){.jckmenu_search .input{font-size:1.75em}}@media (min-width:906px){.jckmenu_search .input{font-size:1.9em}}@media (max-height:600px){.jckmenu_search .input{font-size:1.2em}}.jckmenu_search .underline{bottom:-10px;height:1px;background:#fff;left:0;right:10px;-webkit-transform:scaleX(.1);transform:scaleX(.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:opacity .2s,-webkit-transform .4s cubic-bezier(.86,0,.07,1);transition:opacity .2s,-webkit-transform .4s cubic-bezier(.86,0,.07,1);transition:transform .4s cubic-bezier(.86,0,.07,1),opacity .2s;transition:transform .4s cubic-bezier(.86,0,.07,1),opacity .2s,-webkit-transform .4s cubic-bezier(.86,0,.07,1)}.jckmenu_search .jckmenu_menuItemIcon,.jckmenu_search .underline{opacity:0;position:absolute}.jckmenu_search.focused .input{color:#fff;padding:0 50px 0 0;outline:none;text-align:left}.jckmenu_search.focused .jckmenu_menuItemIcon{left:100%;-webkit-transform:translate(-200%,-50%);transform:translate(-200%,-50%);opacity:1}.jckmenu_search.focused .icon{-webkit-transform:translate(-100%,-15%);transform:translate(-100%,-15%)}.jckmenu_search.focused .underline{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.jckmenu_search.focused :global ::-webkit-input-placeholder{opacity:.5}.jckmenu_search.focused :global ::-moz-placeholder{opacity:.5}.jckmenu_search.focused :global :-ms-input-placeholder{opacity:.5}.jckmenu_sponsor{bottom:0;left:10px;position:absolute;z-index:5}@media (max-width:905px){.jckmenu_sponsor{left:76px;bottom:-10px}}@media (max-width:480px){.jckmenu_sponsor{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 50%;transform-origin:0 50%}}.jckmenu_sponsor div{display:inline-block;margin:15px 10px}.jckmenu_sponsor img{width:auto}.jckmenu_languageSelector{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:905px){.jckmenu_languageSelector{bottom:10px;right:10px}}.jckmenu_languageSelector>div{position:relative}.jckmenu_languageSelector .langToggle{color:#fff;cursor:pointer;padding:10px;text-align:center;width:100px}.jckmenu_languageSelector .langToggle.langToggleSelected,.jckmenu_languageSelector .langToggle:hover{color:#ccc}.jckmenu_languageSelector .popup{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);left:0;opacity:0;padding:20px;position:absolute;text-align:center;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:225px;pointer-events:none}@media (min-width:906px){.jckmenu_languageSelector .popup{left:-60%;top:50px;-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@media (max-width:905px){.jckmenu_languageSelector .popup{bottom:45px}}.jckmenu_languageSelector .popup ul{list-style:none;padding:0}.jckmenu_languageSelector .popup ul li{margin-bottom:0}.jckmenu_languageSelector .popup ul a{color:#222;padding:0 3px;text-decoration:none;border-bottom:none}.jckmenu_languageSelector .popup ul a:hover{color:#09c;border-bottom:none}.jckmenu_languageSelector .popup ul .selected a{border-bottom:1px solid #222}.jckmenu_languageSelector .popup .primary{margin-top:0;font-weight:700}.jckmenu_languageSelector .popup .others{margin-bottom:0}.jckmenu_languageSelector .popup.popupVisible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}.toggle{font-weight:700}@media (max-width:905px){.toggle{font-weight:400}}.hidden{display:none}.leftButtons{display:inline-flex;flex-direction:row;align-items:center;justify-content:space-between;margin-right:25px;text-transform:uppercase}.tickets{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;color:#fff;border:1px solid #fff;padding:10px 20px}.tickets:hover{background-color:#fff;color:#222;cursor:pointer}.logoInMenu{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:55px;cursor:pointer}@media (max-width:905px){.logoInMenu{display:none}}body .logo{position:static;width:153px;height:auto}.searchIcon,body .logo{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.searchIcon{margin-left:25px;width:24px;height:25px;cursor:pointer}.searchIcon:hover{opacity:.6}@media (min-width:906px){.closeMenu{background:transparent;position:fixed;top:0;bottom:0;left:0;right:0;z-index:5}}@font-face{font-family:PFDINTextCompStd-Light;src:url(/static/media/3519D7_0_0.819dca80.eot);src:url(/static/media/3519D7_0_0.819dca80.eot) format("embedded-opentype"),url(/static/media/3519D7_0_0.5ccd04b7.woff2) format("woff2"),url(/static/media/3519D7_0_0.609df71f.woff) format("woff"),url(/static/media/3519D7_0_0.f85a7f72.ttf) format("truetype")}@font-face{font-family:PFDINTextCompStd-Medium;src:url(/static/media/3519D7_1_0.71ef02ca.eot);src:url(/static/media/3519D7_1_0.71ef02ca.eot) format("embedded-opentype"),url(/static/media/3519D7_1_0.bd56bf7c.woff2) format("woff2"),url(/static/media/3519D7_1_0.16366962.woff) format("woff"),url(/static/media/3519D7_1_0.0d2dc24d.ttf) format("truetype")}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} main.ad2d144f.css Displaying main.ad2d144f.css.