[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    transition:opacity .1s linear;
 103    visibility:hidden;
 104    width:0;
 105    z-index:2;
 106  }
 107  .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
 108    display:flex;
 109    flex-grow:1;
 110  }
 111  .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{
 112    margin-left:auto;
 113    margin-right:0;
 114  }
 115  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
 116    margin:0;
 117  }
 118  @media (min-width:782px){
 119    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
 120      left:100%;
 121      top:-1px;
 122    }
 123    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{
 124      background:#0000;
 125      content:"";
 126      display:block;
 127      height:100%;
 128      position:absolute;
 129      right:100%;
 130      width:.5em;
 131    }
 132    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{
 133      margin-right:.25em;
 134    }
 135    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{
 136      transform:rotate(-90deg);
 137    }
 138  }
 139  .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{
 140    height:auto;
 141    min-width:200px;
 142    opacity:1;
 143    overflow:visible;
 144    visibility:visible;
 145    width:auto;
 146  }
 147  
 148  .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{
 149    left:0;
 150    top:100%;
 151  }
 152  @media (min-width:782px){
 153    .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
 154      left:100%;
 155      top:0;
 156    }
 157  }
 158  
 159  .wp-block-navigation-submenu{
 160    display:flex;
 161    position:relative;
 162  }
 163  .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{
 164    stroke:currentColor;
 165  }
 166  
 167  button.wp-block-navigation-item__content{
 168    background-color:initial;
 169    border:none;
 170    color:currentColor;
 171    font-family:inherit;
 172    font-size:inherit;
 173    font-style:inherit;
 174    font-weight:inherit;
 175    letter-spacing:inherit;
 176    line-height:inherit;
 177    text-align:left;
 178    text-transform:inherit;
 179  }
 180  
 181  .wp-block-navigation-submenu__toggle{
 182    cursor:pointer;
 183  }
 184  
 185  .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{
 186    padding-left:0;
 187    padding-right:.85em;
 188  }
 189  .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{
 190    margin-left:-.6em;
 191    pointer-events:none;
 192  }
 193  
 194  .wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){
 195    padding:0;
 196  }
 197  .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{
 198    gap:inherit;
 199  }
 200  :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)){
 201    padding:.5em 1em;
 202  }
 203  
 204  :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){
 205    padding:.5em 1em;
 206  }
 207  .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{
 208    left:auto;
 209    right:0;
 210  }
 211  .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{
 212    left:-1px;
 213    right:-1px;
 214  }
 215  @media (min-width:782px){
 216    .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{
 217      left:auto;
 218      right:100%;
 219    }
 220  }
 221  
 222  .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
 223    background-color:#fff;
 224    border:1px solid #00000026;
 225  }
 226  
 227  .wp-block-navigation.has-background .wp-block-navigation__submenu-container{
 228    background-color:inherit;
 229  }
 230  
 231  .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{
 232    color:#000;
 233  }
 234  
 235  .wp-block-navigation__container{
 236    align-items:var(--navigation-layout-align, initial);
 237    display:flex;
 238    flex-direction:var(--navigation-layout-direction, initial);
 239    flex-wrap:var(--navigation-layout-wrap, wrap);
 240    justify-content:var(--navigation-layout-justify, initial);
 241    list-style:none;
 242    margin:0;
 243    padding-left:0;
 244  }
 245  .wp-block-navigation__container .is-responsive{
 246    display:none;
 247  }
 248  
 249  .wp-block-navigation__container:only-child,.wp-block-page-list:only-child{
 250    flex-grow:1;
 251  }
 252  @keyframes overlay-menu__fade-in-animation{
 253    0%{
 254      opacity:0;
 255      transform:translateY(.5em);
 256    }
 257    to{
 258      opacity:1;
 259      transform:translateY(0);
 260    }
 261  }
 262  .wp-block-navigation__responsive-container{
 263    bottom:0;
 264    display:none;
 265    left:0;
 266    position:fixed;
 267    right:0;
 268    top:0;
 269  }
 270  .wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){
 271    color:inherit;
 272  }
 273  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
 274    align-items:var(--navigation-layout-align, initial);
 275    display:flex;
 276    flex-direction:var(--navigation-layout-direction, initial);
 277    flex-wrap:var(--navigation-layout-wrap, wrap);
 278    justify-content:var(--navigation-layout-justify, initial);
 279  }
 280  .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){
 281    background-color:inherit !important;
 282    color:inherit !important;
 283  }
 284  .wp-block-navigation__responsive-container.is-menu-open{
 285    animation:overlay-menu__fade-in-animation .1s ease-out;
 286    animation-fill-mode:forwards;
 287    background-color:inherit;
 288    display:flex;
 289    flex-direction:column;
 290    overflow:auto;
 291    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), 20em);
 292    z-index:100000;
 293  }
 294  @media (prefers-reduced-motion:reduce){
 295    .wp-block-navigation__responsive-container.is-menu-open{
 296      animation-delay:0s;
 297      animation-duration:1ms;
 298    }
 299  }
 300  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
 301    align-items:var(--navigation-layout-justification-setting, inherit);
 302    display:flex;
 303    flex-direction:column;
 304    flex-wrap:nowrap;
 305    overflow:visible;
 306    padding-top:calc(2rem + 24px);
 307  }
 308  .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{
 309    justify-content:flex-start;
 310  }
 311  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{
 312    display:none;
 313  }
 314  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
 315    border:none;
 316    height:auto;
 317    min-width:200px;
 318    opacity:1;
 319    overflow:initial;
 320    padding-left:2rem;
 321    padding-right:2rem;
 322    position:static;
 323    visibility:visible;
 324    width:auto;
 325  }
 326  .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{
 327    gap:inherit;
 328  }
 329  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
 330    padding-top:var(--wp--style--block-gap, 2em);
 331  }
 332  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{
 333    padding:0;
 334  }
 335  .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{
 336    align-items:var(--navigation-layout-justification-setting, initial);
 337    display:flex;
 338    flex-direction:column;
 339  }
 340  .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{
 341    background:#0000 !important;
 342    color:inherit !important;
 343  }
 344  .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{
 345    left:auto;
 346    right:auto;
 347  }
 348  @media (min-width:600px){
 349    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
 350      background-color:inherit;
 351      display:block;
 352      position:relative;
 353      width:100%;
 354      z-index:auto;
 355    }
 356    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{
 357      display:none;
 358    }
 359    .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{
 360      left:0;
 361    }
 362  }
 363  
 364  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
 365    background-color:#fff;
 366  }
 367  
 368  .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open{
 369    color:#000;
 370  }
 371  
 372  .wp-block-navigation__toggle_button_label{
 373    font-size:1rem;
 374    font-weight:700;
 375  }
 376  
 377  .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{
 378    background:#0000;
 379    border:none;
 380    color:currentColor;
 381    cursor:pointer;
 382    margin:0;
 383    padding:0;
 384    text-transform:inherit;
 385    vertical-align:middle;
 386  }
 387  .wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{
 388    fill:currentColor;
 389    display:block;
 390    height:24px;
 391    pointer-events:none;
 392    width:24px;
 393  }
 394  
 395  .wp-block-navigation__responsive-container-open{
 396    display:flex;
 397  }
 398  .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{
 399    font-family:inherit;
 400    font-size:inherit;
 401    font-weight:inherit;
 402  }
 403  @media (min-width:600px){
 404    .wp-block-navigation__responsive-container-open:not(.always-shown){
 405      display:none;
 406    }
 407  }
 408  
 409  .wp-block-navigation__responsive-container-close{
 410    position:absolute;
 411    right:0;
 412    top:0;
 413    z-index:2;
 414  }
 415  .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{
 416    font-family:inherit;
 417    font-size:inherit;
 418    font-weight:inherit;
 419  }
 420  
 421  .wp-block-navigation__responsive-close{
 422    width:100%;
 423  }
 424  .has-modal-open .wp-block-navigation__responsive-close{
 425    margin-left:auto;
 426    margin-right:auto;
 427    max-width:var(--wp--style--global--wide-size, 100%);
 428  }
 429  .wp-block-navigation__responsive-close:focus{
 430    outline:none;
 431  }
 432  
 433  .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{
 434    box-sizing:border-box;
 435  }
 436  
 437  .wp-block-navigation__responsive-dialog{
 438    position:relative;
 439  }
 440  
 441  .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{
 442    margin-top:46px;
 443  }
 444  @media (min-width:782px){
 445    .has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{
 446      margin-top:32px;
 447    }
 448  }
 449  
 450  html.has-modal-open{
 451    overflow:hidden;
 452  }