PageRenderTime 128ms CodeModel.GetById 17ms app.highlight 102ms RepoModel.GetById 2ms app.codeStats 0ms

/wp-content/plugins/gallery-by-supsystic/src/GridGallery/Galleries/assets/css/grid-gallery.galleries.effects.css

https://gitlab.com/vovanduc/dainghia
CSS | 1886 lines | 1685 code | 172 blank | 29 comment | 0 complexity | a7cef593759f404495342258812dad40 MD5 | raw file

Large files files are truncated, but you can click here to view the full file

   1.grid-gallery-caption {
   2    position: relative;
   3    float: left;
   4    overflow: hidden;
   5
   6    -webkit-box-sizing: border-box;
   7    -moz-box-sizing: border-box;
   8    box-sizing: border-box;
   9    display: inline-flex;
  10    white-space: normal;
  11    z-index: 1;
  12    padding: 0!important;
  13}
  14
  15a.post .grid-gallery-caption {
  16    position: relative;
  17    float: left;
  18    overflow: hidden;
  19
  20    -webkit-box-sizing: border-box;
  21    -moz-box-sizing: border-box;
  22    box-sizing: border-box;
  23    display: block !important;
  24}
  25
  26/*.grid-gallery-caption:nth-child(2n) {
  27    margin-right: 0;
  28}*/
  29
  30.grid-gallery-caption img {
  31    -webkit-transition: 500ms;
  32    -o-transition: 500ms;
  33    transition: 500ms;
  34    width: 100%;
  35    height: 100%;
  36    display: block;
  37    border-radius: 0;
  38    margin: 0;
  39}
  40
  41.grid-gallery-caption figcaption {
  42    -webkit-box-sizing: border-box;
  43    -moz-box-sizing: border-box;
  44    box-sizing: border-box;
  45    position: absolute;
  46    -webkit-transition: 500ms;
  47    -o-transition: 500ms;
  48    transition: 500ms;
  49    background: rgba(0, 0, 0, 0.8);
  50    width: 100%;
  51    color: white;
  52    font-size: 0.8em;
  53    padding: 10px;
  54    line-height: normal;
  55}
  56
  57.grid-gallery-caption[data-grid-gallery-type="none"] figcaption {
  58    bottom: 0;
  59    left: 0;
  60    opacity: 1;
  61}
  62
  63.grid-gallery-caption[data-grid-gallery-type="center"] figcaption {
  64    top: 50%;
  65    left: 0;
  66    opacity: 0;
  67}
  68
  69.grid-gallery-caption[data-grid-gallery-type="center"]:hover figcaption,
  70.grid-gallery-caption[data-grid-gallery-type="center"].hovered figcaption,
  71.grid-gallery-caption[data-grid-gallery-type="center"]:active figcaption {
  72    opacity: 1;
  73    -webkit-transform: translateY(-50%);
  74    -ms-transform: translateY(-50%);
  75    transform: translateY(-50%);
  76}
  77
  78.grid-gallery-caption[data-grid-gallery-type="icons"] figcaption {
  79    left: 0;
  80    bottom: 0;
  81    opacity: 0;
  82    height: 100%;
  83    color: #ffffff;
  84    pointer-events: none;
  85}
  86
  87.grid-gallery-caption[data-grid-gallery-type="icons"] figcaption a {
  88    pointer-events: all;
  89}
  90
  91.grid-gallery-caption[data-grid-gallery-type="icons"] .caption-with-icons {
  92    position: absolute;
  93    left: 0;
  94    bottom: 0;
  95    width: 100%;
  96    padding: 10px;
  97    font-family: 'Montserrat', sans-serif;
  98    font-weight: 800;
  99}
 100
 101.grid-gallery-caption[data-grid-gallery-type="icons"]:hover figcaption,
 102.grid-gallery-caption[data-grid-gallery-type="icons"]:active figcaption {
 103    opacity: 1;
 104}
 105
 106.grid-gallery-caption[data-grid-gallery-type="icons-scale"] figcaption {
 107    left: 0;
 108    bottom: 0;
 109    opacity: 0;
 110    height: 100%;
 111    -webkit-transform: scale(1.4);
 112    -ms-transform: scale(1.4);
 113    -o-transform: scale(1.4);
 114    transform: scale(1.4);
 115    -webkit-transition-duration: 500ms;
 116    -o-transition-duration: 500ms;
 117    -ms-transition-duration: 500ms;
 118    transition-duration: 500ms;
 119    pointer-events: none;
 120}
 121
 122.grid-gallery-caption[data-grid-gallery-type="icons-scale"] figcaption a {
 123    pointer-events: all;
 124}
 125
 126
 127.grid-gallery-caption[data-grid-gallery-type="icons-scale"] .caption-with-icons-scale {
 128    position: absolute;
 129    left: 0;
 130    bottom: 0;
 131    opacity: 0;
 132    width: 100%;
 133    padding: 10px 0;
 134    font-family: 'Montserrat', sans-serif;
 135    font-weight: 800;
 136    color: #ffffff;
 137    -webkit-transform: scale(2.0);
 138    -ms-transform: scale(2.0);
 139    -o-transform: scale(2.0);
 140    transform: scale(2.0);
 141    -webkit-transition-duration: 500ms;
 142    -o-transition-duration: 500ms;
 143    -ms-transition-duration: 500ms;
 144    transition-duration: 500ms;
 145}
 146
 147.grid-gallery-caption[data-grid-gallery-type="icons-scale"]:hover figcaption,
 148.grid-gallery-caption[data-grid-gallery-type="icons-scale"]:active figcaption {
 149    opacity: 1;
 150    -webkit-transform: scale(1.0);
 151    -ms-transform: scale(1.0);
 152    -o-transform: scale(1.0);
 153    transform: scale(1.0);
 154}
 155
 156.grid-gallery-caption[data-grid-gallery-type="icons-scale"]:hover .caption-with-icons-scale,
 157.grid-gallery-caption[data-grid-gallery-type="icons-scale"]:active .caption-with-icons-scale {
 158    opacity: 1;
 159    -webkit-transform: scale(1.0);
 160    -ms-transform: scale(1.0);
 161    -o-transform: scale(1.0);
 162    transform: scale(1.0);
 163}
 164
 165.grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"] figcaption {
 166    left: -60%;
 167    bottom: 0;
 168    opacity: 0;
 169    width: 60%;
 170    height: 100%;
 171    -webkit-transition-duration: 300ms;
 172    -o-transition-duration: 300ms;
 173    -ms-transition-duration: 300ms;
 174    transition-duration: 300ms;
 175}
 176
 177.grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"] .caption-with-icons-sodium-left {
 178    position: absolute;
 179    left: 100%;
 180    bottom: 0;
 181    opacity: 0;
 182    width: 50%;
 183    height: 100%;
 184    font-family: 'Montserrat', sans-serif;
 185    font-weight: bold;
 186    color: #ffffff;
 187    z-index: 9999;
 188    -webkit-transition-duration: 500ms;
 189    -o-transition-duration: 500ms;
 190    -ms-transition-duration: 500ms;
 191    transition-duration: 500ms;
 192}
 193
 194.grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"] .caption-with-icons-sodium-left div {
 195    margin-top: 10px;
 196}
 197
 198.grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"]:hover figcaption,
 199.grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"]:active figcaption {
 200    opacity: 1;
 201    -webkit-transform: translateX(100%);
 202    -ms-transform: translateX(100%);
 203    -o-transform: translateX(100%);
 204    transform: translateX(100%);
 205}
 206
 207.grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"]:hover .caption-with-icons-sodium-left,
 208.grid-gallery-caption[data-grid-gallery-type="icons-sodium-left"]:active .caption-with-icons-sodium-left {
 209    opacity: 1;
 210    -webkit-transform: translateX(-100%);
 211    -ms-transform: translateX(-100%);
 212    -o-transform: translateX(-100%);
 213    transform: translateX(-100%);
 214}
 215
 216.grid-gallery-caption[data-grid-gallery-type="icons-sodium-top"] figcaption {
 217    left: 0;
 218    bottom: -100%;
 219    opacity: 0;
 220    width: 60%;
 221    height: 100%;
 222    -webkit-transition-duration: 300ms;
 223    -o-transition-duration: 300ms;
 224    -ms-transition-duration: 300ms;
 225    transition-duration: 300ms;
 226}
 227
 228.grid-gallery-caption[data-grid-gallery-type="icons-sodium-top"] .caption-with-icons-sodium-top {
 229    position: absolute;
 230    left: 100%;
 231    bottom: 0;
 232    opacity: 0;
 233    width: 50%;
 234    height: 100%;
 235    font-family: 'Montserrat', sans-serif;
 236    font-weight: bold;
 237    color: #ffffff;
 238    z-index: 9999;
 239    -webkit-transition-duration: 500ms;
 240    -o-transition-duration: 500ms;
 241    -ms-transition-duration: 500ms;
 242    transition-duration: 500ms;
 243}
 244
 245.grid-gallery-caption[data-grid-gallery-type="icons-sodium-top"]:hover figcaption,
 246.grid-gallery-caption[data-grid-gallery-type="icons-sodium-top"]:active figcaption {
 247    opacity: 1;
 248    -webkit-transform: translateY(-100%);
 249    -ms-transform: translateY(-100%);
 250    -o-transform: translateY(-100%);
 251    transform: translateY(-100%);
 252}
 253
 254.grid-gallery-caption[data-grid-gallery-type="icons-sodium-top"]:hover .caption-with-icons-sodium-top,
 255.grid-gallery-caption[data-grid-gallery-type="icons-sodium-top"]:active .caption-with-icons-sodium-top {
 256    opacity: 1;
 257    -webkit-transform: translateX(-100%);
 258    -ms-transform: translateX(-100%);
 259    -o-transform: translateX(-100%);
 260    transform: translateX(-100%);
 261}
 262
 263.grid-gallery-caption[data-grid-gallery-type="icons-nitrogen-top"] figcaption {
 264    left: 0;
 265    bottom: -100%;
 266    opacity: 0.0;
 267    width: 100%;
 268    height: 100%;
 269    -webkit-transition-duration: 300ms;
 270    -o-transition-duration: 300ms;
 271    -ms-transition-duration: 300ms;
 272    transition-duration: 300ms;
 273}
 274
 275.grid-gallery-caption[data-grid-gallery-type="icons-nitrogen-top"] .caption-with-icons-nitrogen-top {
 276    position: absolute;
 277    left: 0;
 278    bottom: 0;
 279    width: 100%;
 280    padding: 10px 0;
 281    font-family: 'Montserrat', sans-serif;
 282    font-weight: bold;
 283    color: #ffffff;
 284    -webkit-transition-duration: 500ms;
 285    -o-transition-duration: 500ms;
 286    -ms-transition-duration: 500ms;
 287    transition-duration: 500ms;
 288}
 289
 290.grid-gallery-caption[data-grid-gallery-type="icons-nitrogen-top"]:hover figcaption,
 291.grid-gallery-caption[data-grid-gallery-type="icons-nitrogen-top"]:active figcaption {
 292    opacity: 1.0;
 293    -webkit-transform: translateY(-100%);
 294    -ms-transform: translateY(-100%);
 295    -o-transform: translateY(-100%);
 296    transform: translateY(-100%);
 297}
 298
 299.grid-gallery-caption[data-grid-gallery-type="icons-nitrogen-top"]:hover .caption-with-icons-nitrogen-top,
 300.grid-gallery-caption[data-grid-gallery-type="icons-nitrogen-top"]:active .caption-with-icons-nitrogen-top {
 301    opacity: 0.0;
 302}
 303
 304.grid-gallery-caption[data-grid-gallery-type="quarter-appear"] figcaption {
 305    bottom: 0;
 306    left: 0;
 307    opacity: 0;
 308}
 309
 310.grid-gallery-caption[data-grid-gallery-type="quarter-appear"]:hover figcaption,
 311.grid-gallery-caption[data-grid-gallery-type="quarter-appear"].hovered figcaption,
 312.grid-gallery-caption[data-grid-gallery-type="quarter-appear"]:active figcaption {
 313    opacity: 1;
 314}
 315
 316.grid-gallery-caption[data-grid-gallery-type="quarter-slide-up"] figcaption {
 317    bottom: 0;
 318    left: 0;
 319    opacity: 0;
 320    -webkit-transform: translateY(100%);
 321    -ms-transform: translateY(100%);
 322    -o-transform: translateY(100%);
 323    transform: translateY(100%);
 324}
 325
 326.grid-gallery-caption[data-grid-gallery-type="quarter-slide-up"]:hover figcaption,
 327.grid-gallery-caption[data-grid-gallery-type="quarter-slide-up"].hovered figcaption,
 328.grid-gallery-caption[data-grid-gallery-type="quarter-slide-up"]:active figcaption {
 329    opacity: 1;
 330    -webkit-transform: translateY(0);
 331    -ms-transform: translateY(0);
 332    -o-transform: translateY(0);
 333    transform: translateY(0);
 334}
 335
 336.grid-gallery-caption[data-grid-gallery-type="sqkwoosh"] figcaption {
 337    top: 0;
 338    left: 0;
 339    width: 100%;
 340    height: 100%;
 341    -webkit-transition: none;
 342    -o-transition: none;
 343    transition: none;
 344    z-index: 0;
 345}
 346
 347.grid-gallery-caption[data-grid-gallery-type="sqkwoosh"] img {
 348    position: relative;
 349    z-index: 1;
 350    -webkit-transition-delay: 0.25s;
 351    -o-transition-delay: 0.25s;
 352    transition-delay: 0.25s;
 353}
 354
 355.grid-gallery-caption[data-grid-gallery-type="sqkwoosh"] .grid-gallery-figcaption-wrap {
 356    position: absolute;
 357    bottom: 1rem;
 358    opacity: 0;
 359    -webkit-transition: opacity 0.25s linear 0s;
 360    -o-transition: opacity 0.25s linear 0s;
 361    transition: opacity 0.25s linear 0s;
 362}
 363
 364.grid-gallery-caption[data-grid-gallery-type="sqkwoosh"]:hover .grid-gallery-figcaption-wrap,
 365.grid-gallery-caption[data-grid-gallery-type="sqkwoosh"].hovered .grid-gallery-figcaption-wrap,
 366.grid-gallery-caption[data-grid-gallery-type="sqkwoosh"]:active .grid-gallery-figcaption-wrap {
 367    opacity: 1;
 368    -webkit-transition-delay: 0.25s;
 369    -o-transition-delay: 0.25s;
 370    transition-delay: 0.25s;
 371}
 372
 373.grid-gallery-caption[data-grid-gallery-type="sqkwoosh"]:hover img,
 374.grid-gallery-caption[data-grid-gallery-type="sqkwoosh"].hovered img,
 375.grid-gallery-caption[data-grid-gallery-type="sqkwoosh"]:active img {
 376    -webkit-transform: scale(0.5) translateY(-80px);
 377    -ms-transform: scale(0.5) translateY(-80px);
 378    -o-transform: scale(0.5) translateY(-80px);
 379    transform: scale(0.5) translateY(-80px);
 380    -webkit-transition-delay: 0;
 381    -o-transition-delay: 0;
 382    transition-delay: 0;
 383}
 384
 385.grid-gallery-caption[data-grid-gallery-type="quarter-slide-side"] figcaption {
 386    left: 0;
 387    bottom: 0;
 388    opacity: 0;
 389    -webkit-transform: translateX(100%);
 390    -ms-transform: translateX(100%);
 391    -o-transform: translateX(100%);
 392    transform: translateX(100%);
 393}
 394
 395.grid-gallery-caption[data-grid-gallery-type="quarter-slide-side"]:hover figcaption,
 396.grid-gallery-caption[data-grid-gallery-type="quarter-slide-side"].hovered figcaption,
 397.grid-gallery-caption[data-grid-gallery-type="quarter-slide-side"]:active figcaption {
 398    opacity: 1;
 399    -webkit-transform: translateX(0);
 400    -ms-transform: translateX(0);
 401    -o-transform: translateX(0);
 402    transform: translateX(0);
 403}
 404
 405.grid-gallery-caption[data-grid-gallery-type="cover-fade"] figcaption {
 406    top: 0;
 407    left: 0;
 408    height: 100%;
 409    opacity: 0;
 410}
 411
 412.grid-gallery-caption[data-grid-gallery-type="cover-fade"]:hover figcaption,
 413.grid-gallery-caption[data-grid-gallery-type="cover-fade"].hovered  figcaption,
 414.grid-gallery-caption[data-grid-gallery-type="cover-fade"]:active figcaption {
 415    opacity: 1;
 416}
 417
 418.grid-gallery-caption[data-grid-gallery-type="quarter-fall-in"] figcaption {
 419    top: 0;
 420    left: 0;
 421    -webkit-transform: translateX(100%) rotate(20deg);
 422    -ms-transform: translateX(100%) rotate(20deg);
 423    -o-transform: translateX(100%) rotate(20deg);
 424    transform: translateX(100%) rotate(20deg);
 425    opacity: 0;
 426}
 427
 428.grid-gallery-caption[data-grid-gallery-type="quarter-fall-in"]:hover figcaption,
 429.grid-gallery-caption[data-grid-gallery-type="quarter-fall-in"].hovered figcaption,
 430.grid-gallery-caption[data-grid-gallery-type="quarter-fall-in"]:active figcaption {
 431    -webkit-transform: translateX(0) rotate(0deg);
 432    -ms-transform: translateX(0) rotate(0deg);
 433    -o-transform: translateX(0) rotate(0deg);
 434    transform: translateX(0) rotate(0deg);
 435    opacity: 1;
 436}
 437
 438.grid-gallery-caption[data-grid-gallery-type="quarter-two-step"] figcaption {
 439    top: 0;
 440    left: 0;
 441    -webkit-transform: translateX(-100%);
 442    -ms-transform: translateX(-100%);
 443    -o-transform: translateX(-100%);
 444    transform: translateX(-100%);
 445    opacity: 0;
 446    z-index: 2;
 447}
 448
 449.grid-gallery-caption[data-grid-gallery-type="quarter-two-step"] .grid-gallery-figcaption-wrap {
 450    -webkit-transition: 500ms 250ms;
 451    -o-transition: 500ms 250ms;
 452    transition: 500ms 250ms;
 453    -webkit-transform: translateX(200%);
 454    -ms-transform: translateX(200%);
 455    -o-transform: translateX(200%);
 456    transform: translateX(200%);
 457}
 458
 459.grid-gallery-caption[data-grid-gallery-type="quarter-two-step"]:hover figcaption,
 460.grid-gallery-caption[data-grid-gallery-type="quarter-two-step"].hovered figcaption,
 461.grid-gallery-caption[data-grid-gallery-type="quarter-two-step"]:active figcaption {
 462    -webkit-transform: translateX(0);
 463    -ms-transform: translateX(0);
 464    -o-transform: translateX(0);
 465    transform: translateX(0);
 466    opacity: 1;
 467}
 468
 469.grid-gallery-caption[data-grid-gallery-type="quarter-two-step"]:hover .grid-gallery-figcaption-wrap,
 470.grid-gallery-caption[data-grid-gallery-type="quarter-two-step"].hovered figcaption,
 471.grid-gallery-caption[data-grid-gallery-type="quarter-two-step"]:active .grid-gallery-figcaption-wrap {
 472    -webkit-transform: translateX(0);
 473    -ms-transform: translateX(0);
 474    -o-transform: translateX(0);
 475    transform: translateX(0);
 476}
 477
 478.grid-gallery-caption[data-grid-gallery-type="cover-push-right"] figcaption {
 479    top: 0;
 480    left: 0;
 481    height: 100%;
 482    -webkit-transform: translateX(-100%);
 483    -ms-transform: translateX(-100%);
 484    -o-transform: translateX(-100%);
 485    transform: translateX(-100%);
 486    opacity: 0;
 487}
 488
 489.grid-gallery-caption[data-grid-gallery-type="cover-push-right"] img {
 490    -webkit-transition: 500ms;
 491    -o-transition: 500ms;
 492    transition: 500ms;
 493    -webkit-transform: translateX(0);
 494    -ms-transform: translateX(0);
 495    -o-transform: translateX(0);
 496    transform: translateX(0);
 497}
 498
 499.grid-gallery-caption[data-grid-gallery-type="cover-push-right"]:hover figcaption,
 500.grid-gallery-caption[data-grid-gallery-type="cover-push-right"].hovered figcaption,
 501.grid-gallery-caption[data-grid-gallery-type="cover-push-right"]:active figcaption {
 502    -webkit-transform: translateX(0);
 503    -ms-transform: translateX(0);
 504    -o-transform: translateX(0);
 505    transform: translateX(0);
 506    opacity: 1;
 507}
 508
 509.grid-gallery-caption[data-grid-gallery-type="cover-push-right"]:hover img,
 510.grid-gallery-caption[data-grid-gallery-type="cover-push-right"].hovered img,
 511.grid-gallery-caption[data-grid-gallery-type="cover-push-right"]:active img {
 512    -webkit-transform: translateX(100%);
 513    -ms-transform: translateX(100%);
 514    -o-transform: translateX(100%);
 515    transform: translateX(100%);
 516}
 517
 518.grid-gallery-caption[data-grid-gallery-type="cover-slide-top"] figcaption {
 519    top: 0;
 520    left: 0;
 521    height: 100%;
 522    -webkit-transform: translateY(-100%);
 523    -ms-transform: translateY(-100%);
 524    -o-transform: translateY(-100%);
 525    transform: translateY(-100%);
 526    opacity: 0;
 527}
 528
 529.grid-gallery-caption[data-grid-gallery-type="cover-slide-top"] img {
 530    -webkit-transition: 500ms;
 531    -o-transition: 500ms;
 532    transition: 500ms;
 533}
 534
 535.grid-gallery-caption[data-grid-gallery-type="cover-slide-top"]:hover figcaption,
 536.grid-gallery-caption[data-grid-gallery-type="cover-slide-top"].hovered figcaption,
 537.grid-gallery-caption[data-grid-gallery-type="cover-slide-top"]:active figcaption {
 538    -webkit-transform: translateY(0);
 539    -ms-transform: translateY(0);
 540    -o-transform: translateY(0);
 541    transform: translateY(0);
 542    opacity: 1;
 543}
 544
 545.grid-gallery-caption[data-grid-gallery-type="quarter-zoom"] figcaption {
 546    top: 0;
 547    left: 0;
 548    -webkit-transform: scale(2);
 549    -ms-transform: scale(2);
 550    -o-transform: scale(2);
 551    transform: scale(2);
 552    text-align: center;
 553    opacity: 0;
 554}
 555
 556.grid-gallery-caption[data-grid-gallery-type="quarter-zoom"] img {
 557    -webkit-transition: 500ms;
 558    -o-transition: 500ms;
 559    transition: 500ms;
 560}
 561
 562.grid-gallery-caption[data-grid-gallery-type="quarter-zoom"]:hover figcaption,
 563.grid-gallery-caption[data-grid-gallery-type="quarter-zoom"].hovered figcaption,
 564.grid-gallery-caption[data-grid-gallery-type="quarter-zoom"]:active figcaption {
 565    -webkit-transform: scale(1);
 566    -ms-transform: scale(1);
 567    -o-transform: scale(1);
 568    transform: scale(1);
 569    opacity: 1;
 570}
 571
 572.grid-gallery-caption[data-grid-gallery-type="quarter-zoom"]:hover img,
 573.grid-gallery-caption[data-grid-gallery-type="quarter-zoom"].hovered img,
 574.grid-gallery-caption[data-grid-gallery-type="quarter-zoom"]:active img {
 575    -webkit-transform: scale(1.1);
 576    -ms-transform: scale(1.1);
 577    -o-transform: scale(1.1);
 578    transform: scale(1.1);
 579}
 580
 581.grid-gallery-caption[data-grid-gallery-type="revolving-door-left"] {
 582    /*overflow: visible;*/
 583}
 584
 585.grid-gallery-caption[data-grid-gallery-type="revolving-door-left"] figcaption {
 586    top: 0;
 587    left: 0;
 588    width: 100%;
 589    height: 100%;
 590    -webkit-transform: perspective(1300px) rotateY(180deg);
 591    -ms-transform: perspective(1300px) rotateY(180deg);
 592    -o-transform: perspective(1300px) rotateY(180deg);
 593    transform: perspective(1300px) rotateY(180deg);
 594    -webkit-backface-visibility: hidden;
 595    -ms-backface-visibility: hidden;
 596    -o-backface-visibility: hidden;
 597    backface-visibility: hidden;
 598}
 599
 600.grid-gallery-caption[data-grid-gallery-type="revolving-door-left"] img {
 601    -webkit-transform: perspective(1300px);
 602    -ms-transform: perspective(1300px);
 603    -o-transform: perspective(1300px);
 604    transform: perspective(1300px);
 605    -webkit-transition: 500ms;
 606    -o-transition: 500ms;
 607    transition: 500ms;
 608}
 609
 610.grid-gallery-caption[data-grid-gallery-type="revolving-door-left"]:hover figcaption,
 611.grid-gallery-caption[data-grid-gallery-type="revolving-door-left"].hovered figcaption,
 612.grid-gallery-caption[data-grid-gallery-type="revolving-door-left"]:active figcaption {
 613    -webkit-transform: perspective(1300px) rotateY(0deg);
 614    -ms-transform: perspective(1300px) rotateY(0deg);
 615    -o-transform: perspective(1300px) rotateY(0deg);
 616    transform: perspective(1300px) rotateY(0deg);
 617}
 618
 619.grid-gallery-caption[data-grid-gallery-type="revolving-door-left"]:hover img,
 620.grid-gallery-caption[data-grid-gallery-type="revolving-door-left"].hovered img,
 621.grid-gallery-caption[data-grid-gallery-type="revolving-door-left"]:active img {
 622    -webkit-transform: perspective(1300px) rotateY(-180deg);
 623    -ms-transform: perspective(1300px) rotateY(-180deg);
 624    -o-transform: perspective(1300px) rotateY(-180deg);
 625    transform: perspective(1300px) rotateY(-180deg);
 626}
 627
 628.grid-gallery-caption[data-grid-gallery-type="revolving-door-right"] {
 629    /*overflow: visible;*/
 630}
 631
 632.grid-gallery-caption[data-grid-gallery-type="revolving-door-right"] figcaption {
 633    top: 0;
 634    left: 0;
 635    width: 100%;
 636    height: 100%;
 637    -webkit-transform: perspective(1300px) rotateY(180deg);
 638    -ms-transform: perspective(1300px) rotateY(180deg);
 639    -o-transform: perspective(1300px) rotateY(180deg);
 640    transform: perspective(1300px) rotateY(180deg);
 641    -webkit-backface-visibility: hidden;
 642    -ms-backface-visibility: hidden;
 643    -o-backface-visibility: hidden;
 644    backface-visibility: hidden;
 645}
 646
 647.grid-gallery-caption[data-grid-gallery-type="revolving-door-right"] img {
 648    -webkit-transform: perspective(1300px);
 649    -ms-transform: perspective(1300px);
 650    -o-transform: perspective(1300px);
 651    transform: perspective(1300px);
 652    -webkit-transition: 500ms;
 653    -o-transition: 500ms;
 654    transition: 500ms;
 655}
 656
 657.grid-gallery-caption[data-grid-gallery-type="revolving-door-right"]:hover figcaption,
 658.grid-gallery-caption[data-grid-gallery-type="revolving-door-right"].hovered figcaption,
 659.grid-gallery-caption[data-grid-gallery-type="revolving-door-right"]:active figcaption {
 660    -webkit-transform: perspective(1300px) rotateY(360deg);
 661    -ms-transform: perspective(1300px) rotateY(360deg);
 662    -o-transform: perspective(1300px) rotateY(360deg);
 663    transform: perspective(1300px) rotateY(360deg);
 664}
 665
 666.grid-gallery-caption[data-grid-gallery-type="revolving-door-right"]:hover img,
 667.grid-gallery-caption[data-grid-gallery-type="revolving-door-right"].hovered img,
 668.grid-gallery-caption[data-grid-gallery-type="revolving-door-right"]:active img {
 669    -webkit-transform: perspective(1300px) rotateY(180deg);
 670    -ms-transform: perspective(1300px) rotateY(180deg);
 671    -o-transform: perspective(1300px) rotateY(180deg);
 672    transform: perspective(1300px) rotateY(180deg);
 673}
 674
 675.grid-gallery-caption[data-grid-gallery-type="revolving-door-top"] {
 676    overflow: hidden;
 677}
 678
 679.grid-gallery-caption[data-grid-gallery-type="revolving-door-top"] figcaption {
 680    top: 0;
 681    left: 0;
 682    width: 100%;
 683    height: 100%;
 684    -webkit-transform: perspective(1300px) rotateX(180deg);
 685    -ms-transform: perspective(1300px) rotateX(180deg);
 686    -o-transform: perspective(1300px) rotateX(180deg);
 687    transform: perspective(1300px) rotateX(180deg);
 688    -webkit-backface-visibility: hidden;
 689    -ms-backface-visibility: hidden;
 690    -o-backface-visibility: hidden;
 691    backface-visibility: hidden;
 692}
 693
 694.grid-gallery-caption[data-grid-gallery-type="revolving-door-top"] img {
 695    -webkit-transform: perspective(1300px);
 696    -ms-transform: perspective(1300px);
 697    -o-transform: perspective(1300px);
 698    transform: perspective(1300px);
 699    -webkit-transition: 500ms;
 700    -o-transition: 500ms;
 701    transition: 500ms;
 702}
 703
 704.grid-gallery-caption[data-grid-gallery-type="revolving-door-top"]:hover figcaption,
 705.grid-gallery-caption[data-grid-gallery-type="revolving-door-top"].hovered figcaption,
 706.grid-gallery-caption[data-grid-gallery-type="revolving-door-top"]:active figcaption {
 707    -webkit-transform: perspective(1300px) rotateX(360deg);
 708    -ms-transform: perspective(1300px) rotateX(360deg);
 709    -o-transform: perspective(1300px) rotateX(360deg);
 710    transform: perspective(1300px) rotateX(360deg);
 711}
 712
 713.grid-gallery-caption[data-grid-gallery-type="revolving-door-top"]:hover img,
 714.grid-gallery-caption[data-grid-gallery-type="revolving-door-top"].hovered img,
 715.grid-gallery-caption[data-grid-gallery-type="revolving-door-top"]:active img {
 716    -webkit-transform: perspective(1300px) rotateX(180deg);
 717    -ms-transform: perspective(1300px) rotateX(180deg);
 718    -o-transform: perspective(1300px) rotateX(180deg);
 719    transform: perspective(1300px) rotateX(180deg);
 720}
 721
 722.grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"] {
 723    overflow: hidden;
 724}
 725
 726.grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"] figcaption {
 727    top: 0;
 728    left: 0;
 729    width: 100%;
 730    height: 100%;
 731    -webkit-transform: perspective(1300px) rotateX(180deg);
 732    -ms-transform: perspective(1300px) rotateX(180deg);
 733    -o-transform: perspective(1300px) rotateX(180deg);
 734    transform: perspective(1300px) rotateX(180deg);
 735    -webkit-backface-visibility: hidden;
 736    -ms-backface-visibility: hidden;
 737    -o-backface-visibility: hidden;
 738    backface-visibility: hidden;
 739}
 740
 741.grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"] img {
 742    -webkit-transform: perspective(1300px);
 743    -ms-transform: perspective(1300px);
 744    -o-transform: perspective(1300px);
 745    transform: perspective(1300px);
 746    -webkit-transition: 500ms;
 747    -o-transition: 500ms;
 748    transition: 500ms;
 749}
 750
 751.grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"]:hover figcaption,
 752.grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"].hovered figcaption,
 753.grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"]:active figcaption {
 754    -webkit-transform: perspective(1300px) rotateX(0deg);
 755    -ms-transform: perspective(1300px) rotateX(0deg);
 756    -o-transform: perspective(1300px) rotateX(0deg);
 757    transform: perspective(1300px) rotateX(0deg);
 758}
 759
 760.grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"]:hover img,
 761.grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"].hovered img,
 762.grid-gallery-caption[data-grid-gallery-type="revolving-door-bottom"]:active img {
 763    -webkit-transform: perspective(1300px) rotateX(-180deg);
 764    -ms-transform: perspective(1300px) rotateX(-180deg);
 765    -o-transform: perspective(1300px) rotateX(-180deg);
 766    transform: perspective(1300px) rotateX(-180deg);
 767}
 768
 769.grid-gallery-caption[data-grid-gallery-type="offset"] {
 770    overflow: visible;
 771}
 772
 773.grid-gallery-caption[data-grid-gallery-type="offset"] figcaption {
 774    top: 0;
 775    left: 0;
 776    text-align: center;
 777    opacity: 0;
 778    height: 100%;
 779}
 780
 781.grid-gallery-caption[data-grid-gallery-type="offset"] img {
 782    -webkit-transition: 500ms;
 783    -o-transition: 500ms;
 784    transition: 500ms;
 785}
 786
 787.grid-gallery-caption[data-grid-gallery-type="offset"]:hover figcaption,
 788.grid-gallery-caption[data-grid-gallery-type="offset"].hovered figcaption,
 789.grid-gallery-caption[data-grid-gallery-type="offset"]:active figcaption {
 790    -webkit-transform: translate(15px, 15px);
 791    -ms-transform: translate(15px, 15px);
 792    -o-transform: translate(15px, 15px);
 793    transform: translate(15px, 15px);
 794    opacity: 1;
 795    z-index: 100;
 796    overflow: hidden;
 797}
 798
 799.grid-gallery-caption[data-grid-gallery-type="guillotine-reverse"] {
 800    /*overflow: visible;*/
 801}
 802
 803.grid-gallery-caption[data-grid-gallery-type="guillotine-reverse"] figcaption {
 804    top: 0;
 805    left: 0;
 806    text-align: center;
 807    height: 100%;
 808}
 809
 810.grid-gallery-caption[data-grid-gallery-type="guillotine-reverse"] img {
 811    display: block;
 812    position: relative;
 813    z-index: 10;
 814    -webkit-transition: 500ms;
 815    -o-transition: 500ms;
 816    transition: 500ms;
 817}
 818
 819.grid-gallery-caption[data-grid-gallery-type="guillotine-reverse"]:hover img,
 820.grid-gallery-caption[data-grid-gallery-type="guillotine-reverse"].hovered img,
 821.grid-gallery-caption[data-grid-gallery-type="guillotine-reverse"]:active img {
 822    -webkit-transform: translateY(-100%);
 823    -ms-transform: translateY(-100%);
 824    -o-transform: translateY(-100%);
 825    transform: translateY(-100%);
 826}
 827
 828.grid-gallery-caption[data-grid-gallery-type="half-slide"] figcaption {
 829    top: 0;
 830    left: 0;
 831    text-align: center;
 832    height: 50%;
 833    -webkit-transform: translateY(200%);
 834    -ms-transform: translateY(200%);
 835    -o-transform: translateY(200%);
 836    transform: translateY(200%);
 837}
 838
 839.grid-gallery-caption[data-grid-gallery-type="half-slide"] img {
 840    display: block;
 841    position: relative;
 842    -webkit-transition: 500ms;
 843    -o-transition: 500ms;
 844    transition: 500ms;
 845}
 846
 847.grid-gallery-caption[data-grid-gallery-type="half-slide"]:hover img,
 848.grid-gallery-caption[data-grid-gallery-type="half-slide"].hovered img,
 849.grid-gallery-caption[data-grid-gallery-type="half-slide"]:active img {
 850    -webkit-transform: translateY(-50%);
 851    -ms-transform: translateY(-50%);
 852    -o-transform: translateY(-50%);
 853    transform: translateY(-50%);
 854}
 855
 856.grid-gallery-caption[data-grid-gallery-type="half-slide"]:hover figcaption,
 857.grid-gallery-caption[data-grid-gallery-type="half-slide"].hovered figcaption,
 858.grid-gallery-caption[data-grid-gallery-type="half-slide"]:active figcaption {
 859    -webkit-transform: translateY(100%);
 860    -ms-transform: translateY(100%);
 861    -o-transform: translateY(100%);
 862    transform: translateY(100%);
 863}
 864
 865.grid-gallery-caption[data-grid-gallery-type="tunnel"] figcaption {
 866    top: 0;
 867    left: 0;
 868    text-align: center;
 869    height: 100%;
 870    opacity: 0;
 871    -webkit-transform: scale(0.7);
 872    -ms-transform: scale(0.7);
 873    -o-transform: scale(0.7);
 874    transform: scale(0.7);
 875}
 876
 877.grid-gallery-caption[data-grid-gallery-type="tunnel"] img {
 878    display: block;
 879    position: relative;
 880    z-index: 10;
 881    -webkit-transition: 500ms;
 882    -o-transition: 500ms;
 883    transition: 500ms;
 884}
 885
 886.grid-gallery-caption[data-grid-gallery-type="tunnel"]:hover img,
 887.grid-gallery-caption[data-grid-gallery-type="tunnel"].hovered img,
 888.grid-gallery-caption[data-grid-gallery-type="tunnel"]:active img {
 889    -webkit-transform: scale(0.4);
 890    -ms-transform: scale(0.4);
 891    -o-transform: scale(0.4);
 892    transform: scale(0.4);
 893}
 894
 895.grid-gallery-caption[data-grid-gallery-type="tunnel"]:hover figcaption,
 896.grid-gallery-caption[data-grid-gallery-type="tunnel"].hovered figcaption,
 897.grid-gallery-caption[data-grid-gallery-type="tunnel"]:active figcaption {
 898    opacity: 1;
 899    -webkit-transform: scale(1);
 900    -ms-transform: scale(1);
 901    -o-transform: scale(1);
 902    transform: scale(1);
 903}
 904
 905.grid-gallery-caption[data-grid-gallery-type="phophorus-rotate"] figcaption {
 906    top: 0;
 907    left: 0;
 908    height: 100%;
 909    text-align: center;
 910    -webkit-transition-duration: 300ms;
 911    -o-transition-duration: 300ms;
 912    -ms-transition-duration: 300ms;
 913    transition-duration: 300ms;
 914    -webkit-transform: rotateX(90deg);
 915    -ms-transform: rotateX(90deg);
 916    -o-transform: rotateX(90deg);
 917    transform: rotateX(90deg);
 918}
 919
 920.grid-gallery-caption[data-grid-gallery-type="phophorus-rotate"] .grid-gallery-figcaption-wrap {
 921    position: absolute;
 922    top: 40%;
 923    left: 0;
 924    width: 100%;
 925    font-family: 'Montserrat', sans-serif;
 926    font-weight: bold;
 927}
 928
 929.grid-gallery-caption[data-grid-gallery-type="phophorus-rotate"]:hover figcaption,
 930.grid-gallery-caption[data-grid-gallery-type="phophorus-rotate"].hovered figcaption,
 931.grid-gallery-caption[data-grid-gallery-type="phophorus-rotate"]:active figcaption {
 932    -webkit-transform: perspective(1300px) rotateX(0deg);
 933    -ms-transform: perspective(1300px) rotateX(0deg);
 934    -o-transform: perspective(1300px) rotateX(0deg);
 935    transform: perspective(1300px) rotateX(0deg);
 936}
 937
 938.grid-gallery-caption[data-grid-gallery-type="phophorus-offset"] figcaption {
 939    top: 0;
 940    left: -100%;
 941    height: 100%;
 942    text-align: center;
 943    -webkit-transition-duration: 300ms;
 944    -o-transition-duration: 300ms;
 945    -ms-transition-duration: 300ms;
 946    transition-duration: 300ms;
 947}
 948
 949.grid-gallery-caption[data-grid-gallery-type="phophorus-offset"] .grid-gallery-figcaption-wrap {
 950    position: absolute;
 951    top: 40%;
 952    left: 0;
 953    width: 100%;
 954    font-family: 'Montserrat', sans-serif;
 955    font-weight: bold;
 956}
 957
 958.grid-gallery-caption[data-grid-gallery-type="phophorus-offset"]:hover figcaption,
 959.grid-gallery-caption[data-grid-gallery-type="phophorus-offset"].hovered figcaption,
 960.grid-gallery-caption[data-grid-gallery-type="phophorus-offset"]:active figcaption {
 961    box-shadow: inset 0 0 10px 5px black;
 962    -webkit-transform: translateX(100%);
 963    -ms-transform: translateX(100%);
 964    -o-transform: translateX(100%);
 965    transform: translateX(100%);
 966}
 967
 968.grid-gallery-caption[data-grid-gallery-type="phophorus-scale"] figcaption {
 969    top: 0;
 970    left: 0;
 971    height: 100%;
 972    text-align: center;
 973    opacity: 0.0;
 974    -webkit-transform: scale(2.4);
 975    -ms-transform: scale(2.4);
 976    -o-transform: scale(2.4);
 977    transform: scale(2.4);
 978    -webkit-transition-duration: 300ms;
 979    -o-transition-duration: 300ms;
 980    -ms-transition-duration: 300ms;
 981    transition-duration: 300ms;
 982}
 983
 984.grid-gallery-caption[data-grid-gallery-type="phophorus-scale"] .grid-gallery-figcaption-wrap {
 985    position: absolute;
 986    top: 40%;
 987    left: 0;
 988    width: 100%;
 989    font-family: 'Montserrat', sans-serif;
 990    font-weight: bold;
 991}
 992
 993.grid-gallery-caption[data-grid-gallery-type="phophorus-scale"]:hover figcaption,
 994.grid-gallery-caption[data-grid-gallery-type="phophorus-scale"].hovered figcaption,
 995.grid-gallery-caption[data-grid-gallery-type="phophorus-scale"]:active figcaption {
 996    opacity: 1.0;
 997    -webkit-transform: scale(1.0);
 998    -ms-transform: scale(1.0);
 999    -o-transform: scale(1.0);
1000    transform: scale(1.0);
1001}
1002
1003.grid-gallery-caption[data-grid-gallery-type="phophorus-scale"]:hover img,
1004.grid-gallery-caption[data-grid-gallery-type="phophorus-scale"].hovered img,
1005.grid-gallery-caption[data-grid-gallery-type="phophorus-scale"]:active img {
1006    -webkit-transform: scale(0.4);
1007    -ms-transform: scale(0.4);
1008    -o-transform: scale(0.4);
1009    transform: scale(0.4);
1010}
1011
1012.grid-gallery-caption[data-grid-gallery-type="fixed-post"]:hover img,
1013.grid-gallery-caption[data-grid-gallery-type="fixed-post"].hovered img {
1014    -webkit-transform: rotate(4deg);
1015    -ms-transform: rotate(4deg);
1016    -o-transform: rotate(4deg);
1017    transform:  rotate(4deg);
1018}
1019
1020.grid-gallery-caption[data-grid-gallery-type="fixed-post"]:hover .read-more:hover,
1021.grid-gallery-caption[data-grid-gallery-type="fixed-post"].hovered .read-more:hover {
1022    color: #444444 !important;
1023}
1024
1025.grid-gallery-caption[data-grid-gallery-type="post-bottom"] figcaption {
1026    top: 0;
1027    left: 0;
1028    height: 100%;
1029    -webkit-transform: perspective(1300px) skewX(180deg);
1030    -ms-transform: perspective(1300px) skewX(180deg);
1031    -o-transform: perspective(1300px) skewX(180deg);
1032    transform: perspective(1300px) skewX(180deg);
1033    opacity: 0;
1034}
1035
1036.grid-gallery-caption[data-grid-gallery-type="post-bottom"]:hover figcaption,
1037.grid-gallery-caption[data-grid-gallery-type="post-bottom"].hovered figcaption,
1038.grid-gallery-caption[data-grid-gallery-type="post-bottom"]:active figcaption {
1039    -webkit-transform: perspective(1300px) skewX(0deg);
1040    -ms-transform: perspective(1300px) skewX(0deg);
1041    -o-transform: perspective(1300px) skewX(0deg);
1042    transform: perspective(1300px) skewX(0deg);
1043    -webkit-transition-duration: 1.0s;
1044    -o-transition-duration: 1.0s;
1045    -ms-transition-duration: 1.0s;
1046    transition-duration: 1.0s;
1047    opacity: 1.0;
1048}
1049
1050.grid-gallery-caption[data-grid-gallery-type="post-bottom"] .post-feed-crop .post-feed-title{
1051    -webkit-transform: translateX(-200%);
1052    -ms-transform: translateX(-200%);
1053    -o-transform: translateX(-200%);
1054    transform: translateX(-200%);
1055    opacity: 0;
1056}
1057
1058.grid-gallery-caption[data-grid-gallery-type="post-bottom"]:hover .post-feed-crop .post-feed-title,
1059.grid-gallery-caption[data-grid-gallery-type="post-bottom"].hovered .post-feed-crop .post-feed-title{
1060    -webkit-transform: translateX(0) skewX(-20deg);
1061    -ms-transform: translateX(0) skewX(-20deg);
1062    -o-transform: translateX(0) skewX(-20deg);
1063    transform: translateX(0) skewX(-20deg);
1064    -webkit-transition-duration: 2.0s;
1065    -o-transition-duration: 2.0s;
1066    -ms-transition-duration: 2.0s;
1067    transition-duration: 2.0s;
1068    opacity: 1.0;
1069}
1070
1071.grid-gallery-caption[data-grid-gallery-type="post-fade"] figcaption {
1072    top: 0;
1073    left: 0;
1074    height: 100%;
1075    -webkit-transform: translateY(100%);
1076    -ms-transform: translateY(100%);
1077    -o-transform: translateY(100%);
1078    transform: translateY(100%);
1079    opacity: 0;
1080}
1081
1082.grid-gallery-caption[data-grid-gallery-type="post-fade"] img {
1083    -webkit-transition: 500ms;
1084    -o-transition: 500ms;
1085    transition: 500ms;
1086}
1087
1088.grid-gallery-caption[data-grid-gallery-type="post-fade"]:hover figcaption,
1089.grid-gallery-caption[data-grid-gallery-type="post-fade"].hovered figcaption,
1090.grid-gallery-caption[data-grid-gallery-type="post-fade"]:active figcaption {
1091    -webkit-transform: translateY(0);
1092    -ms-transform: translateY(0);
1093    -o-transform: translateY(0);
1094    transform: translateY(0);
1095    opacity: 1;
1096}
1097
1098.grid-gallery-caption[data-grid-gallery-type="post-fade"] .post-feed-crop .post-feed-title{
1099    -webkit-transform: scale(0);
1100    -ms-transform: scale(0);
1101    -o-transform: scale(0);
1102    transform: scale(0);
1103    opacity: 0;
1104}
1105
1106.grid-gallery-caption[data-grid-gallery-type="post-fade"]:hover .post-feed-crop .post-feed-title,
1107.grid-gallery-caption[data-grid-gallery-type="post-fade"].hovered .post-feed-crop .post-feed-title{
1108    -webkit-transform: scale(1);
1109    -ms-transform: scale(1);
1110    -o-transform: scale(1);
1111    transform: scale(1);
1112    -webkit-transition-duration: 1.0s;
1113    -o-transition-duration: 1.0s;
1114    -ms-transition-duration: 1.0s;
1115    transition-duration: 1.0s;
1116    opacity: 1.0;
1117}
1118
1119.grid-gallery-caption[data-grid-gallery-type="fixed-post"] .post-feed-crop .post-feed-date,
1120.grid-gallery-caption[data-grid-gallery-type="post-bottom"] .post-feed-crop .post-feed-date,
1121.grid-gallery-caption[data-grid-gallery-type="post-fade"] .post-feed-crop .post-feed-date{
1122    -webkit-transform: translateX(100%);
1123    -ms-transform: translateX(100%);
1124    -o-transform: translateX(100%);
1125    transform: translateX(100%);
1126    opacity: 0;
1127}
1128
1129.grid-gallery-caption[data-grid-gallery-type="fixed-post"]:hover .post-feed-crop .post-feed-date,
1130.grid-gallery-caption[data-grid-gallery-type="fixed-post"].hovered .post-feed-crop .post-feed-date,
1131.grid-gallery-caption[data-grid-gallery-type="post-bottom"]:hover .post-feed-crop .post-feed-date,
1132.grid-gallery-caption[data-grid-gallery-type="post-bottom"].hovered .post-feed-crop .post-feed-date,
1133.grid-gallery-caption[data-grid-gallery-type="post-fade"].hovered .post-feed-crop .post-feed-date,
1134.grid-gallery-caption[data-grid-gallery-type="post-fade"]:hover .post-feed-crop .post-feed-date{
1135    -webkit-transform: translateX(0);
1136    -ms-transform: translateX(0);
1137    -o-transform: translateX(0);
1138    transform: translateX(0);
1139    -webkit-transition-duration: 1.0s;
1140    -o-transition-duration: 1.0s;
1141    -ms-transition-duration: 1.0s;
1142    transition-duration: 1.0s;
1143    opacity: 1.0;
1144}
1145
1146.grid-gallery-caption[data-grid-gallery-type="fixed-post"] .post-feed-crop .post-feed-author,
1147.grid-gallery-caption[data-grid-gallery-type="post-bottom"] .post-feed-crop .post-feed-author,
1148.grid-gallery-caption[data-grid-gallery-type="post-fade"] .post-feed-crop .post-feed-author{
1149    -webkit-transform: translateX(-100%);
1150    -ms-transform: translateX(-100%);
1151    -o-transform: translateX(-100%);
1152    transform: translateX(-100%);
1153    opacity: 0;
1154}
1155
1156.grid-gallery-caption[data-grid-gallery-type="fixed-post"]:hover .post-feed-crop .post-feed-author,
1157.grid-gallery-caption[data-grid-gallery-type="fixed-post"].hovered .post-feed-crop .post-feed-author,
1158.grid-gallery-caption[data-grid-gallery-type="post-bottom"]:hover .post-feed-crop .post-feed-author,
1159.grid-gallery-caption[data-grid-gallery-type="post-bottom"].hovered .post-feed-crop .post-feed-author,
1160.grid-gallery-caption[data-grid-gallery-type="post-fade"]:hover .post-feed-crop .post-feed-author,
1161.grid-gallery-caption[data-grid-gallery-type="post-fade"].hovered .post-feed-crop .post-feed-author{
1162    -webkit-transform: translateX(0);
1163    -ms-transform: translateX(0);
1164    -o-transform: translateX(0);
1165    transform: translateX(0);
1166    -webkit-transition-duration: 1.0s;
1167    -o-transition-duration: 1.0s;
1168    -ms-transition-duration: 1.0s;
1169    transition-duration: 1.0s;
1170    opacity: 1.0;
1171}
1172
1173.grid-gallery-caption[data-grid-gallery-type="fixed-post"] .post-feed-crop .post-feed-content,
1174.grid-gallery-caption[data-grid-gallery-type="post-bottom"] .post-feed-crop .post-feed-content,
1175.grid-gallery-caption[data-grid-gallery-type="post-fade"] .post-feed-crop .post-feed-content {
1176    -webkit-transform: scale(0);
1177    -ms-transform: scale(0);
1178    -o-transform: scale(0);
1179    transform: scale(0);
1180    opacity: 0;
1181}
1182
1183.grid-gallery-caption[data-grid-gallery-type="fixed-post"]:hover .post-feed-crop .post-feed-content,
1184.grid-gallery-caption[data-grid-gallery-type="fixed-post"].hovered .post-feed-crop .post-feed-content,
1185.grid-gallery-caption[data-grid-gallery-type="post-bottom"]:hover .post-feed-crop .post-feed-content,
1186.grid-gallery-caption[data-grid-gallery-type="post-bottom"].hovered .post-feed-crop .post-feed-content,
1187.grid-gallery-caption[data-grid-gallery-type="post-fade"]:hover .post-feed-crop .post-feed-content,
1188.grid-gallery-caption[data-grid-gallery-type="post-fade"].hovered .post-feed-crop .post-feed-content{
1189    -webkit-transform: scale(0.8);
1190    -ms-transform: scale(0.8);
1191    -o-transform: scale(0.8);
1192    transform: scale(0.8);
1193    it-transition-duration: 1.0s;
1194    -o-transition-duration: 1.0s;
1195    -ms-transition-duration: 1.0s;
1196    transition-duration: 1.0s;
1197    opacity: 1.0;
1198}
1199
1200.grid-gallery-caption[data-grid-gallery-type="fixed-post"] .post-feed-crop .post-categories,
1201.grid-gallery-caption[data-grid-gallery-type="post-bottom"] .post-feed-crop .post-categories,
1202.grid-gallery-caption[data-grid-gallery-type="post-fade"] .post-feed-crop .post-categories {
1203    -webkit-transform: scale(0);
1204    -ms-transform: scale(0);
1205    -o-transform: scale(0);
1206    transform: scale(0);
1207    opacity: 0;
1208}
1209
1210.grid-gallery-caption[data-grid-gallery-type="fixed-post"]:hover .post-feed-crop .post-categories,
1211.grid-gallery-caption[data-grid-gallery-type="post-bottom"]:hover .post-feed-crop .post-categories,
1212.grid-gallery-caption[data-grid-gallery-type="post-fade"]:hover .post-feed-crop .post-categories,
1213.grid-gallery-caption[data-grid-gallery-type="fixed-post"].hovered .post-feed-crop .post-categories,
1214.grid-gallery-caption[data-grid-gallery-type="post-bottom"].hovered .post-feed-crop .post-categories,
1215.grid-gallery-caption[data-grid-gallery-type="post-fade"].hovered .post-feed-crop .post-categories {
1216    -webkit-transform: scale(1.0);
1217    -ms-transform: scale(1.0);
1218    -o-transform: scale(1.0);
1219    transform: scale(1.0);
1220    opacity: 1.0;
1221}
1222
1223.grid-gallery-caption[data-grid-gallery-type="expression-scale-text"] {
1224    overflow: visible;
1225}
1226
1227.grid-gallery-caption[data-grid-gallery-type="expression-scale-text"] figcaption {
1228    top: 0;
1229    left: 0;
1230    width: 100%;
1231    height: 100%;
1232    opacity: 0.0;
1233    background: rgb(38, 94, 110);
1234    -webkit-transition: 500ms;
1235    -o-transition: 500ms;
1236    transition: 500ms;
1237}
1238
1239.grid-gallery-caption[data-grid-gallery-type="expression-scale-text"] .post-feed-crop {
1240    display: block;
1241    font-family: 'Montserrat', sans-serif;
1242    position: relative;
1243    margin-top: 10%;
1244    text-align: center;
1245    color: #ffffff !important;
1246    -webkit-transform: scale(0.1);
1247    -ms-transform: scale(0.1);
1248    -o-transform: scale(0.1);
1249    transform: scale(0.1);
1250    -webkit-transition: 800ms;
1251    -o-transition: 800ms;
1252    transition: 800ms;
1253}
1254
1255.grid-gallery-caption[data-grid-gallery-type="expression-scale-text"]:hover figcaption,
1256.grid-gallery-caption[data-grid-gallery-type="expression-scale-text"].hovered figcaption,
1257.grid-gallery-caption[data-grid-gallery-type="expression-scale-text"]:active figcaption {
1258    opacity: 1.0;
1259}
1260
1261.grid-gallery-caption[data-grid-gallery-type="expression-scale-text"]:hover .post-feed-crop,
1262.grid-gallery-caption[data-grid-gallery-type="expression-scale-text"].hovered .post-feed-crop,
1263.grid-gallery-caption[data-grid-gallery-type="expression-scale-text"]:active .post-feed-crop {
1264    -webkit-transform: scale(1.0);
1265    -ms-transform: scale(1.0);
1266    -o-transform: scale(1.0);
1267    transform: scale(1.0);
1268}
1269
1270.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"] figcaption {
1271    top: -100%;
1272    left: 0;
1273    width: 100%;
1274    height: 100%;
1275    background: rgb(38, 94, 110);
1276    -webkit-transition: 500ms;
1277    -o-transition: 500ms;
1278    transition: 500ms;
1279}
1280
1281.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"] .grid-gallery-figcaption-wrap {
1282    width: 100%;
1283    position: absolute;
1284    top: 100%;
1285    left: 0;
1286    font-family: 'Montserrat', sans-serif;
1287    margin-top: 10%;
1288    text-align: center;
1289    color: #ffffff !important;
1290    background: rgba(38, 94, 110, 0.63);
1291    -webkit-transition: 800ms;
1292    -o-transition: 800ms;
1293    transition: 800ms;
1294}
1295
1296.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"] .post-feed-crop {
1297    padding: 20px;
1298}
1299
1300.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"] .post-feed-author,
1301.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"] .post-feed-date,
1302.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"] .post-feed-content {
1303    opacity: 0.0;
1304}
1305
1306.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:hover figcaption,
1307.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"].hovered figcaption,
1308.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:active figcaption {
1309    -webkit-transform: translateY(100%);
1310    -ms-transform: translateY(100%);
1311    -o-transform: translateY(100%);
1312    transform: translateY(100%);
1313}
1314
1315.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:hover .grid-gallery-figcaption-wrap,
1316.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"].hovered .grid-gallery-figcaption-wrap,
1317.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:active .grid-gallery-figcaption-wrap {
1318    background: rgba(226, 104, 103, 1.0);
1319    top: 0;
1320}
1321
1322.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:hover .post-feed-author,
1323.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:hover .post-feed-date,
1324.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"]:hover .post-feed-content,
1325.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"].hovered .post-feed-author,
1326.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"].hovered .post-feed-date,
1327.grid-gallery-caption[data-grid-gallery-type="sodium-top-slide"].hovered .post-feed-content {
1328    opacity: 1.0;
1329}
1330
1331.grid-gallery-caption .post-feed-crop span.separator {
1332    opacity: 0;
1333}
1334
1335.grid-gallery-caption:hover .post-feed-crop span.separator {
1336    opacity: 1.0;
1337}
1338
1339.grid-gallery-caption[data-grid-gallery-type="elastic"] {
1340    it-transition-duration: 800ms;
1341    -o-transition-duration: 800ms;
1342    -ms-transition-duration: 800ms;
1343    transition-duration: 800ms;
1344}
1345
1346.grid-gallery-caption[data-grid-gallery-type="elastic"]:hover,
1347.grid-gallery-caption[data-grid-gallery-type="elastic"].hovered {
1348    -webkit-transform: translateX(50%);
1349    -ms-transform: translateX(50%);
1350    -o-transform: translateX(50%);
1351    transform: translateX(50%);
1352}
1353
1354.grid-gallery-caption[data-grid-gallery-type="fade"] {
1355    opacity: 1.0;
1356    it-transition-duration: 800ms;
1357    -o-transition-duration: 800ms;
1358    -ms-transition-duration: 800ms;
1359    transition-duration: 800ms;
1360}
1361
1362.grid-gallery-caption[data-grid-gallery-type="fade"]:hover,
1363.grid-gallery-caption[data-grid-gallery-type="fade"].hovered {
1364    opacity: 0.4;
1365}
1366
1367.grid-gallery-caption .box {
1368    position: relative;
1369    width: 150px;
1370    height: 150px;
1371    line-height: 150px;
1372    overflow: hidden;
1373}
1374
1375.grid-gallery-caption .box__center,
1376.grid-gallery-caption .box__right,
1377.grid-gallery-caption .box__left,
1378.grid-gallery-caption .box__top,
1379.grid-gallery-caption .box__bottom,
1380.grid-gallery-caption .box img {
1381    position: absolute;
1382    width: inherit;
1383    height: inherit;
1384    text-align: center;
1385    line-height: inherit;
1386    left: 0;
1387    top: 0;
1388    transition: transform .4s ease;
1389    transform: translateZ(0);
1390}
1391
1392.grid-gallery-caption .box img {
1393    z-index: -1;
1394}
1395
1396.grid-gallery-caption .box__center:before,
1397.grid-gallery-caption .box__right:before,
1398.grid-gallery-caption .box__left:before,
1399.grid-gallery-caption .box__top:before,
1400.grid-gallery-caption .box__bottom:before {
1401    position: absolute;
1402    content: '';
1403    /*
1404     * Calculation:
1405     *      ____a____
1406     *    /|\        |
1407     *   b | \       |
1408     *  /  a  \      |
1409     *  \  |  /      |
1410     *   \ | /       |
1411     *    \|/________|
1412     *
1413     *  a^2 = b^2+b^2
1414     *
1415     *  solve to b:
1416     *
1417     *  a^2         = 2b^2 | /2
1418     *  a^2 / 2     =  b^2 | sqrt
1419     *  a / sqrt(2) =  b
1420     *
1421     * Percentage:
1422     * a = 100%
1423     * 100 / sqrt(2) = 70.71%
1424     *                 ------
1425     */
1426    width: 70.71%;
1427    height: 70.71%;
1428    transform: rotate(45deg);
1429}
1430.grid-gallery-caption .box__center:hover,
1431.grid-gallery-caption .box__right:hover,
1432.grid-gallery-caption .box__left:hover,
1433.grid-gallery-caption .box__top:hover,
1434.grid-gallery-caption .box__bottom:hover,
1435.grid-gallery-caption .box__center.hovered,
1436.grid-gallery-caption .box__right.hovered,
1437.grid-gallery-caption .box__left.hovered,
1438.grid-gallery-caption .box__top.hovered,
1439.grid-gallery-caption .box__bottom.hovered {
1440    transform: translateX(0);
1441    z-index: 1;
1442}
1443.grid-gallery-caption .box__center:hover:before,
1444.grid-gallery-caption .box__right:hover:before,
1445.grid-gallery-caption .box__left:hover:before,
1446.grid-gallery-caption .box__top:hover:before,
1447.grid-gallery-caption .box__bottom:hover:before {
1448    width: 100%;
1449    height: 100%;
1450    transform: none;
1451}
1452
1453.grid-gallery-caption .box__center {
1454    background: orange;
1455    z-index: -1;
1456}
1457
1458.grid-gallery-caption .box__right {
1459    background: blue;
1460    transform: translateX(100%);
1461}
1462.grid-gallery-caption .box__right:before {
1463    right: 100%;
1464    bottom: 0;
1465    transform-origin: 100% 100%;
1466}
1467.grid-gallery-caption .box__right:hover ~ .grid-gallery-caption .box__center,
1468.grid-gallery-caption .box__right.hovered ~ .grid-gallery-caption .box__center {
1469    transform: translateX(-100%);
1470}
1471
1472.grid-gallery-caption .box__left {
1473    background: green;
1474    transform: translateX(-100%);
1475}
1476.grid-gallery-caption .box__left:before {
1477    left: 100%;
1478    transform-origin: 0 0;
1479}
1480.grid-gallery-caption .box__left:hover ~ .grid-gallery-caption .box__center,
1481.grid-gallery-caption .box__left.hovered ~ .grid-gallery-caption .box__center {
1482    transform: translateX(100%);
1483}
1484
1485.grid-gallery-caption .box__top {
1486    background: red;
1487    transform: translateY(-100%);
1488}
1489.grid-gallery-caption .box__top:before {
1490    top: 100%;
1491    right: 0;
1492    trans

Large files files are truncated, but you can click here to view the full file