[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 0 1em 1em;
  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-left: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-left: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-left: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-left: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-left: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-left: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-left: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-left: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-left: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-left: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{
 137    background:linear-gradient(0deg, #000000b3, #0000004d 70%, #0000);
 138    bottom:0;
 139    box-sizing:border-box;
 140    color:#fff;
 141    font-size:13px;
 142    margin-bottom:0;
 143    max-height:60%;
 144    overflow:auto;
 145    padding:0 8px 8px;
 146    position:absolute;
 147    right:0;
 148    scrollbar-color:#0000 #0000;
 149    scrollbar-gutter:stable both-edges;
 150    scrollbar-width:thin;
 151    text-align:center;
 152    width:100%;
 153    will-change:transform;
 154  }
 155  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar{
 156    height:12px;
 157    width:12px;
 158  }
 159  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-track{
 160    background-color:initial;
 161  }
 162  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar-thumb{
 163    background-clip:padding-box;
 164    background-color:initial;
 165    border:3px solid #0000;
 166    border-radius:8px;
 167  }
 168  .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{
 169    background-color:#fffc;
 170  }
 171  .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{
 172    scrollbar-color:#fffc #0000;
 173  }
 174  @media (hover:none){
 175    .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
 176      scrollbar-color:#fffc #0000;
 177    }
 178  }
 179  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img{
 180    display:inline;
 181  }
 182  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a{
 183    color:inherit;
 184  }
 185  .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img{
 186    box-sizing:border-box;
 187  }
 188  .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{
 189    flex:1 1 auto;
 190  }
 191  .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{
 192    background:none;
 193    color:inherit;
 194    flex:initial;
 195    margin:0;
 196    padding:10px 10px 9px;
 197    position:relative;
 198  }
 199  .wp-block-gallery.has-nested-images figcaption{
 200    flex-basis:100%;
 201    flex-grow:1;
 202    text-align:center;
 203  }
 204  .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image){
 205    margin-bottom:auto;
 206    margin-top:0;
 207  }
 208  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image){
 209    align-self:inherit;
 210  }
 211  .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){
 212    display:flex;
 213  }
 214  .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{
 215    flex:1 0 0%;
 216    height:100%;
 217    object-fit:cover;
 218    width:100%;
 219  }
 220  .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image){
 221    width:100%;
 222  }
 223  @media (min-width:600px){
 224    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image){
 225      width:calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
 226    }
 227    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image){
 228      width:calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*.75);
 229    }
 230    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image){
 231      width:calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*.8);
 232    }
 233    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image){
 234      width:calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*.83333);
 235    }
 236    .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image){
 237      width:calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*.85714);
 238    }
 239    .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image){
 240      width:calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*.875);
 241    }
 242    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){
 243      width:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
 244    }
 245    .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){
 246      width:calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*.5);
 247    }
 248    .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child{
 249      width:100%;
 250    }
 251  }
 252  .wp-block-gallery.has-nested-images.alignleft,.wp-block-gallery.has-nested-images.alignright{
 253    max-width:420px;
 254    width:100%;
 255  }
 256  .wp-block-gallery.has-nested-images.aligncenter{
 257    justify-content:center;
 258  }