/*
 *
 * photo_filter_1
 *
 */

.photo_filter_1 {
    position: relative;
    -webkit-filter: hue-rotate(-20deg) contrast(0.9) saturate(0.85) brightness(1.2);
            filter: hue-rotate(-20deg) contrast(0.9) saturate(0.85) brightness(1.2);
}

.photo_filter_1 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_1:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_1:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_1::after {
    background: -webkit-linear-gradient(left, rgba(66, 10, 14, 0.2), transparent);
    background: linear-gradient(to right, rgba(66, 10, 14, 0.2), transparent);
    mix-blend-mode: darken;
}

/*
 *
 * photo_filter_2
 *
 */

.photo_filter_2 {
    position: relative;
    -webkit-filter: sepia(0.3) contrast(1.1) brightness(1.1) grayscale(1);
            filter: sepia(0.3) contrast(1.1) brightness(1.1) grayscale(1);
}

.photo_filter_2 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_2:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
  }

.photo_filter_2:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

/*
 *
 * photo_filter_3
 *
 */

.photo_filter_3 {
    position: relative;
}

.photo_filter_3 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_3:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_3:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_3::after {
    background: -webkit-linear-gradient(top, #005b9a, #e6c13d);
    background: linear-gradient(to bottom, #005b9a, #e6c13d);
    mix-blend-mode: soft-light;
    opacity: .5;
}

/*
 *
 * photo_filter_4
 *
 */

.photo_filter_4 {
    position: relative;
    -webkit-filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75);
            filter: sepia(0.22) brightness(1.1) contrast(0.85) saturate(0.75);
}

.photo_filter_4 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_4:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_4:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_4::after {
    background: #efcdad;
    mix-blend-mode: soft-light;
    opacity: .5;
}

/*
 *
 * Gingham
 *
 */

.photo_filter_5 {
    position: relative;
    -webkit-filter: brightness(1.05) hue-rotate(-10deg);
            filter: brightness(1.05) hue-rotate(-10deg);
}

.photo_filter_5 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_5:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_5:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_5::after {
    background: lavender;
    mix-blend-mode: soft-light;
}

/*
 *
 * Toaster
 *
 */

.photo_filter_6 {
    position: relative;
    -webkit-filter: contrast(1.5) brightness(0.9);
            filter: contrast(1.5) brightness(0.9);
}

.photo_filter_6 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_6:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_6:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_6::after {
    background: -webkit-radial-gradient(circle, #804e0f, #3b003b);
    background: radial-gradient(circle, #804e0f, #3b003b);
    mix-blend-mode: screen;
}

/*
 *
 * Walden
 *
 */

.photo_filter_7 {
    position: relative;
    -webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(0.3) saturate(1.6);
            filter: brightness(1.1) hue-rotate(-10deg) sepia(0.3) saturate(1.6);
}

.photo_filter_7 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_7:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_7:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_7::after {
    background: #0044cc;
    mix-blend-mode: screen;
    opacity: .3;
}

/*
 *
 * Hudson
 *
 */

.photo_filter_8 {
    position: relative;
    -webkit-filter: brightness(1.2) contrast(0.9) saturate(1.1);
            filter: brightness(1.2) contrast(0.9) saturate(1.1);
}

.photo_filter_8 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_8:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_8:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_8::after {
    background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134);
    background: radial-gradient(circle, #a6b1ff 50%, #342134);
    mix-blend-mode: multiply;
    opacity: .5;
}

/*
 *
 * Earlybird
 *
 */

.photo_filter_9 {
    position: relative;
    -webkit-filter: contrast(0.9) sepia(0.2);
            filter: contrast(0.9) sepia(0.2);
}

.photo_filter_9 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_9:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_9:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_9::after {
    background: -webkit-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
    mix-blend-mode: overlay;
}

/*
 *
 * Mayfair
 *
 */

.photo_filter_10 {
    position: relative;
    -webkit-filter: contrast(1.1) saturate(1.1);
            filter: contrast(1.1) saturate(1.1);
}

.photo_filter_10 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_10:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_10:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_10::after {
    background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111111 60%);
    background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.8), rgba(255, 200, 200, 0.6), #111111 60%);
    mix-blend-mode: overlay;
    opacity: .4;
}

/*
 * Lo-fi
 *
 */

.photo_filter_11 {
    position: relative;
    -webkit-filter: saturate(1.1) contrast(1.5);
            filter: saturate(1.1) contrast(1.5);
}

.photo_filter_11 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_11:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_11:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_11::after {
    background: -webkit-radial-gradient(circle, transparent 70%, #222222 150%);
    background: radial-gradient(circle, transparent 70%, #222222 150%);
    mix-blend-mode: multiply;
}

/*
 * 1977
 *
 */

.photo_filter_12 {
    position: relative;
    -webkit-filter: contrast(1.1) brightness(1.1) saturate(1.3);
            filter: contrast(1.1) brightness(1.1) saturate(1.3);
}

.photo_filter_12 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_12:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_12:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_12:after {
    background: rgba(243, 106, 188, 0.3);
    mix-blend-mode: screen;
}

/*
 *
 * Brooklyn
 *
 */

.photo_filter_13 {
    position: relative;
    -webkit-filter: contrast(0.9) brightness(1.1);
            filter: contrast(0.9) brightness(1.1);
}

.photo_filter_13 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_13:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_13:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_13::after {
    background: -webkit-radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8);
    background: radial-gradient(circle, rgba(168, 223, 193, 0.4) 70%, #c4b7c8);
    mix-blend-mode: overlay;
}

/*
 *
 * X-Pro II
 *
 */

.photo_filter_14 {
    position: relative;
    -webkit-filter: sepia(0.3);
            filter: sepia(0.3);
}

.photo_filter_14 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_14:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_14:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_14::after {
    background: -webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%);
    background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, 0.6) 110%);
    mix-blend-mode: color-burn;
}

/*
 *
 * Nashville
 *
 */

.photo_filter_15 {
    position: relative;
    -webkit-filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2);
            filter: sepia(0.2) contrast(1.2) brightness(1.05) saturate(1.2);
}

.photo_filter_15 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_15:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_15:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_15::after {
    background: rgba(0, 70, 150, 0.4);
    mix-blend-mode: lighten;
}

.photo_filter_15::before {
    background: rgba(247, 176, 153, 0.56);
    mix-blend-mode: darken;
}

/*
 * Lark
 *
 */

.photo_filter_16 {
    position: relative;
    -webkit-filter: contrast(0.9);
            filter: contrast(0.9);
}

.photo_filter_16 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_16:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_16:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_16::after {
    background: rgba(242, 242, 242, 0.8);
    mix-blend-mode: darken;
}

.photo_filter_16::before {
    background: #22253f;
    mix-blend-mode: color-dodge;
}

/*
 * Moon
 *
 */

.photo_filter_17 {
    position: relative;
    -webkit-filter: grayscale(1) contrast(1.1) brightness(1.1);
            filter: grayscale(1) contrast(1.1) brightness(1.1);
}

.photo_filter_17 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_17:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_17:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_17::before {
    background: #a0a0a0;
    mix-blend-mode: soft-light;
}

.photo_filter_17::after {
    background: #383838;
    mix-blend-mode: lighten;
}

/*
 * Clarendon
 *
 */

.photo_filter_18 {
    position: relative;
    -webkit-filter: contrast(1.2) saturate(1.35);
            filter: contrast(1.2) saturate(1.35);
}

.photo_filter_18 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_18:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_18:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_18:before {
    background: rgba(127, 187, 227, 0.2);
    mix-blend-mode: overlay;
}

/*
 * Willow
 *
 */

.photo_filter_19 {
    position: relative;
    -webkit-filter: grayscale(0.5) contrast(0.95) brightness(0.9);
            filter: grayscale(0.5) contrast(0.95) brightness(0.9);
}

.photo_filter_19 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_19:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_19:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_19::before {
    background-color: radial-gradient(40%, circle, #d4a9af 55%, black 150%);
    mix-blend-mode: overlay;
}

.photo_filter_19::after {
    background-color: #d8cdcb;
    mix-blend-mode: color;
}

/*
 *
 * Rise
 *
 */

.photo_filter_20 {
    position: relative;
    -webkit-filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9);
            filter: brightness(1.05) sepia(0.2) contrast(0.9) saturate(0.9);
}

.photo_filter_20 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_20:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_20:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_20::after {
    background: -webkit-radial-gradient(circle, rgba(232, 197, 152, 0.8), transparent 90%);
    background: radial-gradient(circle, rgba(232, 197, 152, 0.8), transparent 90%);
    mix-blend-mode: overlay;
    opacity: .6;
}

.photo_filter_20::before {
    background: -webkit-radial-gradient(circle, rgba(236, 205, 169, 0.15) 55%, rgba(50, 30, 7, 0.4));
    background: radial-gradient(circle, rgba(236, 205, 169, 0.15) 55%, rgba(50, 30, 7, 0.4));
    mix-blend-mode: multiply;
}

/*
 *
 * Slumber
 *
 */

.photo_filter_21 {
    position: relative;
    -webkit-filter: saturate(0.66) brightness(1.05);
            filter: saturate(0.66) brightness(1.05);
}

.photo_filter_21 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_21:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_21:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_21::after {
    background: rgba(125, 105, 24, 0.5);
    mix-blend-mode: soft-light;
}

.photo_filter_21::before {
    background: rgba(69, 41, 12, 0.4);
    mix-blend-mode: lighten;
}

/*
 *
 * Brannan
 *
 */

.photo_filter_22 {
    position: relative;
    -webkit-filter: sepia(0.5) contrast(1.4);
            filter: sepia(0.5) contrast(1.4);
}

.photo_filter_22 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_22:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_22:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_22::after {
    background-color: rgba(161, 44, 199, 0.31);
    mix-blend-mode: lighten;
}

/*
 *
 * Valencia
 *
 */

.photo_filter_23 {
    position: relative;
    -webkit-filter: contrast(1.08) brightness(1.08) sepia(0.08);
            filter: contrast(1.08) brightness(1.08) sepia(0.08);
}

.photo_filter_23 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_23:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_23:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_23::after {
    background: #3a0339;
    mix-blend-mode: exclusion;
    opacity: .5;
}

/*
 * Kelvin
 *
 */

.photo_filter_24 {
    position: relative;
}

.photo_filter_24 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_24:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_24:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_24::after {
    background: #b77d21;
    mix-blend-mode: overlay;
}

.photo_filter_24::before {
    background: #382c34;
    mix-blend-mode: color-dodge;
}

/*
 *
 * Maven
 *
 */

.photo_filter_25 {
    position: relative;
    -webkit-filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5);
            filter: sepia(0.25) brightness(0.95) contrast(0.95) saturate(1.5);
}

.photo_filter_25 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_25:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_25:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_25:after {
    background: rgba(3, 230, 26, 0.2);
    mix-blend-mode: hue;
}

/*
 *
 * Stinson
 *
 */

.photo_filter_26 {
    position: relative;
    -webkit-filter: contrast(0.75) saturate(0.85) brightness(1.15);
            filter: contrast(0.75) saturate(0.85) brightness(1.15);
}

.photo_filter_26 img {
    width: 100%;
    z-index: 1;
}

.photo_filter_26:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 2;
}

.photo_filter_26:after {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    z-index: 3;
}

.photo_filter_26::before {
    background: rgba(240, 149, 128, 0.2);
    mix-blend-mode: soft-light;
}
