/* =========================================================
   VIDEURO — FINAL IMAGE / VIDEO TEXT POLICY
   ONLY:
   1. Signature Places image cards
   2. Local Stories / video cards

   Light + Dark = WHITE TEXT
   ========================================================= */


/* =========================================================
   SIGNATURE PLACES — LARGE + SMALL IMAGE CARDS
   ========================================================= */

.crx-featured-place,
.crx-place-list article{
    color:#fff !important;
}


/* Titles */
.crx-featured-place h1,
.crx-featured-place h2,
.crx-featured-place h3,
.crx-featured-place h4,

.crx-place-list article h1,
.crx-place-list article h2,
.crx-place-list article h3,
.crx-place-list article h4{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:0 2px 7px rgba(0,0,0,.65) !important;
}


/* Descriptions */
.crx-featured-place p,
.crx-featured-place .crx-place-summary-v4,
.crx-featured-place .crx-place-desc-v3,

.crx-place-list article p,
.crx-place-list article .crx-place-summary-v4,
.crx-place-list article .crx-place-desc-v3{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:0 2px 5px rgba(0,0,0,.72) !important;
}


/* labels / recommended / best for */
.crx-featured-place small,
.crx-featured-place strong,
.crx-featured-place b,
.crx-featured-place label,

.crx-place-list article small,
.crx-place-list article strong,
.crx-place-list article b,
.crx-place-list article label{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    opacity:1 !important;
    visibility:visible !important;
}


/* Other text spans */
.crx-featured-place span:not(.crx-place-number-v2),
.crx-place-list article span:not(.crx-place-number-v2){
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* Tags: Eiffel Tower / Louvre / etc */
.crx-featured-place [class*="tag"] span,
.crx-place-list article [class*="tag"] span{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* =========================================================
   LOCAL STORIES — VIDEO CARDS
   ========================================================= */

#crx-stories article,
.crx-stories article,
#crx-stories [class*="story-card"],
.crx-stories [class*="story-card"],
#crx-stories [class*="video-card"],
.crx-stories [class*="video-card"]{
    color:#fff !important;
}


/* Story text */
#crx-stories article h1,
#crx-stories article h2,
#crx-stories article h3,
#crx-stories article h4,
#crx-stories article p,
#crx-stories article small,
#crx-stories article strong,
#crx-stories article b,
#crx-stories article label,
#crx-stories article span,

.crx-stories article h1,
.crx-stories article h2,
.crx-stories article h3,
.crx-stories article h4,
.crx-stories article p,
.crx-stories article small,
.crx-stories article strong,
.crx-stories article b,
.crx-stories article label,
.crx-stories article span{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    opacity:1 !important;
    visibility:visible !important;
}


/* Catch custom story/video wrappers */
#crx-stories [class*="story-card"] *,
#crx-stories [class*="video-card"] *,
.crx-stories [class*="story-card"] *,
.crx-stories [class*="video-card"] *{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* =========================================================
   OLD BLACK CLASSES ARE NOT ALLOWED ON IMAGE CARDS
   ========================================================= */

.crx-featured-place.videuro-force-black,
.crx-featured-place .videuro-force-black,
.crx-place-list article.videuro-force-black,
.crx-place-list article .videuro-force-black,

.crx-stories article.videuro-force-black,
.crx-stories article .videuro-force-black{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* =========================================================
   WHITE BUTTONS — KEEP THEIR TEXT DARK
   ========================================================= */

.crx-featured-place a.videuro-light-button,
.crx-featured-place button.videuro-light-button,
.crx-place-list article a.videuro-light-button,
.crx-place-list article button.videuro-light-button,

.crx-stories article a.videuro-light-button,
.crx-stories article button.videuro-light-button{
    color:#101713 !important;
    -webkit-text-fill-color:#101713 !important;
    text-shadow:none !important;
}

.crx-featured-place a.videuro-light-button *,
.crx-featured-place button.videuro-light-button *,
.crx-place-list article a.videuro-light-button *,
.crx-place-list article button.videuro-light-button *,

.crx-stories article a.videuro-light-button *,
.crx-stories article button.videuro-light-button *{
    color:#101713 !important;
    -webkit-text-fill-color:#101713 !important;
}


/* =========================================================
   LIGHT MODE — FORCE SAME WHITE OVER MEDIA
   ========================================================= */

html[data-theme="light"] .crx-featured-place,
html[data-theme="light"] .crx-featured-place *,
html[data-theme="light"] .crx-place-list article,
html[data-theme="light"] .crx-place-list article *,

html:not([data-theme="dark"]) .crx-featured-place,
html:not([data-theme="dark"]) .crx-featured-place *,
html:not([data-theme="dark"]) .crx-place-list article,
html:not([data-theme="dark"]) .crx-place-list article *{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* Story cards light mode */
html[data-theme="light"] #crx-stories article,
html[data-theme="light"] #crx-stories article *,
html[data-theme="light"] .crx-stories article,
html[data-theme="light"] .crx-stories article *,

html:not([data-theme="dark"]) #crx-stories article,
html:not([data-theme="dark"]) #crx-stories article *,
html:not([data-theme="dark"]) .crx-stories article,
html:not([data-theme="dark"]) .crx-stories article *{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* Buttons win AFTER white rule */
html[data-theme="light"] .videuro-light-button,
html[data-theme="light"] .videuro-light-button *,
html:not([data-theme="dark"]) .videuro-light-button,
html:not([data-theme="dark"]) .videuro-light-button *{
    color:#101713 !important;
    -webkit-text-fill-color:#101713 !important;
}