[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-right:0;
  12    margin-top:0;
  13    padding-right: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(:not([class*=has-text-decoration])) a{
  41    text-decoration:none;
  42  }
  43  .wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus{
  44    text-decoration:none;
  45  }
  46  .wp-block-navigation .wp-block-navigation__submenu-icon{
  47    align-self:center;
  48    background-color:inherit;
  49    border:none;
  50    color:currentColor;
  51    display:inline-block;
  52    font-size:inherit;
  53    height:.6em;
  54    line-height:0;
  55    margin-right:.25em;
  56    padding:0;
  57    width:.6em;
  58  }
  59  .wp-block-navigation .wp-block-navigation__submenu-icon svg{
  60    display:inline-block;
  61    stroke:currentColor;
  62    height:inherit;
  63    margin-top:.075em;
  64    width:inherit;
  65  }
  66  .wp-block-navigation.is-vertical{
  67    --navigation-layout-direction:column;
  68    --navigation-layout-justify:initial;
  69    --navigation-layout-align:flex-start;
  70  }
  71  .wp-block-navigation.no-wrap{
  72    --navigation-layout-wrap:nowrap;
  73  }
  74  .wp-block-navigation.items-justified-center{
  75    --navigation-layout-justification-setting:center;
  76    --navigation-layout-justify:center;
  77  }
  78  .wp-block-navigation.items-justified-center.is-vertical{
  79    --navigation-layout-align:center;
  80  }
  81  .wp-block-navigation.items-justified-right{
  82    --navigation-layout-justification-setting:flex-end;
  83    --navigation-layout-justify:flex-end;
  84  }
  85  .wp-block-navigation.items-justified-right.is-vertical{
  86    --navigation-layout-align:flex-end;
  87  }
  88  .wp-block-navigation.items-justified-space-between{
  89    --navigation-layout-justification-setting:space-between;
  90    --navigation-layout-justify:space-between;
  91  }
  92  
  93  .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
  94    align-items:normal;
  95    background-color:inherit;
  96    color:inherit;
  97    display:flex;
  98    flex-direction:column;
  99    height:0;
 100    opacity:0;
 101    overflow:hidden;
 102    position:absolute;
 103    right:-1px;
 104    top:100%;
 105    transition:opacity .1s linear;
 106    visibility:hidden;
 107    width:0;
 108    z-index:2;
 109  }
 110  .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
 111    display:flex;
 112    flex-grow:1;
 113  }
 114  .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{
 115    margin-left:0;
 116    margin-right:auto;
 117  }
 118  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
 119    margin:0;
 120  }
 121  @media (min-width:782px){
 122    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
 123      right:100%;
 124      top:-1px;
 125    }
 126    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{
 127      background:#0000;
 128      content:"";
 129      display:block;
 130      height:100%;
 131      left:100%;
 132      position:absolute;
 133      width:.5em;
 134    }
 135    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{
 136      margin-left:.25em;
 137    }
 138    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{
 139      transform:rotate(90deg);
 140    }
 141  }
 142  .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{
 143    height:auto;
 144    min-width:200px;
 145    opacity:1;
 146    overflow:visible;
 147    visibility:visible;
 148    width:auto;
 149  }
 150  
 151  .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{
 152    right:0;
 153    top:100%;
 154  }
 155  @media (min-width:782px){
 156    .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
 157      right:100%;
 158      top:0;
 159    }
 160  }
 161  
 162  .wp-block-navigation-submenu{
 163    display:flex;
 164    position:relative;
 165  }
 166  .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{
 167    stroke:currentColor;
 168  }
 169  
 170  button.wp-block-navigation-item__content{
 171    background-color:initial;
 172    border:none;
 173    color:currentColor;
 174    font-family:inherit;
 175    font-size:inherit;
 176    font-style:inherit;
 177    font-weight:inherit;
 178    line-height:inherit;
 179    text-align:right;
 180    text-transform:inherit;
 181  }
 182  
 183  .wp-block-navigation-submenu__toggle{
 184    cursor:pointer;
 185  }
 186  
 187  .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{
 188    padding-left:.85em;
 189    padding-right:0;
 190  }
 191  .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{
 192    margin-right:-.6em;
 193    pointer-events:none;
 194  }
 195  
 196  .wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){
 197    padding:0;
 198  }
 199  .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{
 200    gap:inherit;
 201  }
 202  :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)){
 203    padding:.5em 1em;
 204  }
 205  
 206  :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){
 207    padding:.5em 1em;
 208  }
 209  .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{
 210    left:0;
 211    right:auto;
 212  }
 213  .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{
 214    left:-1px;
 215    right:-1px;
 216  }
 217  @media (min-width:782px){
 218    .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{
 219      left:100%;
 220      right:auto;
 221    }
 222  }
 223  
 224  .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
 225    background-color:#fff;
 226    border:1px solid #00000026;
 227  }
 228  
 229  .wp-block-navigation.has-background .wp-block-navigation__submenu-container{
 230    background-color:inherit;
 231  }
 232  
 233  .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{
 234    color:#000;
 235  }
 236  
 237  .wp-block-navigation__container{
 238    align-items:var(--navigation-layout-align, initial);
 239    display:flex;
 240    flex-direction:var(--navigation-layout-direction, initial);
 241    flex-wrap:var(--navigation-layout-wrap, wrap);
 242    justify-content:var(--navigation-layout-justify, initial);
 243    list-style:none;
 244    margin:0;
 245    padding-right:0;
 246  }
 247  .wp-block-navigation__container .is-responsive{
 248    display:none;
 249  }
 250  
 251  .wp-block-navigation__container:only-child,.wp-block-page-list:only-child{
 252    flex-grow:1;
 253  }
 254  @keyframes overlay-menu__fade-in-animation{
 255    0%{
 256      opacity:0;
 257      transform:translateY(.5em);
 258    }
 259    to{
 260      opacity:1;
 261      transform:translateY(0);
 262    }
 263  }
 264  .wp-block-navigation__responsive-container{
 265    bottom:0;
 266    display:none;
 267    left:0;
 268    position:fixed;
 269    right:0;
 270    top:0;
 271  }
 272  .wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){
 273    color:inherit;
 274  }
 275  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
 276    align-items:var(--navigation-layout-align, initial);
 277    display:flex;
 278    flex-direction:var(--navigation-layout-direction, initial);
 279    flex-wrap:var(--navigation-layout-wrap, wrap);
 280    justify-content:var(--navigation-layout-justify, initial);
 281  }
 282  .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){
 283    background-color:inherit !important;
 284    color:inherit !important;
 285  }
 286  .wp-block-navigation__responsive-container.is-menu-open{
 287    animation:overlay-menu__fade-in-animation .1s ease-out;
 288    animation-fill-mode:forwards;
 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-left), 20em) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem);
 294    z-index:100000;
 295  }
 296  @media (prefers-reduced-motion:reduce){
 297    .wp-block-navigation__responsive-container.is-menu-open{
 298      animation-delay:0s;
 299      animation-duration:1ms;
 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      right: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    left:0;
 413    position:absolute;
 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  }