[Summary view] [Print] [Text view]

   1  .wp-block-navigation{
   2    position:relative;
   3    --navigation-layout-justification-setting:flex-start;
   4    --navigation-layout-direction:row;
   5    --navigation-layout-wrap:wrap;
   6    --navigation-layout-justify:flex-start;
   7    --navigation-layout-align:center;
   8  }
   9  .wp-block-navigation ul{
  10    margin-bottom:0;
  11    margin-left:0;
  12    margin-top:0;
  13    padding-left:0;
  14  }
  15  .wp-block-navigation ul,.wp-block-navigation ul li{
  16    list-style:none;
  17    padding:0;
  18  }
  19  .wp-block-navigation .wp-block-navigation-item{
  20    align-items:center;
  21    background-color:inherit;
  22    display:flex;
  23    position:relative;
  24  }
  25  .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{
  26    display:none;
  27  }
  28  .wp-block-navigation .wp-block-navigation-item__content{
  29    display:block;
  30  }
  31  .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
  32    color:inherit;
  33  }
  34  .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{
  35    text-decoration:underline;
  36  }
  37  .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{
  38    text-decoration:line-through;
  39  }
  40  .wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){
  41    text-decoration:none;
  42  }
  43  .wp-block-navigation .wp-block-navigation__submenu-icon{
  44    align-self:center;
  45    background-color:inherit;
  46    border:none;
  47    color:currentColor;
  48    display:inline-block;
  49    font-size:inherit;
  50    height:.6em;
  51    line-height:0;
  52    margin-left:.25em;
  53    padding:0;
  54    width:.6em;
  55  }
  56  .wp-block-navigation .wp-block-navigation__submenu-icon svg{
  57    display:inline-block;
  58    stroke:currentColor;
  59    height:inherit;
  60    margin-top:.075em;
  61    width:inherit;
  62  }
  63  .wp-block-navigation.is-vertical{
  64    --navigation-layout-direction:column;
  65    --navigation-layout-justify:initial;
  66    --navigation-layout-align:flex-start;
  67  }
  68  .wp-block-navigation.no-wrap{
  69    --navigation-layout-wrap:nowrap;
  70  }
  71  .wp-block-navigation.items-justified-center{
  72    --navigation-layout-justification-setting:center;
  73    --navigation-layout-justify:center;
  74  }
  75  .wp-block-navigation.items-justified-center.is-vertical{
  76    --navigation-layout-align:center;
  77  }
  78  .wp-block-navigation.items-justified-right{
  79    --navigation-layout-justification-setting:flex-end;
  80    --navigation-layout-justify:flex-end;
  81  }
  82  .wp-block-navigation.items-justified-right.is-vertical{
  83    --navigation-layout-align:flex-end;
  84  }
  85  .wp-block-navigation.items-justified-space-between{
  86    --navigation-layout-justification-setting:space-between;
  87    --navigation-layout-justify:space-between;
  88  }
  89  
  90  .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
  91    align-items:normal;
  92    background-color:inherit;
  93    color:inherit;
  94    display:flex;
  95    flex-direction:column;
  96    height:0;
  97    left:-1px;
  98    opacity:0;
  99    overflow:hidden;
 100    position:absolute;
 101    top:100%;
 102    visibility:hidden;
 103    width:0;
 104    z-index:2;
 105  }
 106  @media not (prefers-reduced-motion){
 107    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
 108      transition:opacity .1s linear;
 109    }
 110  }
 111  .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
 112    display:flex;
 113    flex-grow:1;
 114  }
 115  .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{
 116    margin-left:auto;
 117    margin-right:0;
 118  }
 119  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
 120    margin:0;
 121  }
 122  @media (min-width:782px){
 123    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
 124      left:100%;
 125      top:-1px;
 126    }
 127    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{
 128      background:#0000;
 129      content:"";
 130      display:block;
 131      height:100%;
 132      position:absolute;
 133      right:100%;
 134      width:.5em;
 135    }
 136    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{
 137      margin-right:.25em;
 138    }
 139    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{
 140      transform:rotate(-90deg);
 141    }
 142  }
 143  .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{
 144    height:auto;
 145    min-width:200px;
 146    opacity:1;
 147    overflow:visible;
 148    visibility:visible;
 149    width:auto;
 150  }
 151  
 152  .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{
 153    left:0;
 154    top:100%;
 155  }
 156  @media (min-width:782px){
 157    .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
 158      left:100%;
 159      top:0;
 160    }
 161  }
 162  
 163  .wp-block-navigation-submenu{
 164    display:flex;
 165    position:relative;
 166  }
 167  .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{
 168    stroke:currentColor;
 169  }
 170  
 171  button.wp-block-navigation-item__content{
 172    background-color:initial;
 173    border:none;
 174    color:currentColor;
 175    font-family:inherit;
 176    font-size:inherit;
 177    font-style:inherit;
 178    font-weight:inherit;
 179    letter-spacing:inherit;
 180    line-height:inherit;
 181    text-align:left;
 182    text-transform:inherit;
 183  }
 184  
 185  .wp-block-navigation-submenu__toggle{
 186    cursor:pointer;
 187  }
 188  
 189  .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{
 190    padding-left:0;
 191    padding-right:.85em;
 192  }
 193  .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{
 194    margin-left:-.6em;
 195    pointer-events:none;
 196  }
 197  
 198  .wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){
 199    padding:0;
 200  }
 201  .wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{
 202    gap:inherit;
 203  }
 204  :where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){
 205    padding:.5em 1em;
 206  }
 207  
 208  :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){
 209    padding:.5em 1em;
 210  }
 211  .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{
 212    left:auto;
 213    right:0;
 214  }
 215  .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
 216    left:-1px;
 217    right:-1px;
 218  }
 219  @media (min-width:782px){
 220    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
 221      left:auto;
 222      right:100%;
 223    }
 224  }
 225  
 226  .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
 227    background-color:#fff;
 228    border:1px solid #00000026;
 229  }
 230  
 231  .wp-block-navigation.has-background .wp-block-navigation__submenu-container{
 232    background-color:inherit;
 233  }
 234  
 235  .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{
 236    color:#000;
 237  }
 238  
 239  .wp-block-navigation__container{
 240    align-items:var(--navigation-layout-align, initial);
 241    display:flex;
 242    flex-direction:var(--navigation-layout-direction, initial);
 243    flex-wrap:var(--navigation-layout-wrap, wrap);
 244    justify-content:var(--navigation-layout-justify, initial);
 245    list-style:none;
 246    margin:0;
 247    padding-left:0;
 248  }
 249  .wp-block-navigation__container .is-responsive{
 250    display:none;
 251  }
 252  
 253  .wp-block-navigation__container:only-child,.wp-block-page-list:only-child{
 254    flex-grow:1;
 255  }
 256  @keyframes overlay-menu__fade-in-animation{
 257    0%{
 258      opacity:0;
 259      transform:translateY(.5em);
 260    }
 261    to{
 262      opacity:1;
 263      transform:translateY(0);
 264    }
 265  }
 266  .wp-block-navigation__responsive-container{
 267    bottom:0;
 268    display:none;
 269    left:0;
 270    position:fixed;
 271    right:0;
 272    top:0;
 273  }
 274  .wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){
 275    color:inherit;
 276  }
 277  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
 278    align-items:var(--navigation-layout-align, initial);
 279    display:flex;
 280    flex-direction:var(--navigation-layout-direction, initial);
 281    flex-wrap:var(--navigation-layout-wrap, wrap);
 282    justify-content:var(--navigation-layout-justify, initial);
 283  }
 284  .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){
 285    background-color:inherit !important;
 286    color:inherit !important;
 287  }
 288  .wp-block-navigation__responsive-container.is-menu-open{
 289    background-color:inherit;
 290    display:flex;
 291    flex-direction:column;
 292    overflow:auto;
 293    padding:clamp(1rem, var(--wp--style--root--padding-top), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-left), 20rem);
 294    z-index:100000;
 295  }
 296  @media not (prefers-reduced-motion){
 297    .wp-block-navigation__responsive-container.is-menu-open{
 298      animation:overlay-menu__fade-in-animation .1s ease-out;
 299      animation-fill-mode:forwards;
 300    }
 301  }
 302  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
 303    align-items:var(--navigation-layout-justification-setting, inherit);
 304    display:flex;
 305    flex-direction:column;
 306    flex-wrap:nowrap;
 307    overflow:visible;
 308    padding-top:calc(2rem + 24px);
 309  }
 310  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{
 311    justify-content:flex-start;
 312  }
 313  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{
 314    display:none;
 315  }
 316  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
 317    border:none;
 318    height:auto;
 319    min-width:200px;
 320    opacity:1;
 321    overflow:initial;
 322    padding-left:2rem;
 323    padding-right:2rem;
 324    position:static;
 325    visibility:visible;
 326    width:auto;
 327  }
 328  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
 329    gap:inherit;
 330  }
 331  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
 332    padding-top:var(--wp--style--block-gap, 2em);
 333  }
 334  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{
 335    padding:0;
 336  }
 337  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{
 338    align-items:var(--navigation-layout-justification-setting, initial);
 339    display:flex;
 340    flex-direction:column;
 341  }
 342  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{
 343    background:#0000 !important;
 344    color:inherit !important;
 345  }
 346  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{
 347    left:auto;
 348    right:auto;
 349  }
 350  @media (min-width:600px){
 351    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
 352      background-color:inherit;
 353      display:block;
 354      position:relative;
 355      width:100%;
 356      z-index:auto;
 357    }
 358    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{
 359      display:none;
 360    }
 361    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{
 362      left:0;
 363    }
 364  }
 365  
 366  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
 367    background-color:#fff;
 368  }
 369  
 370  .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open{
 371    color:#000;
 372  }
 373  
 374  .wp-block-navigation__toggle_button_label{
 375    font-size:1rem;
 376    font-weight:700;
 377  }
 378  
 379  .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{
 380    background:#0000;
 381    border:none;
 382    color:currentColor;
 383    cursor:pointer;
 384    margin:0;
 385    padding:0;
 386    text-transform:inherit;
 387    vertical-align:middle;
 388  }
 389  .wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{
 390    fill:currentColor;
 391    display:block;
 392    height:24px;
 393    pointer-events:none;
 394    width:24px;
 395  }
 396  
 397  .wp-block-navigation__responsive-container-open{
 398    display:flex;
 399  }
 400  .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{
 401    font-family:inherit;
 402    font-size:inherit;
 403    font-weight:inherit;
 404  }
 405  @media (min-width:600px){
 406    .wp-block-navigation__responsive-container-open:not(.always-shown){
 407      display:none;
 408    }
 409  }
 410  
 411  .wp-block-navigation__responsive-container-close{
 412    position:absolute;
 413    right:0;
 414    top:0;
 415    z-index:2;
 416  }
 417  .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{
 418    font-family:inherit;
 419    font-size:inherit;
 420    font-weight:inherit;
 421  }
 422  
 423  .wp-block-navigation__responsive-close{
 424    width:100%;
 425  }
 426  .has-modal-open .wp-block-navigation__responsive-close{
 427    margin-left:auto;
 428    margin-right:auto;
 429    max-width:var(--wp--style--global--wide-size, 100%);
 430  }
 431  .wp-block-navigation__responsive-close:focus{
 432    outline:none;
 433  }
 434  
 435  .is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{
 436    box-sizing:border-box;
 437  }
 438  
 439  .wp-block-navigation__responsive-dialog{
 440    position:relative;
 441  }
 442  
 443  .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{
 444    margin-top:46px;
 445  }
 446  @media (min-width:782px){
 447    .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{
 448      margin-top:32px;
 449    }
 450  }
 451  
 452  html.has-modal-open{
 453    overflow:hidden;
 454  }