[Summary view] [Print] [Text view]

   1  .blocks-gallery-grid:not(.has-nested-images),.wp-block-gallery:not(.has-nested-images){
   2    display:flex;
   3    flex-wrap:wrap;
   4    list-style-type:none;
   5    margin:0;
   6    padding:0;
   7  }
   8  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item{
   9    display:flex;
  10    flex-direction:column;
  11    flex-grow:1;
  12    justify-content:center;
  13    margin:0 1em 1em 0;
  14    position:relative;
  15    width:calc(50% - 1em);
  16  }
  17  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n){
  18    margin-right:0;
  19  }
  20  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure{
  21    align-items:flex-end;
  22    display:flex;
  23    height:100%;
  24    justify-content:flex-start;
  25    margin:0;
  26  }
  27  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img{
  28    display:block;
  29    height:auto;
  30    max-width:100%;
  31    width:auto;
  32  }
  33  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption{
  34    background:linear-gradient(0deg, #000000b3, #0000004d 70%, #0000);
  35    bottom:0;
  36    box-sizing:border-box;
  37    color:#fff;
  38    font-size:.8em;
  39    margin:0;
  40    max-height:100%;
  41    overflow:auto;
  42    padding:3em .77em .7em;
  43    position:absolute;
  44    text-align:center;
  45    width:100%;
  46    z-index:2;
  47  }
  48  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img{
  49    display:inline;
  50  }
  51  .blocks-gallery-grid:not(.has-nested-images) figcaption,.wp-block-gallery:not(.has-nested-images) figcaption{
  52    flex-grow:1;
  53  }
  54  .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img{
  55    flex:1;
  56    height:100%;
  57    object-fit:cover;
  58    width:100%;
  59  }
  60  .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item{
  61    margin-right:0;
  62    width:100%;
  63  }
  64  @media (min-width:600px){
  65    .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item{
  66      margin-right:1em;
  67      width:calc(33.33333% - .66667em);
  68    }
  69    .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item{
  70      margin-right:1em;
  71      width:calc(25% - .75em);
  72    }
  73    .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item{
  74      margin-right:1em;
  75      width:calc(20% - .8em);
  76    }
  77    .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item{
  78      margin-right:1em;
  79      width:calc(16.66667% - .83333em);
  80    }
  81    .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item{
  82      margin-right:1em;
  83      width:calc(14.28571% - .85714em);
  84    }
  85    .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item{
  86      margin-right:1em;
  87      width:calc(12.5% - .875em);
  88    }
  89    .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n){
  90      margin-right:0;
  91    }
  92  }
  93  .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child{
  94    margin-right:0;
  95  }
  96  .blocks-gallery-grid:not(.has-nested-images).alignleft,.blocks-gallery-grid:not(.has-nested-images).alignright,.wp-block-gallery:not(.has-nested-images).alignleft,.wp-block-gallery:not(.has-nested-images).alignright{
  97    max-width:420px;
  98    width:100%;
  99  }
 100  .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure{
 101    justify-content:center;
 102  }
 103  
 104  .wp-block-gallery:not(.is-cropped) .blocks-gallery-item{
 105    align-self:flex-start;
 106  }
 107  
 108  figure.wp-block-gallery.has-nested-images{
 109    align-items:normal;
 110  }
 111  
 112  .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
 113    margin:0;
 114    width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
 115  }
 116  .wp-block-gallery.has-nested-images figure.wp-block-image{
 117    box-sizing:border-box;
 118    display:flex;
 119    flex-direction:column;
 120    flex-grow:1;
 121    justify-content:center;
 122    max-width:100%;
 123    position:relative;
 124  }
 125  .wp-block-gallery.has-nested-images figure.wp-block-image>a,.wp-block-gallery.has-nested-images figure.wp-block-image>div{
 126    flex-direction:column;
 127    flex-grow:1;
 128    margin:0;
 129  }
 130  .wp-block-gallery.has-nested-images figure.wp-block-image img{
 131    display:block;
 132    height:auto;
 133    max-width:100% !important;
 134    width:auto;
 135  }
 136  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{
 137    bottom:0;
 138    left:0;
 139    max-height:100%;
 140    position:absolute;
 141    right:0;
 142  }
 143  .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{
 144    -webkit-backdrop-filter:blur(3px);
 145            backdrop-filter:blur(3px);
 146    content:"";
 147    height:100%;
 148    -webkit-mask-image:linear-gradient(0deg, #000 20%, #0000);
 149            mask-image:linear-gradient(0deg, #000 20%, #0000);
 150    max-height:40%;
 151  }
 152  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
 153    background:linear-gradient(0deg, #0006, #0000);
 154    box-sizing:border-box;
 155    color:#fff;
 156    font-size:13px;
 157    margin:0;
 158    overflow:auto;
 159    padding:1em;
 160    scrollbar-color:#0000 #0000;
 161    scrollbar-gutter:stable both-edges;
 162    scrollbar-width:thin;
 163    text-align:center;
 164    text-shadow:0 0 1.5px #000;
 165    will-change:transform;
 166  }
 167  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar{
 168    height:12px;
 169    width:12px;
 170  }
 171  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track{
 172    background-color:initial;
 173  }
 174  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb{
 175    background-clip:padding-box;
 176    background-color:initial;
 177    border:3px solid #0000;
 178    border-radius:8px;
 179  }
 180  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus::-webkit-scrollbar-thumb,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover::-webkit-scrollbar-thumb{
 181    background-color:#fffc;
 182  }
 183  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:focus-within,.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:hover{
 184    scrollbar-color:#fffc #0000;
 185  }
 186  @media (hover:none){
 187    .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
 188      scrollbar-color:#fffc #0000;
 189    }
 190  }
 191  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{
 192    display:inline;
 193  }
 194  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{
 195    color:inherit;
 196  }
 197  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{
 198    box-sizing:border-box;
 199  }
 200  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div{
 201    flex:1 1 auto;
 202  }
 203  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption{
 204    background:none;
 205    color:inherit;
 206    flex:initial;
 207    margin:0;
 208    padding:10px 10px 9px;
 209    position:relative;
 210    text-shadow:none;
 211  }
 212  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border:before,.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded:before{
 213    content:none;
 214  }
 215  .wp-block-gallery.has-nested-images figcaption{
 216    flex-basis:100%;
 217    flex-grow:1;
 218    text-align:center;
 219  }
 220  .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){
 221    margin-bottom:auto;
 222    margin-top:0;
 223  }
 224  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){
 225    align-self:inherit;
 226  }
 227  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone){
 228    display:flex;
 229  }
 230  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{
 231    flex:1 0 0%;
 232    height:100%;
 233    object-fit:cover;
 234    width:100%;
 235  }
 236  .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){
 237    width:100%;
 238  }
 239  @media (min-width:600px){
 240    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){
 241      width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
 242    }
 243    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){
 244      width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75);
 245    }
 246    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){
 247      width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8);
 248    }
 249    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){
 250      width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333);
 251    }
 252    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){
 253      width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714);
 254    }
 255    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){
 256      width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875);
 257    }
 258    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){
 259      width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
 260    }
 261    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image){
 262      width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5);
 263    }
 264    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{
 265      width:100%;
 266    }
 267  }
 268  .wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{
 269    max-width:420px;
 270    width:100%;
 271  }
 272  .wp-block-gallery.has-nested-images.aligncenter{
 273    justify-content:center;
 274  }