/* The Daily Headlines — small additions on top of the Hewo theme */
.site-alert { padding: 12px 16px; margin: 0 0 20px; border-left: 3px solid; font-size: 14px; }
.site-alert ul { margin: 0; padding-left: 18px; }
.site-alert-success { background: #e8f6f5; border-color: #14919b; color: #0b5560; }
.site-alert-error { background: #fdf1f1; border-color: #c0392b; color: #8a2a1f; }
.header .logo a, .bottom-logo .logo a { letter-spacing: 2px; }
.alith_post_thumb img, .alith_post_thumb_big img, .alith_news_img img { width: 100%; object-fit: cover; }
.single-content p img { max-width: 100%; height: auto; }


/* ==========================================================================
   Color layer — teal & turquoise palette over the Hewo theme
   ========================================================================== */
:root {
    --tdh-primary: #0f7c86;       /* teal */
    --tdh-primary-dark: #0b5c66;  /* deep teal */
    --tdh-accent: #2ec4b6;        /* turquoise */
    --tdh-accent-light: #7fdbd4;  /* aqua */
    --tdh-tint: #e8f6f5;          /* pale aqua wash */
    --tdh-deep: #0c3440;          /* slate teal */
    --tdh-deepest: #082731;
    --tdh-ink: #1b2b30;
    --tdh-coral: #f07a5a;         /* complementary accent */
    --tdh-coral-dark: #d65c3c;    /* coral for text on white */
}

a:hover, a:focus, .alith_post_title a:hover { color: var(--tdh-primary); }
::selection { background: var(--tdh-accent); color: #fff; }

/* Gradient accent bar */
.brand-bar { height: 4px; background: linear-gradient(90deg, var(--tdh-primary-dark), var(--tdh-primary) 40%, var(--tdh-accent) 70%, var(--tdh-coral)); }

/* Top bar */
.site-topbar { background: var(--tdh-deep); color: #fff; }
.site-topbar .top_bar { border: 0 !important; }
.site-topbar a, .site-topbar .top-search { color: #fff; }
.site-topbar .fa-clock-o, .site-topbar .top-search .fa { color: var(--tdh-accent-light); }
.site-topbar .top_bar .social a { color: #fff; border-color: rgba(255, 255, 255, .35); }
.site-topbar .top_bar .social a:hover { background: var(--tdh-coral); border-color: var(--tdh-coral); }
.site-topbar .top-search { border-left-color: rgba(255, 255, 255, .25); cursor: pointer; }
.site-topbar #off-canvas-toggle span,
.site-topbar #off-canvas-toggle span::before,
.site-topbar #off-canvas-toggle span::after { background: #fff; }
.site-topbar .top-search-form input.search-field { color: var(--tdh-ink); }

/* Masthead */
.site-masthead { background: #fff; }
.site-masthead .header { border: 0 !important; }
.header .logo a { color: var(--tdh-deep); }
.header .logo a:hover { color: var(--tdh-primary); }
.header .tagline { color: var(--tdh-primary); font-weight: 500; letter-spacing: 2px; }
.header .tagline .dot { color: var(--tdh-coral); margin: 0 8px; }

/* Main navigation */
.main-nav, .smartnav { background: var(--tdh-primary) !important; }
.main_nav_cover { border-bottom: 0 !important; }
.main_nav_cover #main-menu > li > a { color: #fff; font-weight: 500; }
.main_nav_cover #main-menu > li:hover > a { color: #fff; }
.main_nav_cover #main-menu > li::after {
    content: ""; position: absolute; left: 30px; right: 30px; bottom: 0;
    height: 3px; background: var(--tdh-coral); transform: scaleX(0); transition: transform .2s;
}
.main_nav_cover #main-menu > li:hover::after { transform: scaleX(1); }
.main_nav_cover ul.sub-menu { border-top: 3px solid var(--tdh-coral); box-shadow: 0 6px 16px rgba(12, 52, 64, .15); }
.main_nav_cover ul.sub-menu a { color: var(--tdh-ink); }
.main_nav_cover ul.sub-menu a:hover { color: var(--tdh-primary); }
.slicknav_menu { background: var(--tdh-primary); }

/* Labels, buttons, chips */
.post_meta_categories_label { background: var(--tdh-coral-dark); }
.grid-caption .post_meta span.meta_categories { background: var(--tdh-coral-dark); }
.read_more { background: var(--tdh-primary); padding: 3px 8px; transition: background .2s; }
.read_more:hover, .read_more:focus { background: var(--tdh-coral); color: #fff; }
.alith_button { background: var(--tdh-primary); color: #fff; padding: 8px 18px; display: inline-block; }
.alith_button:hover { background: var(--tdh-coral); color: #fff; }
.alith_tagg { background: var(--tdh-tint); color: var(--tdh-primary-dark); }
.alith_tagg:hover, .alith_tagg:focus { background: var(--tdh-coral); color: #fff; }
.post-tags-inner a { color: var(--tdh-primary); font-weight: 500; }
.post-tags-inner a:hover { color: var(--tdh-coral-dark); }

/* Meta */
.post_meta .meta_categories a { color: var(--tdh-primary); font-weight: 500; }
.post_meta span.meta_author_name a { color: var(--tdh-deep); }

/* Section headings and widget titles */
.alith_heading_patern_2 { color: var(--tdh-deep); }
h4.widget-title { color: var(--tdh-deep); }
h4.widget-title::after { background: var(--tdh-accent-light); height: 2px; }
h4.widget-title span::before { background: var(--tdh-coral); }
.latest_style_1_item span.item-count,
.latest_style_3_item span.item-count { color: var(--tdh-coral); font-weight: 700; }
.sidebar_right::after { background: var(--tdh-tint); }

/* Slideshows */
.owl-theme .owl-dots .owl-dot span { border-color: var(--tdh-primary); }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: var(--tdh-primary); }
#slideshow_face .post_meta_center a { color: var(--tdh-primary); }
.alith_post_title_small .meta span:last-child { color: var(--tdh-coral-dark); }

/* Archive / breadcrumbs */
.archive-header { border-bottom: 3px solid var(--tdh-accent-light) !important; }
.archive-title h2 { color: var(--tdh-deep); }
.bread { background: var(--tdh-primary); }
.bread a:hover { color: var(--tdh-accent-light); }

/* Search */
form.search-form input.search-field { border-color: var(--tdh-primary); }
form.search-form input.search-submit { background: var(--tdh-primary); transition: background .2s; }
form.search-form input.search-submit:hover { background: var(--tdh-coral); }

/* Pagination */
.site-pagination { border-top-color: var(--tdh-accent-light); }
ul.page-numbers li span.current { color: var(--tdh-coral-dark); font-weight: 700; }
ul.page-numbers li a:hover { color: var(--tdh-primary); }

/* Article */
.dropcap p:first-child::first-letter { color: var(--tdh-coral); }
.single-content blockquote, blockquote { border-left: 4px solid var(--tdh-accent); background: var(--tdh-tint); padding: 16px 20px; color: #3d5459; }
.post-author { background: var(--tdh-tint); border-left: 4px solid var(--tdh-primary); }
.post-author-info h3 a { color: var(--tdh-primary-dark); }
.post-share li.google-plus a { background: #25d366; border-color: #25d366; }
.single-comment-title, .comment-reply-title { color: var(--tdh-deep); }
.comment-meta .fn { color: var(--tdh-primary); }
.comment-reply-link { color: var(--tdh-primary); font-weight: 500; }
.comment-form input.submit { background: var(--tdh-primary); color: #fff; border: 0; padding: 10px 24px; transition: background .2s; }
.comment-form input.submit:hover { background: var(--tdh-coral); }
.page_404 h1 { color: var(--tdh-coral); }

/* Footer */
.site-footer { background: var(--tdh-deep); color: rgba(255, 255, 255, .8); }
.site-footer .bottom { border-bottom: 0 !important; padding-bottom: 20px; }
.site-footer a { color: #fff; }
.site-footer a:hover { color: var(--tdh-accent-light); }
.site-footer h4.widget-title { color: var(--tdh-accent-light); }
.site-footer h4.widget-title span::before { background: var(--tdh-coral); }
.site-footer h4.widget-title::after { background: rgba(255, 255, 255, .15); }
.site-footer .latest_style_2_item, .site-footer .latest_style_3_item { border-bottom-color: rgba(255, 255, 255, .1); }
.site-footer .latest_style_3_item span.item-count { color: var(--tdh-coral); }
.site-footer .fa-angle-right { color: var(--tdh-accent); }
.site-footer .read_more { background: var(--tdh-coral-dark); }
.site-footer .read_more:hover { background: #fff; color: var(--tdh-deep); }
.alith_footer_right_reserved { background: var(--tdh-deepest); color: rgba(255, 255, 255, .7); }
.alith_footer_right_reserved .bottom-logo .logo a { color: #fff; }
.alith_footer_right_reserved .bottom-logo .social li a { border-color: rgba(255, 255, 255, .35); }
.alith_footer_right_reserved .bottom-logo .social li a i { color: #fff; }
.alith_footer_right_reserved .coppyright { color: rgba(255, 255, 255, .55); }

/* Off-canvas */
#sidebar-wrapper { border-right: 4px solid var(--tdh-accent); }
#sidebar-wrapper .off-canvas-close span { color: var(--tdh-primary); }