diff --git a/modules/jumpstart_ui/dist/css/anchor_nav.css b/modules/jumpstart_ui/dist/css/anchor_nav.css index 51ea3e8e..73b48c85 100644 --- a/modules/jumpstart_ui/dist/css/anchor_nav.css +++ b/modules/jumpstart_ui/dist/css/anchor_nav.css @@ -1 +1 @@ -.anchor-link-nav ul{list-style:none}.anchor-link-nav ul li{margin-bottom:0}.anchor-link-nav ul li a{color:#b1040e;font-size:17px;text-decoration:none}.anchor-link-nav ul li a:focus,.anchor-link-nav ul li a:hover{color:#f83535;-webkit-text-decoration:underline solid 2px #f83535;text-decoration:underline solid 2px #f83535;text-underline-offset:5px}.anchor-link-nav button{font-size:17px;line-height:21px;margin:0;padding:0}.anchor-link-nav button,.anchor-link-nav button:focus,.anchor-link-nav button:hover{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#2e2d29}.anchor-link-nav button i{color:#b1040e;padding-left:10px;padding-right:0;-webkit-transition:.2s ease;transition:.2s ease}.anchor-link-nav button[aria-expanded=true] i{padding-bottom:1px;padding-left:0;padding-right:10px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.anchor-link-nav button:active,.anchor-link-nav button:focus{text-decoration:none}.anchor-link-nav button:hover{-webkit-text-decoration:underline solid #b1040e 2px;text-decoration:underline solid #b1040e 2px;text-underline-offset:5px}.anchor-link-nav.orientation-horizontal{background-color:#f9f9f9;border:1px solid #c0c0bf;border-radius:46px;padding-bottom:0;padding-left:3.2rem;padding-top:0}@media only screen and (min-width:768px){.anchor-link-nav.orientation-horizontal{padding-left:4.5rem}}@media only screen and (min-width:1500px){.anchor-link-nav.orientation-horizontal{padding-left:4.8rem}}.anchor-link-nav.orientation-horizontal{padding-right:3.2rem}@media only screen and (min-width:768px){.anchor-link-nav.orientation-horizontal{padding-right:4.5rem}}@media only screen and (min-width:1500px){.anchor-link-nav.orientation-horizontal{padding-right:4.8rem}}.anchor-link-nav.orientation-horizontal{height:53px;margin:0 auto 32px;max-height:61px;max-width:245px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:768px){.anchor-link-nav.orientation-horizontal{height:59px;margin-bottom:35px}}@media screen and (min-width:992px){.anchor-link-nav.orientation-horizontal{margin-bottom:45px}}.anchor-link-nav.orientation-horizontal .overflow-items{background-color:#f9f9f9;border:1px solid #c0c0bf;border-radius:6px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;max-height:433px;opacity:1;overflow-y:auto;position:absolute;right:0;top:70px;-webkit-transition:.2s ease;transition:.2s ease;width:280px;z-index:1}.anchor-link-nav.orientation-horizontal .overflow-items.hidden{display:block;height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;right:0;top:50px;-webkit-transition:.05s ease;transition:.05s ease}.anchor-link-nav.orientation-horizontal .overflow-items.hidden li{display:none}@media screen and (max-width:1199px){.anchor-link-nav.orientation-horizontal .overflow-items,.anchor-link-nav.orientation-horizontal .overflow-items.hidden{right:-66px}}.anchor-link-nav.orientation-horizontal{margin-left:auto;margin-right:auto}@media screen and (min-width:1200px){.anchor-link-nav.orientation-horizontal{height:61px;margin-bottom:48px;max-width:1000px}}.anchor-link-nav.orientation-horizontal ul:not(.overflow-items){font-size:17px;gap:27px;margin:0;padding:18px 0}.anchor-link-nav.orientation-horizontal nav,.anchor-link-nav.orientation-horizontal ul:not(.overflow-items){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.anchor-link-nav.orientation-horizontal nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;max-width:169px;position:relative;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.anchor-link-nav.orientation-horizontal nav ul:first-child:before{content:unset}@media screen and (min-width:1200px){.anchor-link-nav.orientation-horizontal nav{margin:0 auto;max-width:1000px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.anchor-link-nav.orientation-horizontal nav ul:first-child:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1zbG90PSJpY29uIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDYuNzVBLjc1Ljc1IDAgMCAxIDMuNzUgNmgxNi41YS43NS43NSAwIDAgMSAwIDEuNUgzLjc1QS43NS43NSAwIDAgMSAzIDYuNzVaTTMgMTJhLjc1Ljc1IDAgMCAxIC43NS0uNzVoMTYuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMy43NUEuNzUuNzUgMCAwIDEgMyAxMlptMCA1LjI1YS43NS43NSAwIDAgMSAuNzUtLjc1SDEyYS43NS43NSAwIDAgMSAwIDEuNUgzLjc1YS43NS43NSAwIDAgMS0uNzUtLjc1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat;background-color:#f9f9f9;content:" On This Page";display:inline-block;font-size:17px;height:23px;margin-right:10px;padding-left:30px;vertical-align:middle;width:20px;width:120px}}.anchor-link-nav.orientation-horizontal nav button{padding-bottom:18px;padding-top:18px}@media screen and (min-width:768px){.anchor-link-nav.orientation-horizontal nav button{padding-top:18px}}@media screen and (max-width:767px){.anchor-link-nav.orientation-horizontal nav button{padding-top:15px}}@media screen and (max-width:1199px){.anchor-link-nav.orientation-horizontal nav button:before{background-color:#f9f9f9;content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1zbG90PSJpY29uIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDYuNzVBLjc1Ljc1IDAgMCAxIDMuNzUgNmgxNi41YS43NS43NSAwIDAgMSAwIDEuNUgzLjc1QS43NS43NSAwIDAgMSAzIDYuNzVaTTMgMTJhLjc1Ljc1IDAgMCAxIC43NS0uNzVoMTYuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMy43NUEuNzUuNzUgMCAwIDEgMyAxMlptMCA1LjI1YS43NS43NSAwIDAgMSAuNzUtLjc1SDEyYS43NS43NSAwIDAgMSAwIDEuNUgzLjc1YS43NS43NSAwIDAgMS0uNzUtLjc1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);display:inline-block;font-size:17px;height:23px;margin-right:10px;vertical-align:middle;width:20px}.anchor-link-nav.orientation-horizontal nav button{margin:0 auto}}@media screen and (min-width:1200px){.anchor-link-nav.orientation-horizontal nav button{padding-left:3rem}}@media only screen and (min-width:1200px)and (min-width:768px){.anchor-link-nav.orientation-horizontal nav button{padding-left:3.6rem}}@media only screen and (min-width:1200px)and (min-width:1500px){.anchor-link-nav.orientation-horizontal nav button{padding-left:3.8rem}}.anchor-link-nav .overflow-items{padding-top:3rem}@media only screen and (min-width:768px){.anchor-link-nav .overflow-items{padding-top:3.6rem}}@media only screen and (min-width:1500px){.anchor-link-nav .overflow-items{padding-top:3.8rem}}.anchor-link-nav .overflow-items{padding-bottom:3rem}@media only screen and (min-width:768px){.anchor-link-nav .overflow-items{padding-bottom:3.6rem}}@media only screen and (min-width:1500px){.anchor-link-nav .overflow-items{padding-bottom:3.8rem}}.anchor-link-nav .overflow-items{padding-left:3.2rem}@media only screen and (min-width:768px){.anchor-link-nav .overflow-items{padding-left:4.5rem}}@media only screen and (min-width:1500px){.anchor-link-nav .overflow-items{padding-left:4.8rem}}.anchor-link-nav .overflow-items{padding-right:3.2rem}@media only screen and (min-width:768px){.anchor-link-nav .overflow-items{padding-right:4.5rem}}@media only screen and (min-width:1500px){.anchor-link-nav .overflow-items{padding-right:4.8rem}}.anchor-link-nav .overflow-items .overflow-item{text-wrap:wrap;margin-bottom:27px;max-width:188px}.anchor-link-nav .overflow-items li:last-child{margin-bottom:0}@media screen and (max-width:991px){.anchor-link-nav.orientation-vertical{background-color:#f9f9f9;border:1px solid #c0c0bf;border-radius:46px;height:53px;margin:0 auto 32px;max-height:61px;max-width:245px;padding:0 3.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media only screen and (max-width:991px)and (min-width:768px){.anchor-link-nav.orientation-vertical{padding-left:4.5rem}}@media only screen and (max-width:991px)and (min-width:1500px){.anchor-link-nav.orientation-vertical{padding-left:4.8rem}}@media only screen and (max-width:991px)and (min-width:768px){.anchor-link-nav.orientation-vertical{padding-right:4.5rem}}@media only screen and (max-width:991px)and (min-width:1500px){.anchor-link-nav.orientation-vertical{padding-right:4.8rem}}@media screen and (max-width:991px)and (min-width:768px){.anchor-link-nav.orientation-vertical{height:59px;margin-bottom:35px}}@media screen and (max-width:991px)and (min-width:992px){.anchor-link-nav.orientation-vertical{margin-bottom:45px}}@media screen and (max-width:991px){.anchor-link-nav.orientation-vertical .overflow-items{background-color:#f9f9f9;border:1px solid #c0c0bf;border-radius:6px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;max-height:433px;opacity:1;overflow-y:auto;position:absolute;right:0;top:70px;-webkit-transition:.2s ease;transition:.2s ease;width:280px;z-index:1}.anchor-link-nav.orientation-vertical .overflow-items.hidden{display:block;height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;right:0;top:50px;-webkit-transition:.05s ease;transition:.05s ease}.anchor-link-nav.orientation-vertical .overflow-items.hidden li{display:none}}@media screen and (max-width:991px)and (max-width:1199px){.anchor-link-nav.orientation-vertical .overflow-items,.anchor-link-nav.orientation-vertical .overflow-items.hidden{right:-66px}}@media screen and (max-width:991px){.anchor-link-nav.orientation-vertical nav{position:relative}.anchor-link-nav.orientation-vertical nav button{padding-bottom:18px;padding-top:18px}}@media screen and (max-width:991px)and (min-width:768px){.anchor-link-nav.orientation-vertical nav button{padding-top:18px}}@media screen and (max-width:991px)and (max-width:767px){.anchor-link-nav.orientation-vertical nav button{padding-top:15px}}@media screen and (max-width:991px)and (max-width:991px){.anchor-link-nav.orientation-vertical nav button:before{background-color:#f9f9f9;content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1zbG90PSJpY29uIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDYuNzVBLjc1Ljc1IDAgMCAxIDMuNzUgNmgxNi41YS43NS43NSAwIDAgMSAwIDEuNUgzLjc1QS43NS43NSAwIDAgMSAzIDYuNzVaTTMgMTJhLjc1Ljc1IDAgMCAxIC43NS0uNzVoMTYuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMy43NUEuNzUuNzUgMCAwIDEgMyAxMlptMCA1LjI1YS43NS43NSAwIDAgMSAuNzUtLjc1SDEyYS43NS43NSAwIDAgMSAwIDEuNUgzLjc1YS43NS43NSAwIDAgMS0uNzUtLjc1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);display:inline-block;font-size:17px;height:23px;margin-right:10px;vertical-align:middle;width:20px}.anchor-link-nav.orientation-vertical nav button{margin:0 auto}}@media screen and (max-width:991px){.anchor-link-nav.orientation-vertical nav ul:first-child{margin:0}}@media screen and (min-width:992px){.anchor-link-nav.orientation-vertical{margin-bottom:50px}.anchor-link-nav.orientation-vertical nav:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1zbG90PSJpY29uIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDYuNzVBLjc1Ljc1IDAgMCAxIDMuNzUgNmgxNi41YS43NS43NSAwIDAgMSAwIDEuNUgzLjc1QS43NS43NSAwIDAgMSAzIDYuNzVaTTMgMTJhLjc1Ljc1IDAgMCAxIC43NS0uNzVoMTYuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMy43NUEuNzUuNzUgMCAwIDEgMyAxMlptMCA1LjI1YS43NS43NSAwIDAgMSAuNzUtLjc1SDEyYS43NS43NSAwIDAgMSAwIDEuNUgzLjc1YS43NS43NSAwIDAgMS0uNzUtLjc1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 0;background-color:#f9f9f9;content:" On This Page";display:inline-block;font-size:17px;height:23px;margin-right:10px;padding-left:30px;vertical-align:middle;width:20px;width:130px}.anchor-link-nav.orientation-vertical nav{background-color:#f9f9f9;border:1px solid #c0c0bf;border-radius:6px;padding:2rem;position:sticky;top:0}}@media only screen and (min-width:992px)and (min-width:768px){.anchor-link-nav.orientation-vertical nav{padding-top:2.6rem}}@media only screen and (min-width:992px)and (min-width:1500px){.anchor-link-nav.orientation-vertical nav{padding-top:2.7rem}}@media only screen and (min-width:992px)and (min-width:768px){.anchor-link-nav.orientation-vertical nav{padding-bottom:2.6rem}}@media only screen and (min-width:992px)and (min-width:1500px){.anchor-link-nav.orientation-vertical nav{padding-bottom:2.7rem}}@media only screen and (min-width:992px)and (min-width:768px){.anchor-link-nav.orientation-vertical nav{padding-right:2.6rem}}@media only screen and (min-width:992px)and (min-width:1500px){.anchor-link-nav.orientation-vertical nav{padding-right:2.7rem}}@media screen and (min-width:992px){.anchor-link-nav.orientation-vertical nav ul:first-child li{text-wrap:wrap;margin-bottom:10px;max-width:188px}.anchor-link-nav.orientation-vertical nav ul:first-child li:last-child{margin-bottom:0}.anchor-link-nav.orientation-vertical nav ul:first-child:has(+ul){margin-bottom:0}.anchor-link-nav.orientation-vertical nav ul:first-child+ul{margin-top:0}.anchor-link-nav.orientation-vertical .overflow-items{padding:0 1.5rem;-webkit-transition:.2s ease;transition:.2s ease}}@media only screen and (min-width:992px)and (min-width:768px){.anchor-link-nav.orientation-vertical .overflow-items{padding-left:1.8rem}}@media only screen and (min-width:992px)and (min-width:1500px){.anchor-link-nav.orientation-vertical .overflow-items{padding-left:1.9rem}}@media only screen and (min-width:992px)and (min-width:768px){.anchor-link-nav.orientation-vertical .overflow-items{padding-right:1.8rem}}@media only screen and (min-width:992px)and (min-width:1500px){.anchor-link-nav.orientation-vertical .overflow-items{padding-right:1.9rem}}@media screen and (min-width:992px){.anchor-link-nav.orientation-vertical .overflow-items.hidden{display:block;height:0;margin:0;opacity:0;overflow:hidden;-webkit-transition:.05s ease;transition:.05s ease}.anchor-link-nav.orientation-vertical .overflow-items.hidden li{display:none}.anchor-link-nav.orientation-vertical .overflow-items .overflow-item{margin-bottom:10px}.anchor-link-nav.orientation-vertical .overflow-items li:last-child{margin-bottom:0}} \ No newline at end of file +.anchor-link-nav ul{list-style:none}.anchor-link-nav ul li{margin-bottom:0}.anchor-link-nav ul li a{color:#b1040e;font-size:17px;text-decoration:none}.anchor-link-nav ul li a:focus,.anchor-link-nav ul li a:hover{color:#f83535;-webkit-text-decoration:underline solid 2px #f83535;text-decoration:underline solid 2px #f83535;text-underline-offset:5px}.anchor-link-nav button{font-size:17px;line-height:21px;margin:0;padding:0}.anchor-link-nav button,.anchor-link-nav button:focus,.anchor-link-nav button:hover{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#2e2d29}.anchor-link-nav button i{color:#b1040e;padding-left:10px;padding-right:0;-webkit-transition:.2s ease;transition:.2s ease}.anchor-link-nav button[aria-expanded=true] i{padding-bottom:1px;padding-left:0;padding-right:10px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.anchor-link-nav button:active,.anchor-link-nav button:focus{text-decoration:none}.anchor-link-nav button:hover{-webkit-text-decoration:underline solid #b1040e 2px;text-decoration:underline solid #b1040e 2px;text-underline-offset:5px}.anchor-link-nav.orientation-horizontal{background-color:#f9f9f9;border:1px solid #c0c0bf;border-radius:46px;padding-bottom:0;padding-left:3.2rem;padding-top:0}@media only screen and (min-width:768px){.anchor-link-nav.orientation-horizontal{padding-left:4.5rem}}@media only screen and (min-width:1500px){.anchor-link-nav.orientation-horizontal{padding-left:4.8rem}}.anchor-link-nav.orientation-horizontal{padding-right:3.2rem}@media only screen and (min-width:768px){.anchor-link-nav.orientation-horizontal{padding-right:4.5rem}}@media only screen and (min-width:1500px){.anchor-link-nav.orientation-horizontal{padding-right:4.8rem}}.anchor-link-nav.orientation-horizontal{height:53px;margin:0 auto 32px;max-height:61px;max-width:245px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:768px){.anchor-link-nav.orientation-horizontal{height:59px;margin-bottom:35px}}@media screen and (min-width:992px){.anchor-link-nav.orientation-horizontal{margin-bottom:45px}}.anchor-link-nav.orientation-horizontal .overflow-items{background-color:#f9f9f9;border:1px solid #c0c0bf;border-radius:6px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;max-height:433px;opacity:1;overflow-y:auto;position:absolute;right:0;top:70px;-webkit-transition:.2s ease;transition:.2s ease;width:280px;z-index:1}.anchor-link-nav.orientation-horizontal .overflow-items.hidden{display:block;height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;right:0;top:50px;-webkit-transition:.05s ease;transition:.05s ease}.anchor-link-nav.orientation-horizontal .overflow-items.hidden li{display:none}@media screen and (max-width:1199px){.anchor-link-nav.orientation-horizontal .overflow-items,.anchor-link-nav.orientation-horizontal .overflow-items.hidden{right:-66px}}.anchor-link-nav.orientation-horizontal{margin-left:auto;margin-right:auto}@media screen and (min-width:1200px){.anchor-link-nav.orientation-horizontal{height:61px;margin-bottom:48px;max-width:1000px}}.anchor-link-nav.orientation-horizontal ul:not(.overflow-items){font-size:17px;gap:27px;margin:0;padding:18px 0}.anchor-link-nav.orientation-horizontal nav,.anchor-link-nav.orientation-horizontal ul:not(.overflow-items){-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.anchor-link-nav.orientation-horizontal nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;max-width:169px;position:relative;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.anchor-link-nav.orientation-horizontal nav ul:first-child:before{content:unset}@media screen and (min-width:1200px){.anchor-link-nav.orientation-horizontal nav{margin:0 auto;max-width:1000px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.anchor-link-nav.orientation-horizontal nav ul:first-child:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1zbG90PSJpY29uIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDYuNzVBLjc1Ljc1IDAgMCAxIDMuNzUgNmgxNi41YS43NS43NSAwIDAgMSAwIDEuNUgzLjc1QS43NS43NSAwIDAgMSAzIDYuNzVaTTMgMTJhLjc1Ljc1IDAgMCAxIC43NS0uNzVoMTYuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMy43NUEuNzUuNzUgMCAwIDEgMyAxMlptMCA1LjI1YS43NS43NSAwIDAgMSAuNzUtLjc1SDEyYS43NS43NSAwIDAgMSAwIDEuNUgzLjc1YS43NS43NSAwIDAgMS0uNzUtLjc1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat;background-color:#f9f9f9;content:" On This Page";display:inline-block;font-size:17px;height:23px;margin-right:10px;padding-left:30px;vertical-align:middle;width:20px;width:120px}}.anchor-link-nav.orientation-horizontal nav button{padding-bottom:18px;padding-top:18px}@media screen and (min-width:768px){.anchor-link-nav.orientation-horizontal nav button{padding-top:18px}}@media screen and (max-width:767px){.anchor-link-nav.orientation-horizontal nav button{padding-top:15px}}@media screen and (max-width:1199px){.anchor-link-nav.orientation-horizontal nav button:before{background-color:#f9f9f9;content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1zbG90PSJpY29uIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDYuNzVBLjc1Ljc1IDAgMCAxIDMuNzUgNmgxNi41YS43NS43NSAwIDAgMSAwIDEuNUgzLjc1QS43NS43NSAwIDAgMSAzIDYuNzVaTTMgMTJhLjc1Ljc1IDAgMCAxIC43NS0uNzVoMTYuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMy43NUEuNzUuNzUgMCAwIDEgMyAxMlptMCA1LjI1YS43NS43NSAwIDAgMSAuNzUtLjc1SDEyYS43NS43NSAwIDAgMSAwIDEuNUgzLjc1YS43NS43NSAwIDAgMS0uNzUtLjc1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);display:inline-block;font-size:17px;height:23px;margin-right:10px;vertical-align:middle;width:20px}.anchor-link-nav.orientation-horizontal nav button{margin:0 auto}}@media screen and (min-width:1200px){.anchor-link-nav.orientation-horizontal nav button{padding-left:3rem}}@media only screen and (min-width:1200px)and (min-width:768px){.anchor-link-nav.orientation-horizontal nav button{padding-left:3.6rem}}@media only screen and (min-width:1200px)and (min-width:1500px){.anchor-link-nav.orientation-horizontal nav button{padding-left:3.8rem}}.anchor-link-nav.orientation-horizontal:not(.has-headings){display:none}.anchor-link-nav .overflow-items{padding-top:3rem}@media only screen and (min-width:768px){.anchor-link-nav .overflow-items{padding-top:3.6rem}}@media only screen and (min-width:1500px){.anchor-link-nav .overflow-items{padding-top:3.8rem}}.anchor-link-nav .overflow-items{padding-bottom:3rem}@media only screen and (min-width:768px){.anchor-link-nav .overflow-items{padding-bottom:3.6rem}}@media only screen and (min-width:1500px){.anchor-link-nav .overflow-items{padding-bottom:3.8rem}}.anchor-link-nav .overflow-items{padding-left:3.2rem}@media only screen and (min-width:768px){.anchor-link-nav .overflow-items{padding-left:4.5rem}}@media only screen and (min-width:1500px){.anchor-link-nav .overflow-items{padding-left:4.8rem}}.anchor-link-nav .overflow-items{padding-right:3.2rem}@media only screen and (min-width:768px){.anchor-link-nav .overflow-items{padding-right:4.5rem}}@media only screen and (min-width:1500px){.anchor-link-nav .overflow-items{padding-right:4.8rem}}.anchor-link-nav .overflow-items .overflow-item{text-wrap:wrap;margin-bottom:27px;max-width:188px}.anchor-link-nav .overflow-items li:last-child{margin-bottom:0}@media screen and (max-width:991px){.anchor-link-nav.orientation-vertical{background-color:#f9f9f9;border:1px solid #c0c0bf;border-radius:46px;height:53px;margin:0 auto 32px;max-height:61px;max-width:245px;padding:0 3.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media only screen and (max-width:991px)and (min-width:768px){.anchor-link-nav.orientation-vertical{padding-left:4.5rem}}@media only screen and (max-width:991px)and (min-width:1500px){.anchor-link-nav.orientation-vertical{padding-left:4.8rem}}@media only screen and (max-width:991px)and (min-width:768px){.anchor-link-nav.orientation-vertical{padding-right:4.5rem}}@media only screen and (max-width:991px)and (min-width:1500px){.anchor-link-nav.orientation-vertical{padding-right:4.8rem}}@media screen and (max-width:991px)and (min-width:768px){.anchor-link-nav.orientation-vertical{height:59px;margin-bottom:35px}}@media screen and (max-width:991px)and (min-width:992px){.anchor-link-nav.orientation-vertical{margin-bottom:45px}}@media screen and (max-width:991px){.anchor-link-nav.orientation-vertical .overflow-items{background-color:#f9f9f9;border:1px solid #c0c0bf;border-radius:6px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;max-height:433px;opacity:1;overflow-y:auto;position:absolute;right:0;top:70px;-webkit-transition:.2s ease;transition:.2s ease;width:280px;z-index:1}.anchor-link-nav.orientation-vertical .overflow-items.hidden{display:block;height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;right:0;top:50px;-webkit-transition:.05s ease;transition:.05s ease}.anchor-link-nav.orientation-vertical .overflow-items.hidden li{display:none}}@media screen and (max-width:991px)and (max-width:1199px){.anchor-link-nav.orientation-vertical .overflow-items,.anchor-link-nav.orientation-vertical .overflow-items.hidden{right:-66px}}@media screen and (max-width:991px){.anchor-link-nav.orientation-vertical nav{position:relative}.anchor-link-nav.orientation-vertical nav button{padding-bottom:18px;padding-top:18px}}@media screen and (max-width:991px)and (min-width:768px){.anchor-link-nav.orientation-vertical nav button{padding-top:18px}}@media screen and (max-width:991px)and (max-width:767px){.anchor-link-nav.orientation-vertical nav button{padding-top:15px}}@media screen and (max-width:991px)and (max-width:991px){.anchor-link-nav.orientation-vertical nav button:before{background-color:#f9f9f9;content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1zbG90PSJpY29uIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDYuNzVBLjc1Ljc1IDAgMCAxIDMuNzUgNmgxNi41YS43NS43NSAwIDAgMSAwIDEuNUgzLjc1QS43NS43NSAwIDAgMSAzIDYuNzVaTTMgMTJhLjc1Ljc1IDAgMCAxIC43NS0uNzVoMTYuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMy43NUEuNzUuNzUgMCAwIDEgMyAxMlptMCA1LjI1YS43NS43NSAwIDAgMSAuNzUtLjc1SDEyYS43NS43NSAwIDAgMSAwIDEuNUgzLjc1YS43NS43NSAwIDAgMS0uNzUtLjc1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);display:inline-block;font-size:17px;height:23px;margin-right:10px;vertical-align:middle;width:20px}.anchor-link-nav.orientation-vertical nav button{margin:0 auto}}@media screen and (max-width:991px){.anchor-link-nav.orientation-vertical nav ul:first-child{margin:0}}@media screen and (min-width:992px){.anchor-link-nav.orientation-vertical{margin-bottom:50px}.anchor-link-nav.orientation-vertical nav:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iY3VycmVudENvbG9yIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1zbG90PSJpY29uIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDYuNzVBLjc1Ljc1IDAgMCAxIDMuNzUgNmgxNi41YS43NS43NSAwIDAgMSAwIDEuNUgzLjc1QS43NS43NSAwIDAgMSAzIDYuNzVaTTMgMTJhLjc1Ljc1IDAgMCAxIC43NS0uNzVoMTYuNWEuNzUuNzUgMCAwIDEgMCAxLjVIMy43NUEuNzUuNzUgMCAwIDEgMyAxMlptMCA1LjI1YS43NS43NSAwIDAgMSAuNzUtLjc1SDEyYS43NS43NSAwIDAgMSAwIDEuNUgzLjc1YS43NS43NSAwIDAgMS0uNzUtLjc1WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 0;background-color:#f9f9f9;content:" On This Page";display:inline-block;font-size:17px;height:23px;margin-right:10px;padding-left:30px;vertical-align:middle;width:20px;width:130px}.anchor-link-nav.orientation-vertical nav{background-color:#f9f9f9;border:1px solid #c0c0bf;border-radius:6px;padding:2rem;position:sticky;top:0}}@media only screen and (min-width:992px)and (min-width:768px){.anchor-link-nav.orientation-vertical nav{padding-top:2.6rem}}@media only screen and (min-width:992px)and (min-width:1500px){.anchor-link-nav.orientation-vertical nav{padding-top:2.7rem}}@media only screen and (min-width:992px)and (min-width:768px){.anchor-link-nav.orientation-vertical nav{padding-bottom:2.6rem}}@media only screen and (min-width:992px)and (min-width:1500px){.anchor-link-nav.orientation-vertical nav{padding-bottom:2.7rem}}@media only screen and (min-width:992px)and (min-width:768px){.anchor-link-nav.orientation-vertical nav{padding-right:2.6rem}}@media only screen and (min-width:992px)and (min-width:1500px){.anchor-link-nav.orientation-vertical nav{padding-right:2.7rem}}@media screen and (min-width:992px){.anchor-link-nav.orientation-vertical nav ul:first-child li{text-wrap:wrap;margin-bottom:10px;max-width:188px}.anchor-link-nav.orientation-vertical nav ul:first-child li:last-child{margin-bottom:0}.anchor-link-nav.orientation-vertical nav ul:first-child:has(+ul){margin-bottom:0}.anchor-link-nav.orientation-vertical nav ul:first-child+ul{margin-top:0}.anchor-link-nav.orientation-vertical .overflow-items{padding:0 1.5rem;-webkit-transition:.2s ease;transition:.2s ease}}@media only screen and (min-width:992px)and (min-width:768px){.anchor-link-nav.orientation-vertical .overflow-items{padding-left:1.8rem}}@media only screen and (min-width:992px)and (min-width:1500px){.anchor-link-nav.orientation-vertical .overflow-items{padding-left:1.9rem}}@media only screen and (min-width:992px)and (min-width:768px){.anchor-link-nav.orientation-vertical .overflow-items{padding-right:1.8rem}}@media only screen and (min-width:992px)and (min-width:1500px){.anchor-link-nav.orientation-vertical .overflow-items{padding-right:1.9rem}}@media screen and (min-width:992px){.anchor-link-nav.orientation-vertical .overflow-items.hidden{display:block;height:0;margin:0;opacity:0;overflow:hidden;-webkit-transition:.05s ease;transition:.05s ease}.anchor-link-nav.orientation-vertical .overflow-items.hidden li{display:none}.anchor-link-nav.orientation-vertical .overflow-items .overflow-item{margin-bottom:10px}.anchor-link-nav.orientation-vertical .overflow-items li:last-child{margin-bottom:0}} \ No newline at end of file diff --git a/modules/jumpstart_ui/lib/js/anchor_nav.js b/modules/jumpstart_ui/lib/js/anchor_nav.js index 1ac656d5..8860be3b 100644 --- a/modules/jumpstart_ui/lib/js/anchor_nav.js +++ b/modules/jumpstart_ui/lib/js/anchor_nav.js @@ -10,6 +10,9 @@ return; } + const $container = $('.anchor-link-nav'); + $container.addClass('has-headings'); + const $list = $('