/*
 Theme Name: Twenty Nineteen Child
 Theme URI: http://example.com/twentynineteen-child/
 Description: My custom child theme for Twenty Nineteen
 Author: Your Name
 Author URI: http://example.com
 Template: twentynineteen
 Version: 1.0.0
 Text Domain: twentynineteen-child
*/

/* Add your custom CSS below this line */

/* Disable the Twenty Nineteen theme's default image filter/tint */
.post-thumbnail::before {
    background: none !important;      /* Removes the gradient overlay */
    mix-blend-mode: normal !important;/* Resets blend mode for pseudo-element */
    opacity: 1 !important;            /* Ensures full opacity */
}

.post-thumbnail img {
    mix-blend-mode: normal !important;/* Resets image blend mode */
    filter: none !important;          /* Removes any direct SVG/CSS filter */
    opacity: 1 !important;            /* Ensures original opacity */
}

/* (Optional) Re-add or ensure basic responsiveness for images */
.post-thumbnail img {
    max-width: 100%;
    height: auto;
    display: block; /* Helps prevent extra spacing below images */
}
/* Further attempts to remove Twenty Nineteen's duotone/tint effect */

/* Targets the main filter applied to the image element itself */
.post-thumbnail img {
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

/* Targets a pseudo-element overlay that Twenty Nineteen often uses */
.post-thumbnail::before,
.post-thumbnail::after {
    content: none !important; /* Removes the pseudo-element entirely */
    background: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

/* Targets specific duotone classes or direct SVG filters if they exist */
.duotone-filter,
[class*="duotone"] {
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* If the duotone is applied via an SVG ID in the HTML, this won't directly remove it,
   but will stop any CSS property relying on that filter. */
body.twenty-nineteen-parent-theme-style .post-thumbnail,
body.twenty-nineteen-parent-theme-style .post-thumbnail img {
    filter: none !important;
    mix-blend-mode: normal !important;
    background: none !important;
}