/*
 * Destination Theme: Taiwan
 * Mood: cherry blossom delicacy, night market energy, mountain serenity
 */

/* POST META */
.main-header-single-meta .single-meta-icon { color: #F48FB1; }
.main-header-single-meta .single-meta-text { color: #FCE4EC; font-family: 'Noto Sans TC', sans-serif; }
.main-header-single-meta .single-meta-text span,
.main-header-single-meta .single-meta-text a { color: #FF5252; text-decoration: none; }
body:where(.light) .main-header-single-meta .single-meta-icon { color: #F48FB1; }
body:where(.light) .main-header-single-meta .single-meta-text { color: #4A1942; font-family: 'Noto Sans TC', sans-serif; }
body:where(.light) .main-header-single-meta .single-meta-text span,
body:where(.light) .main-header-single-meta .single-meta-text a { color: #FF5252; }

/* SHARING BUTTONS */
.sharrre-header .sharrre .share { color: #FF5252; }
.sharrre-header .sharrre .box:hover .share { color: #C2185B; }
.sharrre-header .sharrre .count { color: #FCE4EC; }
.sharrre-header .sharrre .box:hover .count { color: #FF5252; }
body:where(.light) .sharrre-header .sharrre .share { color: #FF5252; }
body:where(.light) .sharrre-header .sharrre .count { color: #4A1942; }

/* WIDGET TITLES */
.widget > h3,
.widget .wp-block-heading,
.sidebar .widget > h3 { color: #C2185B; font-family: 'Noto Serif TC', serif; }
.widget > h3:after,
.widget .wp-block-heading:after { background: #F48FB1; }
body:where(.light) .widget > h3,
body:where(.light) .widget .wp-block-heading { color: #C2185B; font-family: 'Noto Serif TC', serif; }
body:where(.light) .widget > h3:after { background: #F48FB1; }

/* Widget content */
.widget, .sidebar .widget { color: #FCE4EC; font-family: 'Noto Sans TC', sans-serif; }
.widget a, .sidebar .widget a { color: #FF5252; }
.widget a:hover, .sidebar .widget a:hover { color: #C2185B; }
body:where(.light) .widget, body:where(.light) .sidebar .widget { color: #4A1942; }
body:where(.light) .widget a { color: #FF5252; }
body:where(.light) .widget a:hover { color: #C2185B; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6,
.entry-title, .post-title { color: #FCE4EC !important; font-family: 'Noto Serif TC', serif; }
body:where(.light) h1, body:where(.light) h2, body:where(.light) h3,
body:where(.light) h4, body:where(.light) h5, body:where(.light) h6,
body:where(.light) .entry-title { color: #C2185B !important; font-family: 'Noto Serif TC', serif; }

/* BODY TEXT & LINKS */
body { font-family: 'Noto Sans TC', sans-serif; }
.entry, .post-content { color: #FCE4EC; font-family: 'Noto Sans TC', sans-serif; }
a { color: #FF5252; }
a:hover { color: #C2185B; }
.entry a { color: #FF5252; }
.entry a:hover { color: #C2185B; }
body:where(.light) .entry { color: #4A1942; }
body:where(.light) a { color: #FF5252; }
body:where(.light) a:hover { color: #C2185B; }
body:where(.light) .entry a { color: #FF5252; }
body:where(.light) .entry a:hover { color: #C2185B; }

/* BUTTONS */
.button, .btn, button, input[type="submit"] {
    background-color: #C2185B;
    color: #FCE4EC;
    font-family: 'Noto Sans TC', sans-serif;
}
.button:hover, .btn:hover, button:hover, input[type="submit"]:hover {
    background-color: #F48FB1;
}
body:where(.light) .button,
body:where(.light) button,
body:where(.light) input[type="submit"] {
    background-color: #C2185B;
    color: #fff;
}
body:where(.light) .button:hover,
body:where(.light) button:hover,
body:where(.light) input[type="submit"]:hover {
    background-color: #F48FB1;
}

/* ALX TABS WIDGET */
.alx-tabs-nav { background: #C2185B; }
.alx-tabs-nav li a { color: #FCE4EC; font-family: 'Noto Sans TC', sans-serif; }
.alx-tabs-nav li.active a { background: #C2185B; color: #FCE4EC; }
.alx-tab .tab-item-title a,
.alx-posts .post-item-title a { color: #FCE4EC; font-family: 'Noto Serif TC', serif; }
.alx-tab .tab-item-category a,
.alx-posts .post-item-category a { color: #F48FB1; }
.alx-tab .tab-item-date,
.alx-posts .post-item-date { color: #F48FB1; }

/* ALX TABS THUMBNAILS - Force circular crop */
.tab-item-thumbnail { width: 48px !important; height: 48px !important; }
.tab-item-thumbnail img { width: 48px !important; height: 48px !important; object-fit: cover; border-radius: 50%; }
body:where(.light) .alx-tabs-nav li a { color: #4A1942; }
body:where(.light) .alx-tabs-nav li.active a { color: #fff; }
body:where(.light) .alx-tab .tab-item-title a,
body:where(.light) .alx-posts .post-item-title a { color: #4A1942; }

/* PAGINATION */
.pagination ul li a,
.pagination ul li span { background: #C2185B; color: #FCE4EC; font-family: 'Noto Sans TC', sans-serif; }
.pagination ul li a:hover { background: #F48FB1; }
.pagination .current { background: #C2185B; }
body:where(.light) .pagination ul li a { color: #fff; }

/* SELECTION */
::selection { background-color: #C2185B; color: #fff; }
::-moz-selection { background-color: #C2185B; color: #fff; }

/* CATEGORY TAG */
.post-category a, .cat-links a { color: #FF5252; font-family: 'Noto Sans TC', sans-serif; }
.post-category a:hover, .cat-links a:hover { color: #C2185B; }

/* COMMENTS */
.comment-meta, .comment-metadata { color: #F48FB1; }
.comment-meta a { color: #FF5252; }
.comment-content { color: #FCE4EC; font-family: 'Noto Sans TC', sans-serif; }

/* FOOTER WIDGETS */
#footer-widgets { color: #FCE4EC; font-family: 'Noto Sans TC', sans-serif; }
#footer-widgets .widget > h3 { color: #C2185B; font-family: 'Noto Serif TC', serif; }
#footer-widgets .widget > h3:after { background: #F48FB1; }
#footer-widgets .widget { color: #FCE4EC; font-family: 'Noto Sans TC', sans-serif; }
#footer-widgets .widget a { color: #FF5252; }
#footer-widgets .widget a:hover { color: #C2185B; }
#footer-widgets .widget ul li { border-color: #F48FB1; }
body:where(.light) #footer-widgets { color: #4A1942; }
body:where(.light) #footer-widgets .widget > h3 { color: #C2185B; }
body:where(.light) #footer-widgets .widget { color: #4A1942; }
body:where(.light) #footer-widgets .widget a { color: #FF5252; }
body:where(.light) #footer-widgets .widget a:hover { color: #C2185B; }

/* FOOTER BOTTOM */
#footer, .footer { color: #FCE4EC; font-family: 'Noto Sans TC', sans-serif; }
#footer a, .footer a { color: #FF5252; }
#footer a:hover, .footer a:hover { color: #C2185B; }
#footer-bottom { color: #FCE4EC; font-family: 'Noto Sans TC', sans-serif; }
#footer-bottom a { color: #FF5252; }
#footer-bottom a:hover { color: #C2185B; }
body:where(.light) #footer-bottom { color: #4A1942; }
body:where(.light) #footer-bottom a { color: #FF5252; }