/*_______________________________*/
/* Pease Shows Video thumbnail   */
.vjs-paused .vjs-poster {
     /* display: block !important;*/
}

/*_______________________________*/

/* Dashbaord */
.body-dashboard .section-dashboard .page-content > .row > div {
    width: 100%;
}

/*_______________________*/

/* ── Categories Styling (v5 — Design B: Split Pill + Row + Frame) ── */
/* Grandparent + Parents = always visible top row
   Grandchildren = gc-rows, expand ALL on hover/click frame
   Frame wraps everything with subtle gold border */

/* Frame container — hover zone */
.post-meta__items .cat-frame {
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(212,175,55,0.12);
    border-radius: 10px;
    padding: 10px 14px;
    transition: border-color 0.3s ease;
}
.post-meta__items .cat-frame:hover {
    border-color: rgba(212,175,55,0.25);
}

.post-meta__items {
    left: 5.5px;
}

/* Flow layout for pills + rows */
.post-meta__items .post-categories {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

/* Tag unit: link + optional expand button sit together */
.post-meta__items .tag-unit {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

/* Base link style — full pill (solo) */
.post-meta__items .post-categories a {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 4px 11px;
    border-radius: 15px;
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-decoration: none;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    transition: all 0.2s ease;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(212,175,55,0.15);
}

/* Parent with children: left-rounded only (joins expand btn) */
.post-meta__items .tag-unit.has-children > a {
    border-radius: 15px 0 0 15px;
    border-right: none;
}

/* Expand arrow button — right half of split pill */
.post-meta__items .tag-expand-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    width: 24px;
    border-radius: 0 15px 15px 0;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-left: 1px solid rgba(255,255,255,0.04);
    color: rgba(212,175,55,0.4);
    font-size: 9px;
    cursor: pointer;
    transition: all 0.2s ease;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(212,175,55,0.15);
    user-select: none;
    padding-right: 4px;
}
.post-meta__items .tag-expand-btn:hover,
.post-meta__items .tag-expand-btn:active {
    background: rgba(212,175,55,0.15);
    border-color: rgba(212,175,55,0.25);
    color: #D4AF37;
}
.post-meta__items .tag-expand-btn .arr {
    display: inline-block;
    transition: transform 0.2s ease;
}
.post-meta__items .tag-expand-btn.open .arr {
    transform: rotate(90deg);
}

/* Expanded split pill — subtle gold hint */
.post-meta__items .tag-unit.has-children.expanded {
    border-color: rgba(212,175,55,0.15);
}

/* Catz Font Color */
html[data-theme="dark"] .post-meta__items a {
    font-size: 11.5px;
    color: #bbb !important;
}

/* Link hover — works on both desktop & touch */
.post-meta__items .post-categories a:hover,
.post-meta__items .post-categories a:active {
    color: #D4AF37 !important;
    background: rgba(212,175,55,0.08);
    border-color: rgba(212,175,55,0.2);
}

/* Also color the expand btn when hovering the parent link */
.post-meta__items .tag-unit.has-children > a:hover + .tag-expand-btn,
.post-meta__items .tag-unit.has-children > a:active + .tag-expand-btn {
    border-color: rgba(212,175,55,0.2);
}

/* ── Grandchild rows — own line per parent, hidden by default ── */
.post-meta__items .gc-row {
    display: none;
    width: 100%;
    padding: 4px 0 4px 14px;
    margin: 2px 0;
    border-left: 1.5px solid rgba(212,175,55,0.15);
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}
.post-meta__items .gc-row.show {
    display: flex;
}

/* Parent label inside gc-row — clickable link */
.post-meta__items .gc-row .gc-row-parent {
    font-size: 10px !important;
    color: rgba(212,175,55,0.4) !important;
    margin-right: 4px;
    white-space: nowrap;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    min-height: auto !important;
    border-radius: 0 !important;
}
.post-meta__items .gc-row .gc-row-parent:hover {
    color: #D4AF37 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    background: none !important;
}

/* Grandchild tags: smaller, subtler */
.post-meta__items .gc-row .tag-gc a {
    font-size: 10.5px !important;
    min-height: 26px;
    padding: 3px 10px;
    color: #999 !important;
    border-color: rgba(255,255,255,0.06);
}
.post-meta__items .gc-row .tag-gc a:hover,
.post-meta__items .gc-row .tag-gc a:active {
    color: #D4AF37 !important;
    border-color: rgba(212,175,55,0.2);
    background: rgba(212,175,55,0.06);
}

/* Styling for the folder icon */
html[data-theme=dark] .post-meta__items .btn__icon {
    color: #D4AF37 !important;
    margin: 0 3px;
    font-size: 11px;
}

/* ── v5: Date + Views under author name (YouTube-style) ── */
.author-meta-line {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 4px;
    font-size: 12px;
    color: #888;
}
.author-meta-line .icon-calendar-empty,
.author-meta-line .icon-eye {
    font-size: 11px;
    color: #666;
}
.author-meta-line .meta-dot {
    color: rgba(212,175,55,0.3);
}
html[data-theme="dark"] .author-meta-line {
    color: #888;
}

/* Hide old date + views from meta area (now in author box) */
.post-meta__items .post-meta__date,
.post-meta__items .post-meta__views {
    display: none !important;
}

/*_______________________*/

/* Hover over Video Image */
.video-hover:before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url('https://ar.witness21.com/wp-content/uploads/2024/01/Light-Rays1.jpg'); /* The image to show on hover */
    background-size: cover; /* Cover the entire area of the element */
    background-position: center; /* Center the background image */
    opacity: 0; /* Hide initially */
    opacity: 0.55; /* Adjust for desired transparency */
	transition: opacity 0.1s ease-in-effect; /* Smooth transition for the hover effect */
}
.video-hover:hover {
	border: 3px solid #ff0000; /* Bright red border */

}

/* Change title color when hovering over the entire post-item */
.post-item:hover .post-body .post-meta__title.post-title a {
    color: rgb(222, 0, 80) !important;
	
}

/* hide play icon */
/*.post-thumbnail .video-hover .icon-play {
    display: none !important;
	
}*/

/* Search box Hover */
#site-search .search-input:hover {
    border: 2px solid rgb(222, 0, 80) !important;
    border-radius: 50px; /* Adjust the value to change the roundness of the corners */
}

/*_______________________*/
/* Categories Taxonomy Titles */
.term-box .term-title {
 /*   font-size: 14px;*/ /* defult 14 */
	
}
/*_______________________*/
@media screen and (max-width: 600px) {
  #wpadminbar {
    display: none;
  }
}

/*Floating Share across website*/
#floating-share-button {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 999;
  cursor: pointer;
}

#floating-share-button a {
  display: inline-block; /* Adjust as necessary */
}

#floating-share-button img {
  width: 115px; /* Set the width of your image */
  height: 37.5px; /* Set the height of your image */
  display: block; /* Ensures the image is properly displayed */
}

/*_______________________*/

/*youtube iframe overlay to work with iframe-transparent-layer.js */
.iframe-overlay {
    background: rgba(215, 255, 0, 0.5); /* Transparent background */
    pointer-events: auto; /* Enable pointer events on the overlay */
    position: absolute; /* Position relative to the iframe */
    top: 0; /* Cover the entire iframe from the top */
    left: 0; /* Cover the entire iframe from the left */
    width: 100%; /* Match the width of the iframe */
    height: 100%; /* Match the height of the iframe */
    z-index: 9999; /* Ensure the overlay is above the iframe */
}

/*_______________________*/

/* Change Trailer Title in Edit Form */
/*#video_trailer + label::after {
    content: " Full Video";
}*/

/*____*/

/* Change Trailer Button On Video Page */

/* Change the button background color to a linear gradient */
.button-group-trailer .btn {
    background: linear-gradient(to bottom right, #B78849, #F3E89A, #B78849) !important; /* Linear gradient background with !important */
    color: #000000 !important; /* Black text color with !important */
    border: none; /* Remove any border if present */
    padding: 10px 20px; /* Adjust padding as needed */
    border-radius: 5px; /* Optional: Add border radius for rounded corners */
    display: inline-flex; /* Ensure icon and text are aligned correctly and adjust width to content */
    align-items: center; /* Center align icon and text */
    position: relative; /* Ensure positioning context for pseudo-elements */
    cursor: pointer; /* Change cursor to pointer for better UX */
    text-decoration: none; /* Remove underline for hyperlink */
    width: auto !important; /* Ensure width adjusts to content */
    white-space: nowrap; /* Prevent text wrapping */
}

/* Style the existing icon */
.button-group-trailer .btn .btn__icon {
    color: #000000 !important; /* Black icon color with !important */
    font-size: 24px; /* Adjust size as needed */
    margin-right: 5px; /* Space between icon and text */
}

/* Hide the original text and replace it */
.button-group-trailer .btn .btn__text {
    visibility: hidden; /* Hide the original text */
    position: absolute; /* Keep position context for new text */
}

.button-group-trailer .btn::after {
    /*content: 'Full Video'; */
    color: #000000; /* Ensure the text color is black */
    position: relative; /* Adjust position */
    font-size: 16px; /* Adjust font size as needed */
    font-weight: bold; /* Make text bold */
}

/*_______________________*/

/* Target the specific span element */
span.load-icon.icon-angle-down.position-absolute.top-50.start-50.translate-middle {
    background: linear-gradient(to right, rgba(183, 136, 73, 1), rgba(243, 232, 154, 1), rgba(183, 136, 73, 1)) ;
    border-radius: 50%;
    color: #000;
    font-size: 24px;
}

/* Ensure icon-play element has a transparent background */
.icon-play.position-absolute.top-50.start-50.translate-middle {
    background: transparent !important;
}


/*_______________________*/
/*#search dropdown menu above all other items*/

.dropdown-menu2 {
    position: relative; /* Or 'absolute' depending on your layout */
    z-index: 1000; /* above Gtranslate and Share*/
}

.gtranslate_wrapper{
	  z-index: 999; /* above Gtranslate and Share*/
	
} 
/*_______________________*/
        /* Hide the custom taxonomy widgets */
body.custom-flag-enabled #widget-v_tag,
body.custom-flag-enabled #widget-time_tag {
    display: none !important;
}

/*_______________________*/
/* dashboard map list */
.c-footer__filters {
    background-color: #333 !important;
}
/*_______________________*/
/* Map Elements */
.gm-style-mtc-bbw, 
.wp_post_location_map > div > div.gm-style > div:nth-child(13) > div > button,
gmp-internal-camera-control,
.wp_post_location_map > div > div.gm-style > div:nth-child(16) > div,
#wp_post_location_map > div > div.gm-style > div:nth-child(13) > div,
#wp_post_location_map > div > div.gm-style > div:nth-child(16) > div {
    display: none;
}
/*_______________________*/
.aioseo-author-bio-compact {
    display: flex;
    gap: 40px;
    padding: 12px;
    text-align: left;
    border: 1px solid black;
    border-radius: 5px;
    color: #c1c1c1 !important;
    background-color: #333333 !important;
}

/* Auhtor profile page BIO 
 * e.g /author/ifoundthetruth/profile/
 */
.table > :not(caption) {
	color: white;
}
/*_______________________*/

/* ══════════════════════════════════════════════════════════════
   v1.4.0 — Two-Row Term Menu: Split Pills + Children Row
   Row 1 = Slick slider (parents) — theme handles base styling
   Row 2 = .w21-children-row (injected by JS below Slick)
   ══════════════════════════════════════════════════════════════ */

/* ── v1.5.6: Reduce gap between term menu and archive header ── */
/* .term-menu-wrap has .mt-4 (margin-top 1.5rem) — keep it. Reduce bottom margin. */
.term-menu-wrap {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* .page-header has .py-4 (padding 1.5rem) — reduce top padding */
.term-menu-wrap + .page-header,
.page-header {
    padding-top: 0.5rem !important;
}
/* Also target Elementor wrappers */
.streamtube-sliding-term-menu {
    margin-bottom: 0 !important;
}
.elementor-widget-streamtube-sliding-term-menu {
    margin-bottom: 0 !important;
}

/* ── Override theme's .current highlight — only w21-active-parent gets gold ── */
/* Reset ALL term-item.current to default (theme may add .current to queried term) */
.terms-menu .term-item.current a {
    background: rgba(255,255,255,0.04) !important;
    color: #bbb !important;
    border-color: rgba(255,255,255,0.08) !important;
    font-weight: 500 !important;
}
/* Only w21-active-parent gets gold bg (set by our JS) */
.terms-menu .term-item.w21-active-parent a {
    background: #D4AF37 !important;
    color: #111 !important;
    border-color: #D4AF37 !important;
    font-weight: 600 !important;
}

/* ── Classification label (L0 term in Row 1 — not a pill, acts as breadcrumb) ── */
.terms-menu .term-item.w21-classification-label a {
    background: transparent !important;
    color: rgba(212,175,55,0.6) !important;
    border: none !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 4px 8px 4px 4px !important;
    cursor: default !important;
    pointer-events: none !important;
    opacity: 0.7;
}
.terms-menu .term-item.w21-classification-label a::after {
    content: '\203A';
    margin-left: 6px;
    font-size: 14px;
    color: rgba(212,175,55,0.4);
}

/* ── Split pill: reshape .term-item that has children ── */
.terms-menu .term-item.w21-has-children {
    display: inline-flex !important;
    align-items: stretch;
    gap: 0;
}
/* Left-rounded link (joins expand arrow) */
.terms-menu .term-item.w21-has-children a {
    border-radius: 16px 0 0 16px !important;
    border-right: none !important;
    display: inline-flex !important;
    align-items: center;
}

/* ── Expand arrow button (right half of split pill) ── */
.w21-expand-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    width: 32px;
    border-radius: 0 16px 16px 0;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-left: 1px solid rgba(255,255,255,0.04);
    color: rgba(212,175,55,0.5);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.w21-expand-arrow:hover,
.w21-expand-arrow.w21-open {
    background: rgba(212,175,55,0.15);
    border-color: rgba(212,175,55,0.25);
    color: #D4AF37;
}
.w21-expand-arrow .w21-arr {
    display: inline-block;
    transition: transform 0.2s ease;
    line-height: 1;
}
.w21-expand-arrow.w21-open .w21-arr {
    transform: rotate(90deg);
}

/* Active parent's expand arrow — matches gold bg */
.terms-menu .term-item.w21-active-parent .w21-expand-arrow {
    background: rgba(212,175,55,0.7);
    border-color: #D4AF37;
    color: #111;
}
.terms-menu .term-item.w21-active-parent .w21-expand-arrow:hover {
    background: rgba(212,175,55,0.9);
}

/* ── Children row (Row 2) ── */
.w21-children-row {
    display: none;
    align-items: center;
    gap: 6px;
    padding: 8px 14px 10px;
    border-top: 1px solid rgba(212,175,55,0.12);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}
.w21-children-row::-webkit-scrollbar { display: none; }
.w21-children-row.w21-show { display: flex; }
.w21-children-row.w21-dragging { cursor: grabbing; }

/* Slide-down animation */
.w21-children-row.w21-animating {
    animation: w21SlideDown 0.25s ease forwards;
}
@keyframes w21SlideDown {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Gold left-border accent */
.w21-gc-border {
    width: 2px;
    min-height: 20px;
    align-self: stretch;
    background: rgba(212,175,55,0.25);
    border-radius: 2px;
    margin-right: 4px;
    flex-shrink: 0;
}

/* Parent label in children row */
.w21-row-parent-label {
    font-size: 11.5px;
    color: rgba(212,175,55,0.5);
    margin-right: 5px;
    white-space: nowrap;
    cursor: pointer;
    transition: color 0.2s;
    flex-shrink: 0;
}
.w21-row-parent-label:hover {
    color: #D4AF37;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Child pills */
.w21-child-pill {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
    color: #999;
    text-decoration: none;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    transition: all 0.2s ease;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
}
.w21-child-pill:hover {
    color: #D4AF37;
    background: rgba(212,175,55,0.06);
    border-color: rgba(212,175,55,0.2);
}
.w21-child-pill.w21-child-active {
    background: rgba(212,175,55,0.15);
    color: #D4AF37;
    border-color: rgba(212,175,55,0.3);
    font-weight: 600;
}

/* ── Archive SPA loading transition ── */
.post-grid.w21-spa-loading {
    opacity: 0.4;
    pointer-events: none;
    transition: opacity 0.2s ease;
}
.post-grid {
    transition: opacity 0.2s ease;
}