Jump to content

Collaborate with us to invoke and fully manifest Srila Prabhupada's Vani-presence

       

Go to Vaniquotes | Go to Vanipedia | Go to Vanimedia

Vanisource - the complete essence of Vedic knowledge

MediaWiki:Common.css: Difference between revisions

From Vanisource
← Older edit
Kashya (talk | contribs)
Editor, Bureaucrats, Interface administrators, Administrators
98 edits
No edit summary
No edit summary
 
(41 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* INSTALL ONLY IN MediaWiki:Common.css — Vanisource V15 */
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Use IDs (#) when there is only one concurrence per page */
/* Use IDs (#) when there is only one concurrence per page */
Line 5: Line 6:


@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=DM+Serif+Display&family=Noto+Serif:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=DM+Serif+Display&family=Noto+Serif:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Noto+Serif:wght@400;500;600&display=swap');


.cw_0 {
/* ==========================================================================
  display: none;
  1. VANISOURCE CORE UTILITIES & TEXT FORMATTING
}
  ========================================================================== */
.cw_50 {
.cw_0 { display: none; }
  width: 50px;
.cw_50 { width: 50px; }
}
.cw_150 { width: 150px; }
.cw_150 {
.cw_500 { width: 500px; }
  width: 150px;
 
}
.tabs-input { display: none !important; }
.cw_500 {
.noautonum .tocnumber { display: none; }
  width: 500px;
}


.tabs-input {
.daytable { text-align: left; }
  display: none !important;
.vanitable {
}
     border: 0.1em solid #BFBFBF;
.noautonum .tocnumber {
    border-collapse: collapse;
     display: none;  
    padding: 0.25em;
}
    background-color: #F2F2F2;
.daytable {                    /* Usage: {| class="daytable" */
     text-align: left;
     text-align: left;
    vertical-align: middle;
}
}
.vanitable {                     /* Usage: {| class="vanitable" */
.journaltable { max-width: 108em; min-width: 65em; }
    border: 0.1em solid #BFBFBF;  /* #BFBFBF=light grey border */
 
    border-collapse: collapse;
.timelineh2 {
    padding: 0.25em;              /* 0.25em=4px cellpadding */
    background-color: #F2F2F2;   /* #F2F2F2=pale grey background */
    text-align: left;            /* left, center, right */
    vertical-align: middle;      /* top, bottom, or middle */
}
.timelineh2 {                         /* (Used on the timeline pages) Usage: <div class="timelineh2" */
     text-align: center;
     text-align: center;
     border: 1px solid #ddcef2;
     border: 1px solid #ddcef2;
     background: #F2F2F2;               /* was #faf5ff; */
     background: #F2F2F2;
     padding: 0.2em 0.4em;
     padding: 0.2em 0.4em;
     margin: auto;
     margin: auto;
     overflow: hidden;
     overflow: hidden;
}
}
.timelineh3 {                           /* Usage: <div class="timelineh3" */
.timelineh3 {
     text-align: center;
     text-align: center;
     border-top: 1px solid #ddcef2;
     border-top: 1px solid #ddcef2;
     border-bottom: 1px solid #ddcef2;
     border-bottom: 1px solid #ddcef2;
     background: #FFFFFF;              
     background: #FFFFFF;
     padding: 0.2em 0.4em;
     padding: 0.2em 0.4em;
     margin: auto;
     margin: auto;
     overflow: hidden;
     overflow: hidden;
}
}
.timelinesummary {                     /* Usage: <div class="timelinesummary" */
.timelinesummary {
     border: thin solid #ddcef2;
     border: thin solid #ddcef2;
     border-radius: 1em;
     border-radius: 1em;
Line 64: Line 56:
     text-align: center;
     text-align: center;
}
}
.timelinelinks {                     /* Usage: <div class="timelinelinks"> for Timelinenav template */
.timelinelinks { text-align: center; font-size: 132%; font-weight: bold; }
    text-align: center;
.timelinelinks a { color: #B5BD64; }
    font-size: 132%;
 
    font-weight: bold;
.greentext { color: #296F39; }
}
.quotelink { font-size: 1em; font-weight: bold; color: #296F39; }
.timelinelinks a {                   /* Usage: for Timelinenav template, link text color */
.nectardroptext { font-size: 1em; font-weight: bold; color: #296F39; }
    color: #B5BD64;                   /* #B5BD64 (light mustard) */
.daystext { color: #296F39; }
}
.daystextb { color: #296F39; font-weight: bold; }
.greentext {                         /* Usage: <span class="greentext">vaniquotes.org</span> */
.lec_code { font-weight: bold; }
    color: #296F39;                   /* #296F39=green */
.code { font-weight: bold; font-size: 90%; }
}
 
.quotelink {                         /* Usage: <span class="quotelink">vaniquotes.org</span> for quote boxes */
.highlight_quote { background-color: #F9F7E0; margin: 0px; padding: 4px 2px; }
    font-size: 1em;
.highlight_terms { background-color: #EEE8AA; }
    font-weight: bold;
.hlterm { background-color: yellow; border: 1px Solid #EE9977; padding: 1px 2px 1px 2px; margin: -1px; }
    color: #296F39;                   /* #296F39=green */
 
}
.firstchar {
.nectardroptext {                     /* Usage: <span class="nectardroptext">"Text"</span> for Nectar Drop boxes */
    font-size: 1em;
    font-weight: bold;
    color: #296F39;                   /* #296F39=green */
}
.firstchar {                         /* Usage: <span class="firstchar">A</span> */
     float: left;
     float: left;
     width: 0.7em;
     width: 0.7em;
Line 92: Line 78:
     line-height: 80%;
     line-height: 80%;
}
}
.daystext {                            /* Usage: <span class="daystext">Text Here</span> */
.MITL_page_nav {
    color: #296F39;                    /* #296F39 = Green used for Video info on the Day in the life pages */
}
.daystextb {                          /* Usage: <span class="daystextb">Text Here</span> */
    color: #296F39;                    /* #296F39 = Green used for Video info on the Day in the life pages */
    font-weight: bold;
}
.MITL_page_nav {                       /* Usage: <div class="MITL_page_nav" */
     text-align: left;
     text-align: left;
     border: 1px solid #BFBFBF;
     border: 1px solid #BFBFBF;
     background: #FFF2E6;              
     background: #FFF2E6;
     padding: 0.2em 0.4em;
     padding: 0.2em 0.4em;
     margin: auto
     margin: auto;
}
.daysnav,.monthsnav {                  /* For D/MITL desktop & mobile */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.daysnav .month {
    margin: 25px 2%;
}
.monthsnav .year {
    margin: 25px 5%;
}
}
.daysnav,.monthsnav { display: flex; flex-wrap: wrap; justify-content: center; }
.daysnav .month { margin: 25px 2%; }
.monthsnav .year { margin: 25px 5%; }


/* ----------------- Book styles (BG is done) ----------------- */
/* ----------------- Book styles ----------------- */
.devanagari {                   /* Usage: <div class="devanagari"> */
.devanagari { color: #000000; font-weight: bold; }
    color: #000000;             /* Font color #0000 = black */
    font-weight: bold;
}
@font-face {
@font-face {
     font-family: interDiac;
     font-family: interDiac;
     src: url(/css/GauraTimes.ttf);     /* Vedabase font */
     src: url(/css/GauraTimes.ttf);
}
}
.verse {                               /* Usage: <div class="verse"> */
.verse { color: #000000; font-style: italic; }
    color: #000000;                     /* Font color #0000 = black */
.versecenter { color: #000000; font-style: italic; text-align: center; }
    font-style: italic;
.verse.inter_diac { font-family: interDiac; }
}
.synonyms { color: #000000; }
.verse.inter_diac {                     /* Usage: <div class="verse inter_diac"> */
.synonyms.inter_diac { font-family: interDiac; }
    font-family: interDiac;             /* International diacritics */
.translation { color: #000000; font-weight: bold; }
}
.translation.inter_diac { font-family: interDiac; font-size: 1.1em; }
.synonyms {                             /* Usage: <div class="synonyms"> */
.purport { color: #000000; }
    color: #000000;
.purport.inter_diac { font-family: interDiac; font-size: 1.1em; }
}
*:not(a).text { color: #000000; }
.synonyms.inter_diac {                 /* Usage: <div class="synonyms inter_diac"> */
.text.inter_diac { font-family: interDiac; font-size: 1.1em; }
    font-family: interDiac;             /* International diacritics */
a[href*="syno_o"]:visited { color: purple; }
}
 
.translation {                         /* Usage: <div class="translation"> */
.SB65verse {
    color: #000000;                     /* #296F39 = green */
    white-space: pre-line;
    font-weight: bold;
    white-space: -moz-pre-wrap;
}
    white-space: -pre-wrap;
.translation.inter_diac {               /* Usage: <div class="translation inter_diac"> */
    white-space: -o-pre-wrap;
    font-family: interDiac;             /* International diacritics */
    word-wrap: break-word;
    font-size: 1.1em;
    text-align: center;
}
.purport {                             /* Usage: <div class="purport"> */
     color: #000000;
     color: #000000;
}
}
.purport.inter_diac {                  /* Usage: <div class="purport inter_diac"> */
    font-family: interDiac;            /* International diacritics */
    font-size: 1.1em;
}
*:not(a).text {                                /* Usage: <div class="text"> */
    color: #000000;                    /* Font color #0000 = black */
}
.text.inter_diac {                      /* Usage: <div class="text inter_diac"> */
    font-family: interDiac;            /* International diacritics */
    font-size: 1.1em;
}
.SB65verse {                    /* 1962-65 SB */
    white-space: pre-line;      /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;      /* Internet Explorer 5.5+ */
    text-align: center;          /* Center or margin-left:1.5em; = a : colon. Only if not using text-align: center;*/
    color: #000000;              /* Font color #0000 = black */
}
/* ----------------- End book styles (BG is done) ----------------- */


/* --- Begin OLD book styles SB, CC (These #IDs should be replaced with .classes as above) --- */
#verse { white-space: pre; }
#verse {
#translation { color: #000000; font-weight: bold; }
  white-space: pre;
}
#text {                          /* Used for verses and was: font-style: italic; */
}
#synonyms {                      /* Usage: <div id="synonyms"> */
}
#translation {                   /* Usage: <div id="translation"> */
    color: #000000;            
    font-weight: bold;
}
#purport {                      /* Usage: <div id="purport"> */
}
/* ----------------- End old books styles BG, SB, CC ----------------- */


/* -------------------- BEGIN NEW COMPILE FORM -------------------- */
/* -------------------- BEGIN NEW COMPILE FORM -------------------- */
.quote {
.quote { margin: 1.5em 0em; font-family: tahoma; }
    margin: 1.5em 0em;             /* Places 20px space between quotes on multi-quote pages */
.quote_heading { font-weight: bold; color: #296F39; }
    font-family: tahoma;
.quote_translation { font-weight: bold; color: #000000; }
}
.quote_link { font-weight: bold; }
.quote_heading {
.quote_text { color: #000000; }
    font-weight: bold;
.quote_verse { color: #000000; }
    color: #296F39;  
.quote_text a { font-weight: bold; }
}
.quote_translation {
    font-weight: bold;
    color: #000000;
}
.quote_link {                     /* Vanisource link */
    font-weight: bold;
}
.quote_text {
    color: #000000;
}
.quote_verse {                     /* To center use: text-align: center; */
    color: #000000;
}
.quote_text a {                   /* Makes the Vanisource verse links bold */
    font-weight: bold;
}
/* -------------------- END NEW COMPILE FORM -------------------- */


/* -------------------- BEGIN MAIN PAGE CODING -------------------- */
/* -------------------- BEGIN MAIN PAGE CODING -------------------- */
.MainHeader h4 { margin:0!important; padding:0.2em 0.4em; }


.MainHeader h4 {
body.page-Main_Page h2, body.page-Talk_Main_Page h2, body.page-Main_Page_test h2, body.page-Main_Page_test h1 {
    margin:0!important;
     background: #f9f9f9;  
    padding:0.2em 0.4em;
     border-bottom: 1px solid #ccc;  
}
     border-top: 1px solid #ccc;  
#mainbanner {
     padding: 0.3em;
    text-align:center;
    margin: 1em 0;  
     background: #345B63;
     color: #B5BD64;  
     border-bottom:1px solid #ccc;
     font-family: georgia;  
     border-top:1px solid #ccc;
     font-weight: bold;  
     padding:0.3em;
     text-align: center;
     color: #D4ECDD;
     font-family:georgia;
    font-size:150%;
    font-style:italic;
}
#mainlinks {
    text-align:center;
     font-weight:bold;
    font-size: 110%;
    margin-bottom:0.5em
}
#mainlinks a {
    color:#B5BD64
}
#mainmantra {
     text-align:center;
    margin-top:1.5em;
    color:#B5BD64;
}
.maincenter {
    text-align:center;
    max-width:65em;
    margin:0px auto;
    padding-bottom:1em;
}
}


/* Don't display some stuff on the main page */
#banner {
body.page-Main_Page #t-cite,
    text-align: center;
body.page-Main_Page #lastmod,
    background: #f9f9f9;
body.page-Main_Page #siteSub,
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 0.3em;
    font-size: 125%;
}
}


/* -------------------- END MAIN PAGE CODING -------------------- */
#mainbanner {
 
    text-align: center;
/* -------------------- BEGIN CODING TO IDENTIFY AND SORT OUT -------------------- */
    background: #345B63;
 
    border-bottom: 1px solid #ccc;
/* 1. Override core Vector 2022 background CSS variables */
    border-top: 1px solid #ccc;
:root,
    padding: 0.3em;
.skin-vector-2022,
     color: #faf2af;  
html {
     font-family: georgia;  
     --background-color-base: #D4ECDD !important;
     font-size: 150%;  
     --background-color-page: #D4ECDD !important;
     font-style: italic;
     --background-color-quiet: #D4ECDD !important;
     --border-color-base: transparent !important;  
}
}


/* 2. Unify legacy elements and set global font */
#mainlinks { text-align:center; font-weight:bold; font-size: 110%; margin-bottom:0.5em }
body,  
#mainlinks a, #mainh2links a { color:#B5BD64 }
#content,
#mainmantra { text-align:center; margin-top:1.5em; color:#B5BD64; }
.mw-body,
.maincenter { text-align:center; max-width:65em; margin:0px auto; padding-bottom:1em; }
#mw-page-base,
.mainleft { text-align: left; max-width: 100em; margin: 0px auto; padding-bottom: 1em; }
#mw-head-base {
.mainjustify { text-align: justify; max-width: 65em; margin: 0px auto; padding-bottom: 1em; }
    background: #D4ECDD !important;  
    background-image: none !important;  
    font-family: tahoma;
}


#headertabs {
.vaniquotebox { text-align: left; min-height: 11.6em; border:thin solid #000000; border-radius: 1em; box-shadow: 0.5em 0.5em 1em #bcbcbc; margin: 1em 0em; }
    background: inherit;
@media screen and (min-width: 800px) { .vaniquotebox { max-width:80%; } }
}
.vaniquotebox > table { text-align:left; font-size:1em; color:#000000; min-height: 11.5em; margin: 0; }
#headertabs ul li.ui-state-active {
.vaniquotebox td { padding: 8px; }
  background: #D4ECDD;
}


/* 3. Force teal and remove borders on all Vector 2022 UI containers, sidebars, and Codex menus */
/* V6: original article utilities retained; shared shell replaced below. */
.mw-page-container,
/* ==========================================================================
.mw-page-container-inner,
  6. UI COMPONENTS (ACCORDION, THEME GRID, CARDS, BACK-TO-TOP)
.mw-content-container,
  ========================================================================== */
.mw-header,
.theme-analysis-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; margin: 2em 0; width: 100%; box-sizing: border-box; }
.vector-header-container,
.theme-column { background: rgba(255, 255, 255, 0.2); padding: 15px; border: 1px solid #B5BD64; border-radius: 8px; }
.vector-sticky-header,
.theme-column ul { list-style-type: none; padding: 0; margin: 0; }
.vector-column-start,
.theme-column li { margin-bottom: 10px; font-weight: bold; }
.vector-column-end,
.vector-sidebar-container,
.vector-pinnable-element,
.vector-toc,
#vector-toc,
.vector-toc-pinned-container,
.vector-toc-contents,
.vector-dropdown-content,
.vector-menu-content,
.cdx-menu,
.cdx-menu__list {
    background-color: #D4ECDD !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}


/* ------------------------------------ */
.book-accordion { background: #FFF8EE; border: none; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.06); overflow: hidden; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
.book-accordion-header { background-color: #91cfa9; color: #1f4033; padding: 16px 20px 16px 60px; font-size: 18px; font-weight: bold; border-bottom: 3px solid #296F39; cursor: pointer; transition: background-color 0.2s ease; user-select: none; }
.book-accordion-header:hover { background-color: #7fbd97; }
.book-accordion .mw-collapsible-toggle { float: right; font-weight: normal; font-size: 13px; background: rgba(255, 255, 255, 0.15); padding: 4px 12px; border-radius: 20px; margin-top: -2px; }
.book-accordion .mw-collapsible-toggle a { color: #1f4033 !important; text-decoration: none; }
.book-accordion .mw-collapsible-toggle a:hover { text-decoration: underline; }
.book-accordion-content { padding: 24px; }


div.thumb {         /* Remove white border from thumbnails */
.book-grid-list { column-width: 280px; column-gap: 20px; list-style-type: none; margin: 0; padding: 0; }
    border: none;
.book-grid-list.single-column { column-width: auto; column-count: 1; column-gap: 0; }
}
.book-grid-list li { margin-bottom: 12px; break-inside: avoid; }
div.tright {
.mw-parser-output .book-grid-list li a, .mw-parser-output .book-grid-list li a.external { display: block !important; padding: 8px 16px !important; background-color: #ffffff !important; background-image: none !important; border: 1px solid #e1e4e8 !important; border-radius: 6px; text-decoration: none; color: #1a5e9a; font-weight: 500; box-shadow: 0 1px 3px rgba(0,0,0,0.02); transition: all 0.2s ease; }
    border: none;
.mw-parser-output .book-grid-list li a:hover, .mw-parser-output .book-grid-list li a.external:hover { background-color: #f4f8fc !important; border-color: #1a5e9a !important; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(26,94,154,0.12); }
    margin: 0.5em 0 0.8em 1.4em;
}
div.tleft {
    border: none;
    margin: 0.5em 1.4em 0.8em 0;
}
#lastmod {
    display:none
}


li#ca-unify {
.vision-btn.btn-framed { position: relative !important; margin: 12px !important; }
    margin-left:1.6em;
.vision-btn.btn-framed::after { content: ""; position: absolute; top: -12px; left: -12px; right: -12px; bottom: -12px; border: 2px solid #296F39 !important; border-radius: 6px !important; pointer-events: none; }
}
.vision-btn.btn-framed:hover::after { border-color: #1d5229 !important; }
#google-search input {
    font-size:95%;
    width:10.9em;
}
#searchform {
    padding-bottom:0.5em
}
#p-logo a, #p-logo a:hover {
    height:190px;
}
#column-one {
    padding-top:190px;
}
#p-navigation {
    padding-top:30px;
}
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: Window;
    overflow: hidden;
    z-index: 99999;
}
.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* if width will be 100% horizontal scrollbar will appear when scroll mode will be used */
    /* width: 100%; */
    font: menu;
    font-size: 12px;
    /* it is very important, if line-height not set or set in relative units scroll will be broken in firefox */
    line-height: 16px;
    overflow: hidden;
}
.ac_loading {
    background: Window url('indicator.gif') right center no-repeat;
}
.ac_odd {
    background-color: #eee;
}
.ac_over {
    background-color: aquamarine;
    color: HighlightText;
}
.ac_moreItems {
    text-align: center;
    background-color: InactiveCaption;
    color: InactiveCaptionText;
    margin: 0px;
    padding: 0px 5px;
    cursor: default;
    display: block;
    width: 100%;
    font: bold menu 12px;
    overflow: hidden;
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* -------------------- BEGIN MAIN PAGE TEST -------------------- */
.compilation-wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 30px; margin: 20px auto; max-width: 1000px; }
.compilation-image { flex: 1 1 300px; text-align: center; max-width: 450px; }
.compilation-button-grid { flex: 1 1 400px; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; }
.compilation-btn { background-color: #296F39; padding: 12px 24px; font-size: 16px; font-weight: bold; border-bottom: 3px solid #1d5229; border-radius: 4px; text-align: center; }
.compilation-btn a { color: #ffffff !important; text-decoration: none; display: block; }
.compilation-btn-full { grid-column: 1 / -1; }


body.page-Main_Page_test h1 {
#vanipedia-back-to-top { position: fixed !important; bottom: 24px !important; right: 24px !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; background-color: #296F39 !important; color: #ffffff !important; border: none !important; outline: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important; z-index: 1000 !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(12px) !important; transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, background-color 0.2s ease !important; }
    background:#f0f0f0;           /* was background:#faf5ff; */
#vanipedia-back-to-top.visible { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
    border-bottom:1px solid #ccc;
#vanipedia-back-to-top:hover { background-color: #1d5229 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important; }
    border-top:1px solid #ccc;
#vanipedia-back-to-top svg { display: block !important; width: 22px !important; height: 22px !important; stroke: #ffffff !important; }
    padding:0.3em;
    margin:1em 0;
    color:#B5BD64;               /* font color */
    font-family:georgia;
    font-weight:bold;
    font-size: 140%;
    text-align:center;
}
body.page-Main_Page_test h2 {
    background:#f0f0f0;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    padding:0.3em;
    margin:1em 0;
    color:#000000;
    font-family:georgia;
    font-weight:bold;
    font-size: 110%;
    text-align:center;
}


#mainh2links a {
/* MEDIA SNIPPETS OVERFLOW FIX */
    color:#B5BD64
.mw-parser-output div[style*="#feffe1"] { max-width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; }
}
.mw-parser-output div[style*="#feffe1"] div { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
/* -------------------- END MAIN PAGE TEST -------------------- */
.mw-parser-output div[style*="#feffe1"] img, .mw-parser-output div[style*="#feffe1"] iframe, .mw-parser-output div[style*="#feffe1"] .embedvideo, .mw-parser-output div[style*="#feffe1"] span[typeof="mw:File"] { max-width: 100% !important; height: auto !important; box-sizing: border-box !important; display: block !important; margin: 0 auto !important; }


/* --------------- DONATION PAGE - http://vanipedia.org/wiki/Special:IframePage/Donation --------------------*/
/* ==========================================================================
 
  7. MOBILE RESPONSIVENESS
#iframeframe {
  ========================================================================== */
height: 800px;
@media screen and (max-width: 900px) {
}
     .theme-analysis-grid { grid-template-columns: repeat(2, 1fr); }
 
/* -------------------- END CODING TO IDENTIFY AND SORT OUT -------------------- */
 
/* 2020-11-27 Elad: Scale and center main page banners */
a[href*='MainPage']::after {
     content: 'a';
    font-size: 50px;
    visibility: hidden;
}
 
img[src*='MainPage'] {
    transform: scale(1.225) translateX(9%);
}
}
/* End mainpage banners */
/* Main page mobile view classes */
@media screen and (max-width: 768px) {
@media screen and (max-width: 768px) {
  .MainPageBG {
    .mw-parser-output img { max-width: 100%; height: auto !important; }
    display: inline-table;
    #vanipedia-back-to-top { bottom: 18px !important; right: 18px !important; width: 40px !important; height: 40px !important; }
  }
     .book-grid-list { grid-template-columns: 1fr; display: block; }
  #mp-upper > tbody > tr {
    display: table-cell;
  }
  #mp-upper > tbody > tr > td:nth-child(2) {
    display: none;
  }
 
  /* 1. Stack the 5-column theme analysis sections vertically */
  .theme-analysis-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
 
  /* 2. Prevent the timeline from breaking the mobile viewport */
  .timelinesummary {
    min-width: unset;
    width: 100%;
    box-sizing: border-box;
     margin: 1em auto;
  }
 
  /* 3. Make fixed-width captions flexible on mid-sized screens */
  .youtube_right .thumbcaption,
  .youtube_left .thumbcaption {
    width: auto;
    max-width: 100%;
  }
 
  /* 4. Ensure old table layouts don't cause horizontal scroll */
  .vanitable {
    display: block;
    overflow-x: auto;
    width: 100%;
  }
}
}
 
@media screen and (max-width: 600px) {
@media screen and (max-width: 400px)
     .theme-analysis-grid { grid-template-columns: 1fr; }
{
  #mp-upper div[style*="40em"] {
    width: 78vw !important;
  }
  #mp-upper > tbody > tr > td:nth-child(1) {
    border-bottom: none !important;
  }
  .youtube_right .thumbcaption, .youtube_left .thumbcaption {
    width: 69vw !important;
  }
  #mp-upper .embedvideowrap {
     width: 69vw !important;
  }
  #mp-upper .embedvideo {
    padding: 0px !important;
  }
  #mp-upper div[style*="24em"] {
    width: unset !important;
  }
  #mp-upper .embedvideo iframe {
    width: 67vw;
  }
  #mp-upper div[style*="32em"] { /* right-to-left languages */
    min-width: 80vw !important;
  }
}
}
@media screen and (max-width: 320px)
{
  #mp-upper .embedvideo iframe {
    width: 70vw;
  }
  .youtube_right .thumbcaption, .youtube_left .thumbcaption {
    width: 69vw;
  }
  #mp-upper .embedvideo {
    width: 71vw !important;
  }
  #mp-upper .embedvideowrap {
    width: 67vw !important;
  }
  .NectarDropBox
  {
    min-width: 17.5em !important;
  }
  #mp-right > tbody > tr:nth-child(4) > td
  {
    padding: 0 0 0 .5em !important;
  }
  #mp-right > tbody > tr:nth-child(6) > td
  {
    padding: 0 0 0 .4em !important;
  }
  #mp-upper div[style*="32em"] { /* right-to-left languages */
    min-width: 86vw !important;
  }
}
/* End main page mobile view classes */


/* Generic center class */
/* ==========================================================================
div.center
  8. LEGACY AC_RESULTS (AUTOCOMPLETE)
{
  ========================================================================== */
    text-align: center;
.ac_results { padding: 0px; border: 1px solid black; background-color: Window; overflow: hidden; z-index: 99999; }
}
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_loading { background: Window url('indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: aquamarine; color: HighlightText; }
.ac_moreItems { text-align: center; background-color: InactiveCaption; color: InactiveCaptionText; margin: 0px; padding: 0px 5px; cursor: default; display: block; width: 100%; font: bold menu 12px; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; }


/* Nectar drop classes */
/* ==========================================================================
@media only screen and (max-width: 640px)
  9. USED BY TEMPLATE:NAVBAR AND BG FOOTER
{
  ========================================================================== */
    div.NectarDropBox
.verse-nav { float:right; }
    {
.prev-link { float:left; min-height:22px; padding:0 0 0 25px; background:url(/w/images/Go-previous.png) no-repeat left }
        max-width: 30%;
.next-link { float:left; min-height:22px; padding:0 25px; background:url(/w/images/Go-next.png) no-repeat right }
    }
.chap-nav, #chap-nav, #book-nav, #page-nav { float:left }
}


.vaniquotebox
/* ==========================================================================
{
  10. DARK MODE / NIGHT MODE OVERRIDES
    text-align: left;
  ========================================================================== */
    min-height: 11.6em;
html.skin-theme-clientpref-night { --background-color-base: #121212 !important; --background-color-page: #121212 !important; --background-color-quiet: #1a1a1a !important; --color-base: #e2e8f0 !important; }
    border:thin solid #000000;
html.skin-theme-clientpref-night body, html.skin-theme-clientpref-night #content, html.skin-theme-clientpref-night .mw-body, html.skin-theme-clientpref-night #mw-page-base, html.skin-theme-clientpref-night #mw-head-base { background: #121212 !important; color: #e2e8f0 !important; }
    border-radius: 1em;
html.skin-theme-clientpref-night .mw-page-container, html.skin-theme-clientpref-night .mw-page-container-inner, html.skin-theme-clientpref-night .mw-content-container, html.skin-theme-clientpref-night .mw-header, html.skin-theme-clientpref-night .vector-header-container, html.skin-theme-clientpref-night .vector-sticky-header, html.skin-theme-clientpref-night .vector-column-start, html.skin-theme-clientpref-night .vector-column-end, html.skin-theme-clientpref-night .vector-sidebar-container, html.skin-theme-clientpref-night .vector-pinnable-element, html.skin-theme-clientpref-night .vector-pinnable-header, html.skin-theme-clientpref-night .vector-pinned-container, html.skin-theme-clientpref-night .vector-toc, html.skin-theme-clientpref-night #vector-toc, html.skin-theme-clientpref-night .vector-toc-pinned-container, html.skin-theme-clientpref-night .vector-toc-contents, html.skin-theme-clientpref-night .vector-menu-content, html.skin-theme-clientpref-night .vector-appearance-pinned-container, html.skin-theme-clientpref-night .vector-page-toolbar-container, html.skin-theme-clientpref-night .vector-page-toolbar, html.skin-theme-clientpref-night .cdx-menu, html.skin-theme-clientpref-night .cdx-menu__list, html.skin-theme-clientpref-night .cdx-menu-item, html.skin-theme-clientpref-night .cdx-radio, html.skin-theme-clientpref-night #vector-appearance { background-color: #121212 !important; background-image: none !important; border: none !important; box-shadow: none !important; color: #e2e8f0 !important; }
    box-shadow: 0.5em 0.5em 1em #bcbcbc;
html.skin-theme-clientpref-night #vector-sticky-header { background-color: #1a1a1a !important; border-bottom: 2px solid #3b4b5f !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; }
    margin: 1em 0em;
html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .mw-headline, html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .vector-sticky-header-title { color: #ffffff !important; }
}
html.skin-theme-clientpref-night #vanipedia-back-to-top { background-color: #3b4b5f !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important; }
@media screen and (min-width: 800px)
html.skin-theme-clientpref-night #vanipedia-back-to-top:hover { background-color: #4f637c !important; }
{
html.skin-theme-clientpref-night .quote_text, html.skin-theme-clientpref-night *:not(a).text { color: #e2e8f0 !important; }
    .vaniquotebox {
html.skin-theme-clientpref-night .devanagari, html.skin-theme-clientpref-night .verse, html.skin-theme-clientpref-night .versecenter, html.skin-theme-clientpref-night .synonyms, html.skin-theme-clientpref-night .translation, html.skin-theme-clientpref-night .purport { color: #e2e8f0 !important; }
        max-width:80%;
    }
}
.vaniquotebox > table
{
    text-align:left;
    font-size:1em;
    color:#000000;
    min-height: 11.5em;
    margin: 0;
}


.vaniquotebox td
/* ==========================================================================
{
  11. LIGHT MODE SPECIFIC OVERRIDES
    padding: 8px;
  ========================================================================== */
}
html:not(.skin-theme-clientpref-night) .vector-sidebar-container { background-color: #e6dfa1 !important; --background-color-interactive: #e6dfa1 !important; }
html:not(.skin-theme-clientpref-night) .vector-dropdown-content { background-color: #ffffff !important; border: 1px solid #c8ccd1 !important; border-radius: 4px !important; padding: 6px !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; }
html:not(.skin-theme-clientpref-night) .vector-dropdown-content #vector-main-menu, html:not(.skin-theme-clientpref-night) .vector-dropdown-content #vector-toc { background-color: transparent !important; padding: 0 !important; border: none !important; box-shadow: none !important; }
html:not(.skin-theme-clientpref-night) #vector-main-menu .vector-menu-heading, html:not(.skin-theme-clientpref-night) .vector-dropdown-content .vector-menu-heading { background-color: #296F39 !important; color: #ffffff !important; border-radius: 4px !important; padding: 8px 12px !important; margin-bottom: 4px !important; }
html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a, html:not(.skin-theme-clientpref-night) #vector-toc .vector-toc-link { color: #296F39 !important; }
html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a:hover, html:not(.skin-theme-clientpref-night) #vector-toc .vector-toc-link:hover { color: #0645ad !important; background-color: #e6dfa1 !important; border-radius: 2px !important; }


/* Put spacing between the YouTube video player and text that flows around it */
/* ==========================================================================
  12. VANIPEDIA MAIN PAGE & CUSTOM HOMEPAGE GRIDS
  ========================================================================== */
body.page-Custom_Landing_Page #mw-head, body.page-Custom_Landing_Page #mw-panel, body.page-Custom_Landing_Page #left-navigation, body.page-Custom_Landing_Page #right-navigation, body.page-Custom_Landing_Page #p-personal, body.page-Custom_Landing_Page #p-search, body.page-Custom_Landing_Page #p-logo, body.page-Custom_Landing_Page #siteSub, body.page-Custom_Landing_Page #contentSub, body.page-Custom_Landing_Page #jump-to-nav, body.page-Custom_Landing_Page .mw-indicators, body.page-Custom_Landing_Page .mw-editsection, body.page-Custom_Landing_Page .vector-page-toolbar, body.page-Custom_Landing_Page .vector-page-titlebar, body.page-Custom_Landing_Page .vector-header-container, body.page-Custom_Landing_Page .vector-column-start, body.page-Custom_Landing_Page .vector-column-end, body.page-Custom_Landing_Page .vector-toc, body.page-Custom_Landing_Page .vector-settings, body.page-Custom_Landing_Page .vector-page-tools, body.page-Custom_Landing_Page .vector-main-menu-landmark, body.page-Custom_Landing_Page .mw-page-title-main, body.page-Custom_Landing_Page .firstHeading, body.page-Custom_Landing_Page #footer, body.page-Custom_Landing_Page .printfooter, body.page-Custom_Landing_Page .catlinks, body.page-Custom_Landing_Page .vector-sitenotice-container, body.page-Custom_Landing_Page #siteNotice, body.page-Custom_Landing_Page #localNotice, body.page-Custom_Landing_Page #mainbanner { display: none !important; }
body.page-Custom_Landing_Page, body.page-Custom_Landing_Page .mw-page-container, body.page-Custom_Landing_Page .mw-page-container-inner, body.page-Custom_Landing_Page .mw-content-container, body.page-Custom_Landing_Page #content, body.page-Custom_Landing_Page .mw-body, body.page-Custom_Landing_Page .mw-body-content, body.page-Custom_Landing_Page #bodyContent, body.page-Custom_Landing_Page #mw-content-text, body.page-Custom_Landing_Page .mw-parser-output { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: #f6f2e9 !important; }
body.page-Custom_Landing_Page .mw-page-container, body.page-Custom_Landing_Page .mw-page-container-inner, body.page-Custom_Landing_Page .mw-content-container { display: block !important; min-height: 0 !important; }
body.page-Custom_Landing_Page main#content { position: static !important; }
body.page-Custom_Landing_Page { overflow-x: hidden; }


/* left-to-right languages */
/* 13. CUSTOM WIKIPEDIA-STYLE HOVER POPUP */
.youtube_right .embedvideo
a[title]:hover::after {
{
    content: "Preview: " attr(title); position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%);
     padding: 10px;
     background: var(--background-color-page, #ffffff); color: var(--color-base, #202122); padding: 12px 16px;
    border: 1px solid var(--border-color-base, #a2a9b1); border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    font-size: 14px; line-height: 1.5; white-space: normal; width: 280px; z-index: 10000;
}
}


.youtube_right .thumbcaption, .youtube_left .thumbcaption
/* ==========================================================
{
  VANISOURCE HEADER TABS
    width: 330px;
  ========================================================== */
}


/* right-to-left languages */
.youtube_left .embedvideo
{
    padding: 10px;
}


.rtltoc ul
/* HEADER STRIP */
{
    text-align: right !important;
    direction: rtl;
}


.rtltoc .tocnumber {
#headertabs .oo-ui-menuLayout-menu {
     padding-left: 0.5em;
     background: #faedf5 !important;
     padding-right: 0;
     border: 1px solid #5a636c !important;
}
     border-bottom: none !important;
 
    padding: 5px 5px 0 5px !important;
.rtltoc .toctitle
     box-shadow: none !important;
{
     direction: rtl;
}
 
.rtltoc.ar .toctitle::before {
     content: "محتويات";
}
}


.rtltoc.he .toctitle::before {
    content: "תוכן עניינים";
}


.rtltoc.he,.rtltoc.ar {
/* REMOVE OOUI FRAMES */
    font-weight: bold;
    font-weight: sans-serif;
}


.rtltoc.he h2,.rtltoc.ar h2
#headertabs .oo-ui-menuLayout-menu .oo-ui-panelLayout-framed,
{
#headertabs .oo-ui-tabSelectWidget-framed,
    display: none !important;
#headertabs .mw-header-tabs-wrapper.oo-ui-panelLayout-framed {
}
     background: transparent !important;
 
/* Kasya */
/* Custom Wikipedia-style Hover Popup Alternative */
a[title]:hover::after {
    content: "Preview: " attr(title);
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--background-color-page, #ffffff);
    color: var(--color-base, #202122);
    padding: 12px 16px;
    border: 1px solid var(--border-color-base, #a2a9b1);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
    width: 280px;
    z-index: 10000;
}
/* -------------------- THEME ANALYSIS PAGE STRUCTURE -------------------- */
/* 5-Column Grid */
.theme-analysis-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    margin: 2em 0;
}
 
.theme-column {
     background: rgba(255, 255, 255, 0.2);
    padding: 15px;
    border: 1px solid #B5BD64;
    border-radius: 8px;
}
 
/* Formats the links cleanly inside each column */
.theme-column ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
 
.theme-column li {
    margin-bottom: 10px;
    font-weight: bold;
}
 
/* Eliminate structural white borders and force structural columns to teal */
.vector-column-start,
.vector-column-end,
.vector-toc,
#vector-toc,
.vector-pinnable-element,
.mw-body,
.mw-page-container-inner,
.vector-sidebar-container {
     border: none !important;
     border: none !important;
     background-color: #D4ECDD !important;  
     box-shadow: none !important;
}
}


/* Override core Vector 2022 background CSS variables */
:root,
.skin-vector-2022,
html {
    --background-color-base: #D4ECDD !important;
    --background-color-page: #D4ECDD !important;
    --background-color-quiet: #D4ECDD !important;
    --border-color-base: transparent !important; /* Neutralizes structural borders */
}


/* Force the specific grid columns and pinned containers to adopt the teal */
/* ==========================================================
.vector-sidebar-container,
  CONTENT BELOW TABS
.vector-column-start,
  ========================================================== */
.vector-column-end,
.vector-toc-pinned-container,
.vector-pinnable-element,
.mw-page-container,
.mw-page-container-inner {
    background-color: #D4ECDD !important;
    background-image: none !important;
    border: none !important;
}


/* Wit & Wisdom Card Hover Effects */
#headertabs .oo-ui-menuLayout-content {
.ww-card {
    background: transparent !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #a2a9b1 !important;
}
    border-top: 1px solid #5a636c !important;
.ww-card:hover {
    font-size: 16px !important;
  transform: translateY(-2px);
    padding: 1.5em !important;
  box-shadow: 0 6px 15px rgba(0,0,0,0.2) !important;
}
}


.ww-image-layer {
  transition: transform 0.5s ease;
}
.ww-card:hover .ww-image-layer {
  transform: scale(1.05);
}


.ww-text-arrow {
/* ==========================================================
  display: inline-block;
  ALL TABS
  transition: transform 0.3s ease;
  ========================================================== */
}
.ww-card:hover .ww-text-arrow {
  transform: translateX(4px);
}


/* Portal Books Accordion Styles */
#headertabs .oo-ui-tabOptionWidget {
.book-accordion-report {
     position: relative !important;
     background: #FDF2D5;
     background: transparent !important;
     border: 1px solid #d0d7de;
     border: 1px solid transparent !important;
     border-radius: 6px;
     box-shadow: none !important;
    margin-bottom: 12px;
     box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    overflow: hidden;
}
}


/* --- ENHANCED PORTAL BOOKS ACCORDION --- */


/* The Main Container */
/* TAB TEXT */
.book-accordion {
    background: #FFF8EE;
    border: none;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06); /* Deeper, softer shadow */
    overflow: hidden;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}


/* The Clickable Header Bar */
#headertabs .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
.book-accordion-header {
     font-size: 15px !important;
     background-color: #91cfa9;
     color: #000000 !important;
     color: #1f4033;
     font-weight: bold !important;
    padding: 16px 20px 16px 60px; /* Top: 16px, Right: 20px, Bottom: 16px, Left: 60px */
     padding: 6px 12px !important;
    font-size: 18px;
     font-weight: bold;
     border-bottom: 3px solid #2a4452;
    cursor: pointer;
    transition: background-color 0.2s ease;
    user-select: none;
}
}


/* Header Hover Effect */
.book-accordion-header:hover {
    background-color: #7fbd97; /* Lightens the bar slightly on hover */
}


.extra-button {
/* ==========================================================
    background-color: #5B3E34;
  ACTIVE TAB
}
  ========================================================== */
.extra-button:hover {
    background-color: #907359;
}


#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    position: relative !important;
    z-index: 10 !important;


/* Fix for the standard MediaWiki Collapse/Expand Button */
     background: #BDB76B !important;
.book-accordion .mw-collapsible-toggle {
    float: right;
    font-weight: normal;
    font-size: 13px;
     background: rgba(255, 255, 255, 0.15);
    padding: 4px 12px;
    border-radius: 20px; /* Makes it a pill shape */
    margin-top: -2px;
}


/* Target the link inside the toggle to ensure it stays white */
     border: 1px solid #a2a9b1 !important;
.book-accordion .mw-collapsible-toggle a {
     border-bottom: none !important;
     color: #1f4033 !important;  
     text-decoration: none;
}


.book-accordion .mw-collapsible-toggle a:hover {
     box-shadow: none !important;
     text-decoration: underline;
}


/* The Content Area */
    margin-bottom: -1px !important;
.book-accordion-content {
    padding: 24px;
}
}


/* The Grid Setup */
.book-grid-list {
    column-width: 280px;
    column-gap: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/* Single-column version of accordion link list */
/* ==========================================================
.book-grid-list.single-column {
  REMOVE ALL OOUI DECORATION INSIDE ACTIVE TAB
    column-width: auto;
  ========================================================== */
    column-count: 1;
    column-gap: 0;
}


.book-grid-list li {
#headertabs
    margin-bottom: 12px;
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
    break-inside: avoid;
.oo-ui-buttonElement-button,
}


/* Mini-Card Links */
#headertabs
.mw-parser-output .book-grid-list li a,
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
.mw-parser-output .book-grid-list li a.external {
.oo-ui-labelElement-label,
    display: block !important;
    padding: 8px 16px !important;
    background-color: #ffffff !important;
    background-image: none !important; /* Safely removes the external link icon */
    border: 1px solid #e1e4e8 !important;
    border-radius: 6px;
    text-decoration: none;
    color: #1a5e9a;
    font-weight: 500;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
    transition: all 0.2s ease;
}


/* Mini-Card Hover Effect */
#headertabs
.mw-parser-output .book-grid-list li a:hover,
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
.mw-parser-output .book-grid-list li a.external:hover {
.oo-ui-buttonElement-button > span {
     background-color: #f4f8fc !important;
     background: transparent !important;
     border-color: #1a5e9a !important;
     background-color: transparent !important;
     transform: translateY(-2px);
     background-image: none !important;
    box-shadow: 0 4px 10px rgba(26,94,154,0.12);
}


/* Mini-Card Hover Effect */
    border: none !important;
.book-grid-list li a:hover {
     border-top: none !important;
     background-color: #f4f8fc;
     border-right: none !important;
     border-color: #1a5e9a;
     border-bottom: none !important;
     transform: translateY(-2px); /* Lifts the card up slightly */
     border-left: none !important;
     box-shadow: 0 4px 10px rgba(26,94,154,0.12); /* Subtle blue glow */
}


/* --- Solid Buttons with a Padded Outer Frame (Pseudo-Element Method) --- */
    box-shadow: none !important;
 
     outline: none !important;
.vision-btn.btn-framed {
     text-decoration: none !important;
     position: relative !important; /* Required to anchor the frame */
     margin: 12px !important; /* Ensures there is room for the frame to render */
}
}


/* This draws the actual frame 6px outside the button */
.vision-btn.btn-framed::after {
    content: "";
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
    border: 2px solid #3a5c6e !important; /* The teal frame */
    border-radius: 6px !important; /* Slightly rounded to match the button */
    pointer-events: none; /* Ensures the frame doesn't block you from clicking the button */
}


/* Changes the frame color when you hover over the button */
/* Restore active-tab text */
.vision-btn.btn-framed:hover::after {
    border-color: #466e84 !important;
}


/* Mobile Responsiveness for Custom Book Grids */
#headertabs
@media screen and (max-width: 720px) {
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
    .book-grid-list {
.oo-ui-labelElement-label {
        /* Forces the grid to stack into a single vertical column on small screens */
    color: #000000 !important;
        grid-template-columns: 1fr;
        display: block;
    }
   
    /* Adjust padding for smaller screens if necessary */
    .book-accordion-content {
        padding: 10px;
    }
}
}


/* ----------------------------------------------------
  FIX: Mobile-Only Image Scaling (Leaves Desktop Intact)
---------------------------------------------------- */
@media screen and (max-width: 768px) {
    .mw-parser-output img {
        max-width: 100%;
        height: auto !important;
    }
}


/* Don't show external-link icon for image-only links */
/* ==========================================================
.mw-parser-output a.external:has(img) {
  REMOVE OOUI PSEUDO ELEMENTS
    background-image: none !important;
  ========================================================== */
    padding-right: 0 !important;
}


/* Responsive Layout for Image & Button Grids */
#headertabs
.compilation-wrapper {
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected::before,
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    margin: 20px auto;
    max-width: 1000px;
}


.compilation-image {
#headertabs
    flex: 1 1 300px;
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected::after,
    text-align: center;
    max-width: 450px;
}


.compilation-button-grid {
#headertabs
    flex: 1 1 400px;
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
    display: grid;
.oo-ui-buttonElement-button::before,
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 15px;
}


.compilation-btn {
#headertabs
    background-color: #3a5c6e;
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
    padding: 12px 24px;
.oo-ui-buttonElement-button::after,
    font-size: 16px;
    font-weight: bold;
    border-bottom: 3px solid #2a4452;
    border-radius: 4px;
    text-align: center;
}


.compilation-btn a {
#headertabs
    color: #ffffff !important;
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
    text-decoration: none;
.oo-ui-labelElement-label::before,
    display: block;
}


.compilation-btn-full {
#headertabs
     grid-column: 1 / -1;  
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
.oo-ui-labelElement-label::after {
     content: none !important;
    display: none !important;
}
}


/* Defines the layout for the main container holding all columns */
.theme-analysis-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* Creates exactly 5 equal columns */
    gap: 15px; /* Adds consistent breathing room between the columns */
    width: 100%;
    box-sizing: border-box;
}


/* Optional but highly recommended: Make it stack nicely on smaller screens */
/* ==========================================================
@media screen and (max-width: 900px) {
  ACTIVE TAB BOTTOM
    .theme-analysis-grid {
   Covers line belonging to the strip underneath
        grid-template-columns: repeat(2, 1fr); /* 2 columns on medium screens */
   ========================================================== */
    }
}
 
@media screen and (max-width: 600px) {
    .theme-analysis-grid {
        grid-template-columns: 1fr; /* 1 single column on mobile */
    }
}
 
/* =========================================================
   MEDIA SNIPPETS OVERFLOW FIX (The Nuclear Option)
   ========================================================= */
 
/* 1. Target the main column boxes by their unique background color */
.mw-parser-output div[style*="#feffe1"] {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important; /* Force-stops ANY visual spilling */
}
 
/* 2. Target the nested inner divs and forcefully strip their hardcoded 300px widths */
.mw-parser-output div[style*="#feffe1"] div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}


/* 3. Keep images, video frames, and MediaWiki file wrappers strictly contained */
#headertabs
.mw-parser-output div[style*="#feffe1"] img,
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
.mw-parser-output div[style*="#feffe1"] iframe,
     border-bottom: 3px solid #BDB76B !important;
.mw-parser-output div[style*="#feffe1"] .embedvideo,
.mw-parser-output div[style*="#feffe1"] span[typeof="mw:File"] {
     max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
    display: block !important;
    margin: 0 auto !important; /* Centers the media nicely */
}
}


/* ==========================================================
/* ==========================================================
   VANIPEDIA VISION
   INACTIVE TAB HOVER
   ========================================================== */
   ========================================================== */


.vision-layout-wrapper {
#headertabs
    display: block;
.oo-ui-tabOptionWidget:hover:not(.oo-ui-optionWidget-selected) {
    width: 100%;
     background: #d7d4a8 !important;
    max-width: 950px;
     border: 1px solid #a2a9b1 !important;
     margin: 10px auto 30px;
     box-sizing: border-box;
}
}




/* INTRODUCTION */
/* Inner inactive tabs */


.vision-intro {
#headertabs
    max-width: 850px;
.oo-ui-tabOptionWidget:not(.oo-ui-optionWidget-selected)
    margin: 0 auto 22px;
.oo-ui-buttonElement-button {
    text-align: center;
     background: transparent !important;
 
     background-image: none !important;
    color: #263b38;
     border: none !important;
    font-size: 17px;
    line-height: 1.6;
}
 
 
/* CORE PRINCIPLES TITLE */
 
.vision-core-title {
    margin: 0 auto 14px;
    text-align: center;
 
    color: #3a5c6e;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
}
 
.vision-core-title span {
    font-size: 18px;
    font-weight: 500;
}
 
 
/* CORE PRINCIPLES IMAGE
  No border/frame/padding.
  Uses full available content width.
*/
 
.vision-core-image {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    cursor: pointer;
}
 
.vision-core-image .mw-file-description,
.vision-core-image .mw-file-element,
.vision-core-image img {
     display: block;
    width: 100% !important;
     max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
     border: 0 !important;
     box-shadow: none !important;
     box-shadow: none !important;
}
}


 
/* V6 — one responsive main-page system, plus the shared petal shell. */
/* BUTTONS */
:root {
 
    --vs-paper:#faf7ef; --vs-ink:#263a39; --vs-green:#486247;
.vision-buttons-row {
     --vs-gold:#f4d98b; --vs-brass:#805b16; --vs-line:#ded7c6;
    display: flex;
     --vs-wash:#f0eee3;
    flex-direction: row;
    align-items: stretch;
     justify-content: center;
 
    width: 100%;
    gap: 14px;
    margin-top: 22px;
}
 
 
/* EXISTING BUTTON GRAPHICS */
 
.vision-btn {
    flex: 1 1 0;
    min-width: 0;
 
    background-color: #3a5c6e;
    border-bottom: 3px solid #2a4452;
     border-radius: 4px;
 
    transition: background-color 0.2s ease;
}
}
 
body { background:var(--vs-paper); }
.vision-btn:hover {
body.vs-main-view, body.vs-main-view .mw-page-container,
     background-color: #466e84;
body.vs-main-view .mw-page-container-inner, body.vs-main-view .mw-body,
body.vs-main-view .mw-content-container { background:var(--vs-paper); }
body.vs-main-view .mw-page-container { padding:0 24px; }
body.vs-main-view .mw-page-container-inner {
     display:block; max-width:1240px; margin-inline:auto;
}
}
body.vs-main-view .mw-body { width:100%; min-width:0; max-width:none; margin:0; padding:0; border:0; }
body.vs-main-view #firstHeading, body.vs-main-view .mw-body-header,
body.vs-main-view .vector-column-start, body.vs-main-view .vector-column-end,
body.vs-main-view .vector-page-toolbar { display:none; }
body.vs-main-view .mw-parser-output { width:100%; }
body.vs-shell-ready .vs-native-header-replaced,
body.vs-shell-ready #vector-sticky-header { display:none !important; }
body.vs-shell-ready .vector-header-container { padding:0; min-height:0; }
body.vs-main-view .vector-main-menu-pinned-container { display:none; }


.vision-btn a,
/* Main page: selectors are isolated from existing book and article styles. */
.vision-btn a.external {
#vs-home { box-sizing:border-box; width:100%; max-width:1180px; margin:0 auto; padding:24px 24px 32px; color:var(--vs-ink); font:400 17px/1.6 Georgia,'Noto Serif',serif; }
    display: flex;
#vs-home * { box-sizing:border-box; }
    align-items: center;
#vs-home a { color:var(--vs-ink); background-image:none; text-decoration:underline; text-decoration-color:#8e9a8a; text-underline-offset:4px; overflow-wrap:anywhere; }
    justify-content: center;
#vs-home a:hover { color:var(--vs-brass); text-decoration-thickness:2px; }
 
#vs-home a:focus-visible { outline:3px solid var(--vs-green); outline-offset:3px; border-radius:2px; }
    box-sizing: border-box;
#vs-home h1, #vs-home h2 { background:none; border:0; padding:0; margin:0; font-family:inherit; line-height:1.3; font-weight:600; color:var(--vs-brass); text-align:left; overflow-wrap:anywhere; }
    width: 100%;
#vs-home h1 { font-size:27px; text-align:center; margin-bottom:18px; }
    height: 100%;
#vs-home h2 { font-size:24px; margin-bottom:14px; }
 
#vs-home h2 a { color:inherit; text-decoration:none; }
    padding: 22px 14px !important;
#vs-home h2 a:hover { text-decoration:underline; }
#vs-home .mw-heading { display:block; margin:0; }
#vs-home .mw-editsection { display:none; }
#vs-home p { margin:0; }
#vs-home .vs-search { display:flex; align-items:end; gap:8px; max-width:660px; margin:0 auto 32px; font:400 16px/1.4 system-ui,sans-serif; }
#vs-home .vs-search label { display:block; flex:1; min-width:0; font-size:14px; }
#vs-home .vs-search input[type="search"] { display:block; width:100%; min-height:48px; padding:12px 14px; margin-top:6px; background:#fffdf7; color:var(--vs-ink); border:1px solid #829078; border-radius:5px; font:400 16px/1.4 system-ui,sans-serif; }
#vs-home .vs-search button { min-height:48px; padding:12px 18px; color:var(--vs-gold); background:var(--vs-green); border:1px solid var(--vs-green); border-radius:5px; font:400 16px/1.4 system-ui,sans-serif; cursor:pointer; }
#vs-home .vs-search :focus-visible { outline:3px solid var(--vs-green); outline-offset:3px; }
#vs-home #vs-search-slot>a { display:block; margin-bottom:24px; text-align:center; }
#vs-home .vs-collections { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.17fr) minmax(0,1fr); grid-template-areas:'books sanctuary lectures' 'letters sanctuary conversations'; gap:26px 32px; align-items:start; }
#vs-home .vs-books { grid-area:books; } #vs-home .vs-letters { grid-area:letters; }
#vs-home .vs-lectures { grid-area:lectures; } #vs-home .vs-conversations { grid-area:conversations; }
#vs-home .vs-sanctuary { grid-area:sanctuary; text-align:center; padding:0 8px; min-width:0; }
#vs-home .vs-collection { min-width:0; }
#vs-home .vs-collection h2 { padding-bottom:10px; border-bottom:1px solid var(--vs-line); }
#vs-home .vs-link-list a { display:block; min-height:44px; padding:8px 24px 8px 0; position:relative; text-decoration:none; border-bottom:1px solid #e9e3d6; }
#vs-home .vs-link-list a::after { content:'›'; position:absolute; right:4px; top:8px; color:var(--vs-brass); font-size:22px; }
#vs-home .vs-link-list a:hover { text-decoration:underline; }
#vs-home .vs-link-list a:last-child { border-bottom:0; }
#vs-home #vs-portrait-frame { display:block; position:relative; width:230px; height:230px; max-width:100%; margin:0 auto 20px; border:3px solid #345b63; border-radius:50%; overflow:hidden; background:var(--vs-wash); box-shadow:0 4px 16px #263a3920; }
#vs-home #vs-portrait-frame p, #vs-home #vs-portrait-frame span, #vs-home #vs-portrait-frame a { display:contents; }
#vs-home #vs-portrait-frame img { display:block; position:absolute; inset:0; width:100%; height:100% !important; max-width:none; object-fit:cover; object-position:50% 50%; margin:0; }
#vs-home .vs-source-quote { font-size:17px; line-height:1.6; margin-bottom:12px; }
#vs-home .vs-source-meta { font-size:15px; }
#vs-home .vs-source-meta a { color:var(--vs-brass); }
#vs-home .vs-browse { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:32px 0; padding:22px 0; border-block:1px solid var(--vs-line); }
#vs-home .vs-browse h2 { font-size:21px; color:var(--vs-green); margin-bottom:8px; }
#vs-home .vs-browse-group { min-width:0; }
#vs-home .vs-browse-group a { display:inline-block; padding:6px 0; min-height:36px; }
#vs-home .vs-resources { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
#vs-home .vs-resource { min-width:0; }
#vs-home .vs-resource h2 { font-size:22px; margin-bottom:10px; }
#vs-home .vs-resource>div { font-size:16px; }
#vs-home .vs-resource a { display:inline-block; padding-block:5px; }


     color: #ffffff !important;
/* Tablet and narrower windows: center identity followed by two collections per row. */
     font-size: 16px !important;
@media (max-width:1050px) {
     font-weight: bold;
     #vs-site-header { grid-template-columns:140px minmax(0,1fr) 100px; padding-inline:16px; }
     text-align: center;
     #vs-home .vs-collections { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:'sanctuary sanctuary' 'books letters' 'lectures conversations'; gap:26px; }
     text-decoration: none;
     #vs-home .vs-sanctuary { max-width:620px; width:100%; margin-inline:auto; padding-bottom:22px; border-bottom:1px solid var(--vs-line); }
     #vs-home #vs-portrait-frame { width:160px; height:160px; }
     #vs-home .vs-browse, #vs-home .vs-resources { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
}
 
/* Phones: keep the visitor's orientation, normal text sizes and vertical scroll. */
 
@media (max-width:650px) {
/* RESPONSIVE */
    body.vs-main-view .mw-page-container { padding-inline:0; }
 
    #vs-site-header { grid-template-columns:64px minmax(0,1fr) 74px; padding:12px 8px; gap:6px; }
@media (max-width: 800px) {
     #vs-site-header .vs-header-tools>a { display:none; }
 
    #vs-site-header button { padding:8px 4px; font-size:14px; }
     .vision-buttons-row {
     #vs-site-header .vs-name { font-size:21px; letter-spacing:1px; }
        flex-wrap: wrap;
    #vs-site-header .vs-subtitle { font-size:12px; }
     }
     #vs-site-header .vs-header-petals { display:none; }
 
    #vs-site-header .vs-shell-panel { left:8px; width:min(360px,calc(100vw - 16px)); max-height:65vh; }
     .vision-btn {
    #vs-site-header #vs-account-panel { right:8px; left:auto; }
        flex: 1 1 45%;
     #vs-home { padding:20px; }
     }
    #vs-home .vs-search { gap:6px; margin-bottom:24px; }
 
     #vs-home .vs-search button { padding-inline:10px; }
     .vision-intro {
    #vs-home .vs-search input[type="search"] { padding-inline:10px; }
        font-size: 16px;
    #vs-home .vs-collections { grid-template-columns:minmax(0,1fr); grid-template-areas:'sanctuary' 'books' 'letters' 'lectures' 'conversations'; gap:24px; }
     }
    #vs-home h1 { font-size:24px; }
    #vs-home h2 { font-size:23px; }
    #vs-home #vs-portrait-frame { width:110px; height:110px; margin-bottom:14px; }
    #vs-home .vs-browse { gap:20px 18px; margin:26px 0; }
    #vs-home .vs-browse h2 { font-size:20px; }
    #vs-home .vs-browse-group a { min-height:44px; }
    #vs-home .vs-resources { grid-template-columns:minmax(0,1fr); gap:24px; }
    #vs-home .vs-resource a { min-height:44px; padding-block:9px; }
    #vs-site-footer { padding:18px; }
     #vs-site-footer nav { gap:3px 18px; }
}
}
 
@media (max-width:360px) {
/* ----------------------------------------------------
    #vs-site-header { grid-template-columns:58px minmax(0,1fr) 65px; gap:4px; }
  Vanipedia Community Section
    #vs-site-header .vs-name { font-size:19px; }
---------------------------------------------------- */
     #vs-home { padding:16px; }
 
     #vs-home .vs-browse { grid-template-columns:minmax(0,1fr); }
.community-layout-wrapper {
    max-width: 1100px;
    margin: 35px auto 40px;
     padding: 0 15px;
     box-sizing: border-box;
}
}
 
@media (prefers-reduced-motion:reduce) {
 
     #vanipedia-back-to-top { transition:none !important; }
/* Vanivillage + Vaniseva */
 
.community-platform-row {
     display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px;
    margin-bottom: 0px;
}
}


.community-platform-item {
/* Original V173 bar rules, in original cascade order. */
    display: flex;
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=DM+Serif+Display&family=Noto+Serif:wght@400;500;600&display=swap');
    align-items: center;
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Noto+Serif:wght@400;500;600&display=swap');
    justify-content: center;
@font-face {
font-family: interDiac;
src: url(/css/GauraTimes.ttf);     /* Vedabase font */
}
}
 
#mainbanner {
.community-platform-item img {
display: none !important;
    display: block;
    max-width: 240px;
    height: auto !important;
}
}
 
#mw-head-base {
.community-platform-item a {
background: #D4ECDD !important;
    display: inline-block;
background-image: none !important;
    transition: transform 0.2s ease;
font-family: tahoma;
}
}
 
#searchform {
.community-platform-item a:hover {
padding-bottom:0.5em
    transform: scale(1.05);
}
/* YouTube + Facebooks + Instagram */
 
.community-social-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 102px;
    margin-bottom: 2px;
}
 
.community-social-item {
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.community-social-item img {
    display: block;
    max-width: 115px;
    height: auto !important;
}
 
.community-social-item a {
    display: inline-block;
    transition: transform 0.2s ease;
}
 
.community-social-item a:hover {
    transform: scale(1.08);
}
 
 
/* Community image */
 
.community-image-container {
    width: 100%;
    text-align: center;
    margin-bottom: 28px;
}
 
.community-image-container img {
    display: block;
    width: 100%;
    max-width: 1000px;
    height: auto !important;
    margin: 0 auto;
}
 
 
/* Contact + Statistics buttons */
 
.community-button-row {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 30px;
    margin: 0 auto 30px;
}
 
.community-button-row .vision-btn {
    width: 250px;
    box-sizing: border-box;
}
 
 
/* Mobile */
 
@media screen and (max-width: 768px) {
 
    .community-layout-wrapper {
        padding: 0 10px;
        margin-top: 25px;
    }
 
    .community-platform-row {
        gap: 25px;
        margin-bottom: 22px;
    }
 
    .community-platform-item img {
        max-width: 150px;
    }
 
    .community-social-row {
        gap: 18px;
        margin-bottom: 25px;
    }
 
    .community-social-item img {
        max-width: 65px;
    }
 
    .community-image-container {
        margin-bottom: 22px;
    }
 
    .community-button-row {
        gap: 12px;
    }
 
    .community-button-row .vision-btn {
        width: calc(50% - 6px);
    }
}
 
/* Center all content within the site notice / header banner */
#siteNotice {
    text-align: center;
}
 
/* Force the social icons list to display horizontally and centered */
#siteNotice ul {
    display: flex !important;
    justify-content: center;
    list-style-type: none !important; /* Removes any default Vector bullets */
    padding: 0;
    margin: 10px 0;
    gap: 15px; /* Adds space between the icons */
}
 
/* Remove Vector's default left-margin on list items */
#siteNotice ul li {
    margin: 0 !important;
    display: inline-block;
}
 
/* Ensure the dark teal bar is properly spaced */
#siteNotice .your-teal-bar-class {
    margin-top: 15px; /* Adjust if it feels too close to the links */
}
 
/* Only hide these tabs if the JavaScript determines the user is NOT authorized */
body.restricted-ui #ca-history,
body.restricted-ui #ca-talk,
body.restricted-ui #ca-viewsource {
    display: none !important;
}
}
 
#siteNotice,
/* =========================================================
#localNotice,
  NIGHT MODE / DARK MODE OVERRIDES
.mw-sitenotice,
  ========================================================= */
.sitenotice,
 
.vector-sitenotice-container,
/* 1. Target the specific dark mode class applied by the Vector toggle */
#mainbanner,
html.skin-theme-clientpref-night {
.anonnotice,
    --background-color-base: #121212 !important;
#centralNotice {
    --background-color-page: #121212 !important;
display: none !important;
    --background-color-quiet: #1a1a1a !important;
height: 0 !important;
    --color-base: #e2e8f0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
outline: none !important;
visibility: hidden !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
}
/* 2. Global background and text color overrides */
html.skin-theme-clientpref-night body,
html.skin-theme-clientpref-night #content,
html.skin-theme-clientpref-night .mw-body,
html.skin-theme-clientpref-night #mw-page-base,
html.skin-theme-clientpref-night #mw-head-base {
html.skin-theme-clientpref-night #mw-head-base {
    background: #121212 !important;  
background: #121212 !important;
    color: #e2e8f0 !important;
color: #e2e8f0 !important;
}
}
/* 3. Unified Vector 2022 UI containers and Codex menus */
html.skin-theme-clientpref-night .mw-page-container,
html.skin-theme-clientpref-night .mw-page-container-inner,
html.skin-theme-clientpref-night .mw-content-container,
html.skin-theme-clientpref-night .mw-header,
html.skin-theme-clientpref-night .mw-header,
html.skin-theme-clientpref-night .vector-header-container,
html.skin-theme-clientpref-night .vector-header-container,
html.skin-theme-clientpref-night .vector-sticky-header,
html.skin-theme-clientpref-night .vector-sticky-header {
html.skin-theme-clientpref-night .vector-column-start,
background-color: #121212 !important;
html.skin-theme-clientpref-night .vector-column-end,
background-image: none !important;
html.skin-theme-clientpref-night .vector-sidebar-container,
border: none !important;
html.skin-theme-clientpref-night .vector-pinnable-element,
box-shadow: none !important;
html.skin-theme-clientpref-night .vector-pinnable-header,
color: #e2e8f0 !important;
html.skin-theme-clientpref-night .vector-pinned-container,
html.skin-theme-clientpref-night .vector-toc,
html.skin-theme-clientpref-night #vector-toc,
html.skin-theme-clientpref-night .vector-toc-pinned-container,
html.skin-theme-clientpref-night .vector-toc-contents,
html.skin-theme-clientpref-night .vector-menu-content,
html.skin-theme-clientpref-night .vector-appearance-pinned-container,
html.skin-theme-clientpref-night .vector-page-toolbar-container,
html.skin-theme-clientpref-night .vector-page-toolbar,
html.skin-theme-clientpref-night .cdx-menu,
html.skin-theme-clientpref-night .cdx-menu__list,
html.skin-theme-clientpref-night .cdx-menu-item,
html.skin-theme-clientpref-night .cdx-radio,
html.skin-theme-clientpref-night #vector-appearance {
    background-color: #121212 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #e2e8f0 !important;
}
 
/* 4. Fix specific custom components (Cards, Columns, Book Accordions) */
html.skin-theme-clientpref-night .theme-column {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid #4a5568 !important;
}
 
html.skin-theme-clientpref-night .book-accordion {
    background: #1a1a1a !important;
    border-color: #333 !important;
}
 
html.skin-theme-clientpref-night .book-accordion-header {
    background-color: #2d3748 !important;
    border-bottom: 3px solid #1a202c !important;
}
 
html.skin-theme-clientpref-night .mw-parser-output .book-grid-list li a,
html.skin-theme-clientpref-night .mw-parser-output .book-grid-list li a.external {
    background-color: #2d3748 !important;
    border: 1px solid #4a5568 !important;
    color: #90cdf4 !important;
}
 
html.skin-theme-clientpref-night .mw-parser-output .book-grid-list li a:hover {
    background-color: #4a5568 !important;
}
 
html.skin-theme-clientpref-night .quote_text,
html.skin-theme-clientpref-night *:not(a).text {
    color: #e2e8f0 !important;
}
 
/* 5. Fix the Search Bar and Auto-suggest Dropdown */
html.skin-theme-clientpref-night .cdx-text-input,
html.skin-theme-clientpref-night .cdx-search-input,
html.skin-theme-clientpref-night .cdx-search-input__input-wrapper,
html.skin-theme-clientpref-night .vector-typeahead-search-container {
    background-color: #1a1a1a !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
 
html.skin-theme-clientpref-night .cdx-text-input__input {
    background-color: transparent !important;
    color: #e2e8f0 !important;
}
 
html.skin-theme-clientpref-night .cdx-text-input__input::placeholder {
    color: #a0aec0 !important;
}
 
html.skin-theme-clientpref-night .cdx-search-input__end-button {
    background-color: #2d3748 !important;
    border-color: #4a5568 !important;
    color: #e2e8f0 !important;
}
}
html.skin-theme-clientpref-night .cdx-typeahead-search__menu {
    background-color: #121212 !important;
    border: 1px solid #333 !important;
}
html.skin-theme-clientpref-night .cdx-menu-item:hover,
html.skin-theme-clientpref-night .cdx-menu-item--selected {
    background-color: #2d3748 !important;
}
/* 6. Invert external iframes and override inline widget colors */
html.skin-theme-clientpref-night .vanipedia-clock iframe {
    filter: invert(0.92) hue-rotate(180deg) !important;
}
html.skin-theme-clientpref-night .mw-parser-output div[style*="#ede9ce"],
html.skin-theme-clientpref-night .mw-parser-output div[style*="background-color: #ede9ce"],
html.skin-theme-clientpref-night .mw-parser-output div[style*="background-color:#ede9ce"] {
    background-color: #121212 !important;
    border-color: #333 !important;
    color: #e2e8f0 !important;
}
html.skin-theme-clientpref-night .mw-parser-output div[style*="#ede9ce"] a,
html.skin-theme-clientpref-night .oo-ui-panelLayout-framed a {
    color: #90cdf4 !important;
}
html.skin-theme-clientpref-night .oo-ui-panelLayout-framed,
html.skin-theme-clientpref-night .oo-ui-tabPanelLayout {
    background-color: #121212 !important;
    border: 1px solid #333 !important;
    color: #e2e8f0 !important;
}
html.skin-theme-clientpref-night .oo-ui-fieldsetLayout,
html.skin-theme-clientpref-night .oo-ui-widget {
    background-color: transparent !important;
    color: inherit !important;
}
/* 7. Scrollbars and Edge Stripes Cleanup */
html.skin-theme-clientpref-night #vector-toc,
html.skin-theme-clientpref-night .vector-dropdown-content {
    scrollbar-color: #3b4b5f #1a202c !important;
}
html.skin-theme-clientpref-night #vector-toc::-webkit-scrollbar,
html.skin-theme-clientpref-night .vector-dropdown-content::-webkit-scrollbar {
    width: 8px !important;
}
html.skin-theme-clientpref-night #vector-toc::-webkit-scrollbar-track,
html.skin-theme-clientpref-night .vector-dropdown-content::-webkit-scrollbar-track {
    background: #1a202c !important;
}
html.skin-theme-clientpref-night #vector-toc::-webkit-scrollbar-thumb,
html.skin-theme-clientpref-night .vector-dropdown-content::-webkit-scrollbar-thumb {
    background-color: #3b4b5f !important;
    border-radius: 4px !important;
}
html.skin-theme-clientpref-night #vector-toc .vector-toc-list-item-active {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
html.skin-theme-clientpref-night .vector-sticky-pinned-container::after,
html.skin-theme-clientpref-night .vector-sticky-pinned-container::before,
html.skin-theme-clientpref-night .vector-pinned-container::after,
html.skin-theme-clientpref-night .vector-pinned-container::before {
    background-image: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* 8. Dark Mode Sidebar Menu Widgets & Headers */
html.skin-theme-clientpref-night .vector-dropdown-content {
    background-color: #253141 !important;
    border: 1px solid #3b4b5f !important;
    border-radius: 4px !important;
    padding: 4px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6) !important;
}
html.skin-theme-clientpref-night .vector-dropdown-content a,
html.skin-theme-clientpref-night .vector-dropdown-content a *,
html.skin-theme-clientpref-night #vector-main-menu a,
html.skin-theme-clientpref-night #vector-main-menu a,
html.skin-theme-clientpref-night #vector-main-menu a * {
html.skin-theme-clientpref-night #vector-main-menu a \* {
    color: #e2e8f0 !important;
color: #e2e8f0 !important;
    background-color: transparent !important;
background-color: transparent !important;
}
}
html.skin-theme-clientpref-night .vector-dropdown-content a:hover,
html.skin-theme-clientpref-night .vector-dropdown-content a:hover *,
html.skin-theme-clientpref-night #vector-main-menu a:hover,
html.skin-theme-clientpref-night #vector-main-menu a:hover,
html.skin-theme-clientpref-night #vector-main-menu a:hover * {
html.skin-theme-clientpref-night #vector-main-menu a:hover \* {
    color: #ffffff !important;
color: #ffffff !important;
    background-color: #3b4b5f !important;  
background-color: #3b4b5f !important;
    border-radius: 2px !important;
border-radius: 2px !important;
    text-decoration: none !important;
text-decoration: none !important;
}
}
 
html.skin-theme-clientpref-night #vector-main-menu .vector-menu-heading {
html.skin-theme-clientpref-night #vector-main-menu .vector-menu-heading,
background-color: #3b4b5f !important;
html.skin-theme-clientpref-night .vector-dropdown-content .vector-menu-heading {
color: #ffffff !important;
    background-color: #3b4b5f !important;  
border-radius: 4px !important;
    color: #ffffff !important;
padding: 8px 12px !important;
    border-radius: 4px !important;
margin-bottom: 4px !important;
    padding: 8px 12px !important;
border: 1px solid #4a5568 !important;
    margin-bottom: 4px !important;
    border: 1px solid #4a5568 !important;
}
}
 
html:not(.skin-theme-clientpref-night) .vector-dropdown-content:not(#vector-user-links-dropdown *):not(.vector-user-menu *) {
.vanipedia-sidebar-menu.vanipedia-collapsed:has(.vector-menu-content-list:empty) {
background-color: #ffffff !important; /* Clean white background */
    display: none !important;
border: 1px solid #c8ccd1 !important; /* Soft grey border */
border-radius: 4px !important;
padding: 6px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; /* Soft shadow */
}
}
 
html:not(.skin-theme-clientpref-night) .vector-dropdown-content #vector-main-menu {
/* =========================================================
background-color: transparent !important;
  LIGHT MODE OVERRIDES
padding: 0 !important;
  ========================================================= */
border: none !important;
 
box-shadow: none !important;
/* 1. Global Light Mode Layout Variables */
html:not(.skin-theme-clientpref-night) {
    --background-color-base: #D4ECDD !important;
    --background-color-page: #D4ECDD !important;
    --background-color-quiet: #D4ECDD !important;
}
}
 
html:not(.skin-theme-clientpref-night) #vector-main-menu .vector-menu-heading {
html:not(.skin-theme-clientpref-night) body,
background-color: #526B50 !important; /* Dark teal background for headers */
html:not(.skin-theme-clientpref-night) .mw-page-container,
color: #ffffff !important; /* White text */
html:not(.skin-theme-clientpref-night) .mw-page-container-inner {
border-radius: 4px !important;
    background-color: #D4ECDD !important;
padding: 8px 12px !important;
    background-image: none !important;
margin-bottom: 4px !important;
}
}
 
html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a {
/* 2. Light Mode Sidebar & Menu Backgrounds */
color: #2F5E5E !important;
html:not(.skin-theme-clientpref-night) .vector-sidebar-container {
    background-color: #EEF2F9 !important;
    --background-color-interactive: #EEF2F9 !important;  
}
}
 
html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a:hover {
/* Give the floating dropdown a visible box in Light Mode */
color: #0645ad !important;
html:not(.skin-theme-clientpref-night) .vector-dropdown-content {
background-color: #EEF2F9 !important; /* Soft hover highlight */
    background-color: #ffffff !important; /* Clean white background */
border-radius: 2px !important;
    border: 1px solid #c8ccd1 !important; /* Soft grey border */
    border-radius: 4px !important;
    padding: 6px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; /* Soft shadow */
}
}
/* Ensure inner wrappers don't double-pad or override the box */
html:not(.skin-theme-clientpref-night) .vector-dropdown-content #vector-main-menu,
html:not(.skin-theme-clientpref-night) .vector-dropdown-content #vector-toc {
    background-color: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}
/* 3. Light Mode Sidebar Menu Typography & Headers */
html:not(.skin-theme-clientpref-night) #vector-main-menu .vector-menu-heading,
html:not(.skin-theme-clientpref-night) .vector-dropdown-content .vector-menu-heading {
    background-color: #345B63 !important; /* Dark teal background for headers */
    color: #ffffff !important; /* White text */
    border-radius: 4px !important;
    padding: 8px 12px !important;
    margin-bottom: 4px !important;
}
html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a,
html:not(.skin-theme-clientpref-night) #vector-toc .vector-toc-link {
    color: #2F5E5E !important;
}
html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a:hover,
html:not(.skin-theme-clientpref-night) #vector-toc .vector-toc-link:hover {
    color: #0645ad !important;
    background-color: #EEF2F9 !important; /* Soft hover highlight */
    border-radius: 2px !important;
}
/* =========================================================
  GLOBAL OVERRIDES (BOTH MODES)
  ========================================================= */
#mainbanner {
#mainbanner {
    margin: 0 !important;
margin: 0 !important;
    padding: 0 !important;
padding: 0 !important;
    border: none !important;
border: none !important;
}
 
.mw-body,
#content,
.mw-body-content,
#mw-content-text {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
    border: none !important;
    outline: none !important;
}
 
/* Personality Landing Hero */
 
.personality-card {
    max-width: 1100px;
    margin: 0 auto 35px auto;
    background: #3a5c6e;
    border: 1px solid #7FA28B;
    color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
}
 
.personality-hero {
    display: flex;
    gap: 28px;
    align-items: center; /* This centers the shorter column (image or text) vertically */
}
 
.personality-image {
    flex: 0 0 396px;
    text-align: center;
}
 
.personality-image img {
    max-width: 360px;
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
    padding: 4px;
    background: #E7F3E5;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
 
/* Keep the title fix you applied earlier! */
.personality-title {
    font-size: 180%;
    text-align: left;
    font-weight: bold;
    margin-top: 0;
    line-height: 1;
    margin-bottom: 12px;
}
 
.personality-content {
    flex: 1;
    padding: 0 24px 0 0;
}
 
/* --- Mobile Layout Rules --- */
@media (max-width: 768px) {
    .personality-hero {
        flex-direction: column; /* Stacks the image and text vertically */
        gap: 16px; /* Reduces the gap slightly so it doesn't feel too empty on mobile */
    }
 
    .personality-image {
        flex: 1 1 auto; /* Removes the rigid 360px width constraint */
        width: 100%; /* Allows the image to fill the mobile container gracefully */
    }
 
    .personality-image img {
        max-width: 100%; /* Ensures the image never spills off the screen */
    }
   
    .personality-title {
        text-align: center; /* Optional: Centering the title often looks better on stacked mobile layouts */
    }
.personality-content {
        padding: 0 16px; /* Adds 16px of space to the left and right of the text */
    }
}
 
/*--- Additional Info Card ---*/
.info-card {
    max-width: 900px;
    margin: 30px auto;
    padding: 24px 28px;
    background: #FFF8EE;
    border: 1px solid #D8C7A5;
    border-radius: 8px;
    box-sizing: border-box;
    text-align: left;
}
 
.info-card h3 {
    margin: 0 0 15px;
    font-size: 150%;
    color: #345B63;
}
 
.info-card p {
    margin: 0 0 16px;
    line-height: 1.7;
}
 
.info-card .cta-button {
    margin-top: 10px;
}
}
/* Hide empty sidebar menu headings */
#vector-main-menu.vanipedia-sidebar-menu.vanipedia-collapsed {
#vector-main-menu.vanipedia-sidebar-menu.vanipedia-collapsed {
    display: none !important;
display: none !important;
}
 
.accordion-toc-heading {
    display: none;
}
}
/* ==========================================================================
  STICKY HEADER & FLOATING MENU ONLY
  ========================================================================== */
/* 1. Permanently remove the pinned sidebar column & all pinning buttons */
#vector-main-menu-pinned-container,
#vector-main-menu-pinned-container,
.vector-main-menu-pinned-container,
.vector-main-menu-pinned-container,
.vector-pinnable-header,
.vector-main-menu-action,
.vector-main-menu-action,
.vector-pinnable-header-toggle-button,
[data-event-name\*="vector-main-menu.pin"],
.vector-pinnable-header-pin-button,
[data-event-name\*="vector-main-menu.unpin"] {
.vector-pinnable-header-unpin-button,
display: none !important;
[data-event-name*="vector-main-menu.pin"],
[data-event-name*="vector-main-menu.unpin"] {
    display: none !important;
}
}
/* 2. Hide magnifying glass / search toggle icon in sticky header */
#vector-sticky-header .vector-sticky-header-search-toggle,
#vector-sticky-header .vector-sticky-header-search-toggle,
#vector-sticky-header #vector-sticky-header-search-toggle,
#vector-sticky-header #vector-sticky-header-search-toggle,
Line 1,816: Line 717:
#vector-sticky-header .vector-icon.mw-ui-icon-search,
#vector-sticky-header .vector-icon.mw-ui-icon-search,
#vector-sticky-header .cdx-search-input__start-icon {
#vector-sticky-header .cdx-search-input__start-icon {
    display: none !important;
display: none !important;
}
}
/* 3. Sticky header container layout */
.skin-vector-2022 #vector-sticky-header,
.skin-vector-2022 #vector-sticky-header,
#vector-sticky-header {
#vector-sticky-header {
    display: flex !important;
display: flex !important;
    flex-direction: row !important;
flex-direction: row !important;
    align-items: center !important;
align-items: center !important;
    justify-content: flex-start !important;
justify-content: flex-start !important;
    background-color: #cce7d7 !important;
background-color: #cce7d7 !important;
    border-bottom: 2px solid #345B63 !important;
border-bottom: 2px solid #345B63 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    padding-left: 16px !important;
padding-left: 16px !important;
    padding-right: 16px !important;
padding-right: 16px !important;
    height: 50px !important;
height: 50px !important;
    min-height: 50px !important;
min-height: 50px !important;
}
}
/* Dark mode version */
html.skin-theme-clientpref-night #vector-sticky-header {
html.skin-theme-clientpref-night #vector-sticky-header {
    background-color: #1a1a1a !important;
background-color: #1a1a1a !important;
    border-bottom: 2px solid #3b4b5f !important;
border-bottom: 2px solid #3b4b5f !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}
}
/* 4. Start Container: Burger + Search (PREVENTS growing/stretching across the bar) */
.skin-vector-2022 #vector-sticky-header .vector-sticky-header-start,
.skin-vector-2022 #vector-sticky-header .vector-sticky-header-start,
#vector-sticky-header .vector-sticky-header-start {
#vector-sticky-header .vector-sticky-header-start {
    display: flex !important;
display: flex !important;
    align-items: center !important;
align-items: center !important;
    flex: 0 0 auto !important; /* Stops it from expanding across the middle */
flex: 0 0 auto !important; /* Stops it from expanding across the middle */
    flex-grow: 0 !important;
flex-grow: 0 !important;
    width: auto !important;
width: auto !important;
    position: relative !important;
position: relative !important;
    z-index: 10 !important;
z-index: 10 !important;
    gap: 18px !important;
gap: 18px !important;
    margin: 0 !important;
margin: 0 !important;
}
}
/* 5. Burger button */
#vanipedia-sticky-main-menu {
#vanipedia-sticky-main-menu {
    display: inline-flex !important;
display: inline-flex !important;
    align-items: center !important;
align-items: center !important;
    justify-content: center !important;
justify-content: center !important;
    flex: 0 0 auto !important;
flex: 0 0 auto !important;
    width: 32px !important;
width: 32px !important;
    min-width: 32px !important;
min-width: 32px !important;
    height: 32px !important;
height: 32px !important;
    margin: 0 !important;
margin: 0 !important;
    cursor: pointer !important;
cursor: pointer !important;
    position: relative !important;
position: relative !important;
    z-index: 20 !important;
z-index: 20 !important;
}
}
#vanipedia-sticky-main-menu .vector-icon {
#vanipedia-sticky-main-menu .vector-icon {
    display: inline-block !important;
display: inline-block !important;
    width: 20px !important;
width: 20px !important;
    height: 20px !important;
height: 20px !important;
}
}
/* 6. Search box */
#vector-sticky-header #p-search,
#vector-sticky-header #p-search,
#vector-sticky-header form#searchform,
#vector-sticky-header form#searchform,
Line 1,883: Line 773:
#vector-sticky-header .vector-search-box-inner,
#vector-sticky-header .vector-search-box-inner,
#vector-sticky-header .cdx-search-input {
#vector-sticky-header .cdx-search-input {
    position: relative !important;
position: relative !important;
    left: auto !important;
left: auto !important;
    top: auto !important;
top: auto !important;
    right: auto !important;
right: auto !important;
    bottom: auto !important;
bottom: auto !important;
    margin: 0 !important;
margin: 0 !important;
    float: none !important;
float: none !important;
    display: inline-flex !important;
display: inline-flex !important;
    align-items: center !important;
align-items: center !important;
    flex: 0 0 auto !important;
flex: 0 0 auto !important;
    z-index: 10 !important;
z-index: 10 !important;
}
}
#vector-sticky-header input.searchbox,
#vector-sticky-header input.searchbox,
#vector-sticky-header input[type="search"] {
#vector-sticky-header input[type="search"] {
    position: relative !important;
position: relative !important;
    left: auto !important;
left: auto !important;
    margin: 0 !important;
margin: 0 !important;
}
}
/* 7. FIX: Lock Page Title strictly on the LEFT right after search */
.skin-vector-2022 #vector-sticky-header .vector-sticky-header-context-bar,
.skin-vector-2022 #vector-sticky-header .vector-sticky-header-context-bar,
#vector-sticky-header .vector-sticky-header-context-bar {
#vector-sticky-header .vector-sticky-header-context-bar {
    display: flex !important;
display: flex !important;
    align-items: center !important;
align-items: center !important;
    justify-content: flex-start !important;
justify-content: center !important;
    text-align: left !important;
text-align: center !important;
    flex: 0 0 auto !important; /* Takes only the space needed for the title */
flex: 1 1 auto !important;
    flex-grow: 0 !important;
margin-left: auto !important;
    width: auto !important;
margin-right: auto !important;
    max-width: none !important;
max-width: none !important;
    margin-left: 20px !important; /* Space after search box */
    margin-right: auto !important; /* Absorbs all remaining space, pushing tools to the far right */
}
}
#vector-sticky-header .vector-sticky-header-context-bar-primary,
#vector-sticky-header .vector-sticky-header-context-bar-primary,
#vector-sticky-header .vector-sticky-header-title,
#vector-sticky-header .vector-sticky-header-title,
#vector-sticky-header .vector-sticky-header-context-bar .mw-headline {
#vector-sticky-header .vector-sticky-header-context-bar .mw-headline {
    display: inline-flex !important;
display: inline-flex !important;
    align-items: center !important;
align-items: center !important;
    justify-content: flex-start !important;
justify-content: center !important;
    text-align: left !important;
text-align: center !important;
    font-size: 1.35rem !important;
font-size: 1.35rem !important;
    font-weight: 700 !important;
font-weight: 700 !important;
    color: #000000 !important;
color: #000000 !important;
    margin: 0 !important;
margin: 0 auto !important;
    padding: 0 !important;
padding: 0 !important;
    white-space: nowrap !important;
white-space: nowrap !important;
    overflow: visible !important;
overflow: visible !important;
    text-overflow: clip !important;
text-overflow: clip !important;
}
}
/* Dark mode text */
html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .mw-headline,
html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .mw-headline,
html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .vector-sticky-header-title {
html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .vector-sticky-header-title {
    color: #ffffff !important;
color: #ffffff !important;
}
}
/* 8. Action tools stay on the far right */
.skin-vector-2022 #vector-sticky-header .vector-sticky-header-end,
.skin-vector-2022 #vector-sticky-header .vector-sticky-header-end,
#vector-sticky-header .vector-sticky-header-end {
#vector-sticky-header .vector-sticky-header-end {
    display: flex !important;
display: flex !important;
    align-items: center !important;
align-items: center !important;
    flex: 0 0 auto !important;
flex: 0 0 auto !important;
    margin-left: auto !important;
margin-left: auto !important;
}
}
/* 9. Floating Dropdown Menu Box Styling */
#vector-main-menu-dropdown .vector-dropdown-content {
#vector-main-menu-dropdown .vector-dropdown-content {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
    border-radius: 4px !important;
border-radius: 4px !important;
    background-color: var(--background-color-base, #ffffff) !important;
background-color: var(--background-color-base, #ffffff) !important;
}
}
 
body.page-Main_Page .vector-header-container,
/* ==========================================================================
body.page-Main_Page #mw-head { display: flex !important; background: transparent !important; background-color: transparent !important; border: none !important; border-bottom: none !important; box-shadow: none !important; height: auto !important; min-height: 86px !important; }
  FLOATING "BACK TO TOP" BUTTON
.vector-header-container .mw-logo-wordmark,
  ========================================================================== */
.vector-header-container .vector-menu-heading,
#vanipedia-back-to-top {
.vector-header-container a,
    position: fixed !important;
.vector-sticky-header a {
    bottom: 24px !important;
color: #ffffff !important;
    right: 24px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background-color: #345B63 !important; /* Vanipedia dark teal */
    color: #ffffff !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
    z-index: 1000 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(12px) !important;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, background-color 0.2s ease !important;
}
}
 
.vector-header-container .cdx-text-input__input,
/* Shown when scrolled down */
.vector-header-container input[type="search"] {
#vanipedia-back-to-top.visible {
background-color: #ffffff !important;
    opacity: 1 !important;
border: 1px solid var(--vani-gold) !important;
    visibility: visible !important;
border-radius: 3px !important;
    transform: translateY(0) !important;
color: #1a1a1a !important;
}
}
 
.vector-header-container .cdx-search-input__end-button,
#vanipedia-back-to-top:hover {
.vector-header-container input[type="submit"] {
    background-color: #244147 !important;
background-color: var(--petal-color-dark) !important;
    transform: translateY(-2px) !important;
color: var(--vani-gold) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
border: 1px solid var(--vani-gold) !important;
font-weight: bold !important;
}
}
 
body.page-Main_Page .vector-sitenotice-container,
#vanipedia-back-to-top:active {
body.page-Main_Page #siteNotice,
    transform: translateY(0) !important;
body.page-Main_Page #localNotice,
body.page-Main_Page #mainbanner,
body.page-Main_Page #mw-head-base {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
visibility: hidden !important;
overflow: hidden !important;
}
}
 
@media (max-width:1500px) {
#vanipedia-back-to-top svg {
.vh-bottom {
    display: block !important;
grid-template-columns:
    width: 22px !important;
minmax(560px, 1.12fr)
    height: 22px !important;
minmax(570px, 1fr);
    stroke: #ffffff !important;
gap: 20px;
}
}
/* Dark mode theme */
html.skin-theme-clientpref-night #vanipedia-back-to-top {
    background-color: #3b4b5f !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;
}
}
 
@media (max-width:1365px) {
html.skin-theme-clientpref-night #vanipedia-back-to-top:hover {
.vh-bottom {
    background-color: #4f637c !important;
grid-template-columns:
1.05fr
.95fr;
}
}
/* Mobile positioning */
@media screen and (max-width: 768px) {
    #vanipedia-back-to-top {
        bottom: 18px !important;
        right: 18px !important;
        width: 40px !important;
        height: 40px !important;
    }
}
}
 
.vh-bottom {
/* ==========================================================================
display: grid;
  UNCLUTTERED "DOORS" HOMEPAGE LAYOUT
grid-template-columns:
  ========================================================================== */
minmax(760px, 1.3fr)
 
minmax(600px, 1fr);
.vani-sanctuary {
column-gap: 32px;
    max-width: 1140px;
align-items: start;
    margin: 0 auto;
margin-top: 18px;
    padding: 10px 0 40px;
padding-top: 18px;
padding-bottom: 10px;
}
}
 
@media (max-width:1500px) {
/* 1. Entrance Hero (Serene & Welcoming) */
.vh-bottom {
.vani-entrance-hero {
grid-template-columns:
    display: flex;
minmax(650px, 1.2fr)
    align-items: center;
minmax(650px, 1fr);
    background-color: #e8f4ec; /* Soft sage green */
column-gap: 20px;
    border: 1px solid #c8e0d1;
    border-radius: 12px;
    padding: 28px 32px;
    gap: 32px;
    margin-bottom: 32px;
    box-shadow: 0 4px 16px rgba(52, 91, 99, 0.06);
}
}
.vani-entrance-avatar {
    flex: 0 0 160px;
    text-align: center;
}
}
 
@media (max-width:1365px) {
.vani-portrait-circle,
.vh-bottom {
.vani-entrance-avatar img {
grid-template-columns:
    border-radius: 50% !important;
minmax(600px, 1.1fr)
    border: 4px solid #ffffff !important;
minmax(620px, 1fr);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
    width: 150px !important;
    height: 150px !important;
    object-fit: cover !important;
}
}
.vani-entrance-text {
    flex: 1 1 auto;
}
}
 
body.page-Main_Page .vector-header-container,
.vani-sanctuary-badge {
body.page-Main_Page #mw-head,
    display: inline-block;
.vector-header-container {
    background-color: #345B63;
width: 100% !important;
    color: #ffffff;
max-width: 100% !important;
    font-size: 0.78rem;
height: auto !important;
    font-weight: 700;
min-height: 86px !important;
    text-transform: uppercase;
max-height: 96px !important;
    letter-spacing: 0.8px;
background: transparent !important;
    padding: 4px 12px;
background-color: transparent !important;
    border-radius: 20px;
background-image: none !important;
    margin-bottom: 8px;
border: none !important;
border-bottom: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
z-index: 1000 !important;
box-sizing: border-box !important;
}
}
 
.mw-header {
.vani-sanctuary-title {
width: 100% !important;
    font-size: 1.75rem !important;
max-width: 100% !important;
    font-weight: 700 !important;
height: auto !important;
    color: #1e3a40 !important;
min-height: 86px !important;
    margin: 0 0 8px !important;
max-height: 96px !important;
    border: none !important;
padding: 0 20px !important;
    padding: 0 !important;
margin: 0 !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: nowrap !important;
position: relative !important;
box-sizing: border-box !important;
overflow: visible !important;
}
}
 
#vanipedia-topbar-title,
.vani-sanctuary-subtitle {
.vanipedia-topbar-main-title {
    font-size: 1.02rem;
position: static !important;
    color: #334447;
transform: none !important;
    line-height: 1.5;
display: block !important;
    margin: 0 0 14px;
font-family: 'Cinzel', Georgia, serif !important;
font-size: 16.5px !important;
font-weight: 700 !important;
letter-spacing: 1.8px !important;
color: #f5d77f !important;
text-decoration: none !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(245, 215, 127, 0.3) !important;
white-space: nowrap !important;
line-height: 1.25 !important;
margin: 0 0 3px 0 !important;
padding: 0 !important;
pointer-events: none !important;
user-select: text !important;
}
}
 
#vanipedia-topbar-title {
.vani-sanctuary-milestone {
pointer-events: none !important;
    display: inline-block;
cursor: default !important;
    font-size: 0.88rem;
user-select: text !important;
    color: #2b494f;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 6px 14px;
    border-radius: 6px;
    border-left: 3px solid #345B63;
}
}
 
#vanipedia-topbar-title:hover {
/* 2. The Doors Grid (3 Columns, Clean & Spacious) */
color: #f5d77f !important;
.vani-doors-grid {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(245, 215, 127, 0.3) !important;
    display: grid;
cursor: default !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-bottom: 32px;
}
}
 
.vector-header-start {
/* 3. Door Cards */
display: flex !important;
.vani-door-card {
flex-direction: row !important;
    background-color: #ffffff;
align-items: center !important;
    border: 1px solid #d9e8e0;
flex-wrap: nowrap !important;
    border-radius: 10px;
gap: 12px !important;
    padding: 24px;
flex: 0 0 auto !important;
    display: flex;
height: 100% !important;
    flex-direction: column;
margin: 0 !important;
    justify-content: space-between;
padding: 0 !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
    position: relative;
}
}
 
.vector-header-start #vector-main-menu-dropdown {
.vani-door-card:hover {
display: flex !important;
    transform: translateY(-4px);
align-items: center !important;
    box-shadow: 0 10px 24px rgba(52, 91, 99, 0.12);
visibility: visible !important;
    border-color: #345B63;
margin: 0 !important;
}
}
 
.vector-header-start #vector-main-menu-dropdown .vector-dropdown-label,
.vani-door-header {
.vector-header-start #vector-main-menu-dropdown .vector-main-menu-dropdown-toggle,
    display: flex;
.vector-header-start #vector-main-menu-dropdown .cdx-button--fake-button {
    align-items: center;
color: #f5d77f !important;
    justify-content: space-between;
background: transparent !important;
    margin-bottom: 12px;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 6px !important;
line-height: 1 !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
}
}
 
.vector-header-start #vector-main-menu-dropdown .vector-dropdown-label:hover {
.vani-door-icon {
background-color: rgba(245, 215, 127, 0.15) !important;
    font-size: 1.8rem;
border-radius: 4px !important;
}
}
 
.vector-header-container .vector-icon,
.vani-door-number {
.vector-header-start .vector-icon,
    font-size: 0.75rem;
.vector-header-end .vector-icon,
    font-weight: 700;
.mw-header .vector-icon {
    color: #7b948f;
background-color: #f5d77f !important;
    text-transform: uppercase;
color: #f5d77f !important;
    letter-spacing: 0.6px;
fill: #f5d77f !important;
filter: brightness(0) saturate(100%) invert(86%) sepia(26%) saturate(884%) hue-rotate(352deg) brightness(102%) contrast(96%) !important;
opacity: 1 !important;
visibility: visible !important;
width: 22px !important;
height: 22px !important;
display: inline-block !important;
}
}
 
.vector-header-start .mw-logo-wordmark,
.vani-door-title {
.vector-header-start .mw-logo-tagline,
    font-size: 1.25rem;
.vector-header-start .mw-logo {
    font-weight: 700;
display: none !important;
    line-height: 1.35;
    margin-bottom: 8px;
}
}
 
.vector-header-container #p-search,
.vani-door-title a {
.mw-header #p-search {
    color: #1e3a40 !important;
display: flex !important;
    text-decoration: none;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
}
 
.vector-header-container #searchform,
.vani-door-title a:hover {
.mw-header #searchform {
    color: #345B63 !important;
display: flex !important;
    text-decoration: underline;
flex-direction: row !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
}
 
.vector-header-container .cdx-search-input,
.vani-door-desc {
.vector-header-container .vector-search-box-input,
    font-size: 0.92rem;
.vector-header-container .cdx-text-input {
    color: #556668;
max-width: 260px !important;
    line-height: 1.5;
height: 32px !important;
    margin: 0 0 18px;
margin: 0 !important;
    flex-grow: 1;
}
}
 
.vector-header-container .cdx-text-input__input,
.vani-door-btn {
.vector-header-container input[type="search"],
    display: inline-flex;
#searchInput {
    align-items: center;
background-color: #1f3e45 !important;
    font-size: 0.88rem;
border: 1px solid rgba(245, 215, 127, 0.45) !important;
    font-weight: 700;
color: #ffffff !important;
    color: #345B63 !important;
border-radius: 18px !important;
    background-color: #edf6f0;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4) !important;
    padding: 8px 14px;
padding: 4px 12px 4px 30px !important;
    border-radius: 6px;
font-size: 13px !important;
    text-decoration: none !important;
height: 30px !important;
    transition: background-color 0.2s ease, color 0.2s ease;
line-height: 30px !important;
width: 180px !important;
transition: width 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important;
box-sizing: border-box !important;
}
}
 
.vector-header-container .cdx-text-input__input:focus,
.vani-door-card:hover .vani-door-btn {
.vector-header-container input[type="search"]:focus,
    background-color: #345B63;
#searchInput:focus {
    color: #ffffff !important;
width: 240px !important;
background-color: #173036 !important;
border-color: #f5d77f !important;
box-shadow: 0 0 8px rgba(245, 215, 127, 0.4), inset 0 1px 3px rgba(0, 0, 0, 0.4) !important;
outline: none !important;
}
}
 
.vector-header-container .cdx-text-input__input::placeholder,
/* 4. Sanctuary Base (Mission Door) */
.vector-header-container input[type="search"]::placeholder,
.vani-mission-door {
#searchInput::placeholder {
    background-color: #f7faf8;
color: #a5c4c9 !important;
    border: 1px solid #cde2d6;
font-style: italic !important;
    border-radius: 10px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
}
 
.vector-header-container .cdx-text-input__icon,
.vani-mission-info h3 {
.vector-header-container .vector-search-box-inner .vector-icon {
    margin: 0 0 6px !important;
color: #f5d77f !important;
    border: none !important;
fill: #f5d77f !important;
    padding: 0 !important;
    font-size: 1.25rem !important;
    color: #24464c !important;
}
}
 
.vector-header-container .cdx-search-input__end-button,
.vani-mission-info p {
.vector-header-container #searchButton,
    margin: 0;
.vector-header-container #mw-searchButton,
    font-size: 0.93rem;
.vector-header-container .searchButton,
    color: #4a5c5f;
.vector-header-container input[type="submit"] {
display: none !important;
}
}
 
.vector-header-end {
.vani-mission-links {
display: flex !important;
    display: flex;
flex-direction: row !important;
    gap: 10px;
align-items: center !important;
    flex-shrink: 0;
justify-content: flex-end !important;
flex-wrap: nowrap !important;
gap: 8px !important;
flex: 0 0 auto !important;
height: 100% !important;
margin: 0 0 0 auto !important;
}
}
 
.vector-header-end .cdx-button,
.vani-m-btn {
.vector-header-end .cdx-button--fake-button,
    display: inline-block;
.vector-header-end .cdx-button--weight-quiet,
    padding: 9px 18px;
.vector-header-end .vector-dropdown-label,
    font-size: 0.88rem;
.vector-header-end .vector-menu-heading,
    font-weight: 700;
.vector-header-end #p-personal,
    border-radius: 6px;
.vector-header-end .vector-user-links,
    cursor: pointer;
.vector-header-end .vector-user-menu,
    text-decoration: none !important;
.vector-header-end .vector-menu,
    transition: all 0.2s ease;
.vector-header-end .vector-menu-content,
.vector-header-end #pt-userpage-2,
.vector-header-end #vector-user-links-dropdown {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
}
}
 
.vector-header-end #pt-userpage-2,
.vani-m-primary {
.vector-header-end #pt-userpage-2 span,
    background-color: #345B63;
.vector-header-end .vector-dropdown-label,
    color: #ffffff !important;
.vector-header-end .vector-user-menu-overflow .vector-dropdown-label {
color: #f5d77f !important;
fill: #f5d77f !important;
font-size: 13px !important;
font-weight: 600 !important;
text-decoration: none !important;
white-space: nowrap !important;
padding: 4px 8px !important;
border-radius: 4px !important;
display: inline-flex !important;
align-items: center !important;
transition: background-color 0.2s ease, color 0.2s ease !important;
}
}
 
.vector-header-end #pt-userpage-2:hover,
.vani-m-primary:hover {
.vector-header-end .vector-dropdown-label:hover {
    background-color: #233e44;
background-color: rgba(245, 215, 127, 0.15) !important;
color: #ffffff !important;
}
}
 
.vector-header-end .vector-dropdown-content {
.vani-m-ghost {
background: #1f3e45 !important;
    background-color: #ffffff;
background-color: #1f3e45 !important;
    border: 1px solid #345B63;
border: 1.5px solid #b1873d !important;
    color: #345B63 !important;
border-radius: 6px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
padding: 6px 0 !important;
min-width: 175px !important;
width: 180px !important;
overflow: visible !important;
}
}
 
.vector-header-end .vector-dropdown-content div,
.vani-m-ghost:hover {
.vector-header-end .vector-dropdown-content ul,
    background-color: #e8f4ec;
.vector-header-end .vector-dropdown-content .vector-menu-content {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
}
 
.vector-header-end .vector-dropdown-content li {
.vani-m-accent {
margin: 0 !important;
    background-color: #d97724;
padding: 0 !important;
    color: #ffffff !important;
background: transparent !important;
background-color: transparent !important;
border: none !important;
}
}
 
.vector-header-end .vector-dropdown-content #pt-mytalk {
.vani-m-accent:hover {
display: block !important;
    background-color: #b86016;
visibility: visible !important;
}
}
 
.vector-header-end .vector-dropdown-content .vector-icon {
/* 5. Dark Mode Adaptation */
display: none !important;
html.skin-theme-clientpref-night .vani-entrance-hero {
    background-color: #1f272a;
    border-color: #313d42;
}
}
 
.vector-header-end .vector-dropdown-content a {
html.skin-theme-clientpref-night .vani-sanctuary-title {
display: flex !important;
    color: #e0f2f1 !important;
align-items: center !important;
color: #ffffff !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 10px 18px !important;
line-height: 1.2 !important;
background: transparent !important;
background-color: transparent !important;
border: none !important;
text-decoration: none !important;
box-sizing: border-box !important;
width: 100% !important;
transition: background-color 0.15s ease, color 0.15s ease !important;
}
}
 
.vector-header-end .vector-dropdown-content a span {
html.skin-theme-clientpref-night .vani-sanctuary-subtitle {
display: inline !important;
    color: #b0bec5;
padding: 0 !important;
margin: 0 !important;
color: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
background: transparent !important;
}
}
 
.vector-header-end .vector-dropdown-content a:hover,
html.skin-theme-clientpref-night .vani-sanctuary-milestone {
.vector-header-end .vector-dropdown-content a:focus,
    background-color: rgba(0, 0, 0, 0.4);
.vector-header-end .vector-dropdown-content a:active {
    color: #cfd8dc;
background-color: #526B50 !important;
}
color: #f5d77f !important;
 
text-decoration: none !important;
html.skin-theme-clientpref-night .vani-door-card {
    background-color: #1a1e20;
    border-color: #2e3b40;
}
 
html.skin-theme-clientpref-night .vani-door-title a {
    color: #92c5cd !important;
}
 
html.skin-theme-clientpref-night .vani-door-desc {
    color: #9ea7aa;
}
 
html.skin-theme-clientpref-night .vani-door-btn {
    background-color: #242e32;
    color: #92c5cd !important;
}
 
html.skin-theme-clientpref-night .vani-mission-door {
    background-color: #191c1e;
    border-color: #2b373c;
}
 
/* 6. Responsive Mobile Breakpoints */
@media screen and (max-width: 900px) {
    .vani-doors-grid {
        grid-template-columns: repeat(2, 1fr);
    }
 
    .vani-entrance-hero {
        flex-direction: column;
        text-align: center;
        padding: 24px;
    }
 
    .vani-mission-door {
        flex-direction: column;
        text-align: center;
    }
 
    .vani-mission-links {
        flex-wrap: wrap;
        justify-content: center;
    }
}
 
@media screen and (max-width: 600px) {
    .vani-doors-grid {
        grid-template-columns: 1fr;
    }
}
}
 
.vector-header-end .vector-dropdown-content #pt-logout,
/* ==========================================================================
.vector-header-end .vector-dropdown-content #p-user-menu-logout,
  Vanipedia Visitors Statistics — Zero Scrollbar Configuration
.vector-header-end .vector-dropdown-content .vector-user-menu-logout {
  ========================================================================== */
border-top: 1px solid rgba(177, 135, 61, 0.35) !important;
 
margin-top: 6px !important;
/* Hide right Appearance menu */
padding-top: 4px !important;
.page-Vanipedia_Visitors_Statistics .vector-column-end,
.page-Vanipedia_Visitors_Statistics #vector-appearance-pinned-container,
.page-Vanipedia_Visitors_Statistics #vector-page-tools-pinned-container {
    display: none !important;
}
}
 
.vector-header-end .vector-dropdown-content #pt-logout a,
/* 1350px centered container */
.vector-header-end .vector-dropdown-content #p-user-menu-logout a {
body.page-Vanipedia_Visitors_Statistics {
color: #ffffff !important;
    --max-width-base: 1350px !important;
    --width-layout: 1350px !important;
}
}
 
.vector-header-end .vector-dropdown-content #pt-logout a:hover,
.page-Vanipedia_Visitors_Statistics .mw-page-container {
.vector-header-end .vector-dropdown-content #p-user-menu-logout a:hover {
    max-width: 1350px !important;
background-color: #526B50 !important;
    width: 90% !important;
color: #fca5a5 !important;
    margin: 0 auto !important;
}
}
 
.vector-header-container [title]:hover::after,
.page-Vanipedia_Visitors_Statistics .mw-page-container-inner,
.vector-header-container [title]:hover::before,
.page-Vanipedia_Visitors_Statistics .mw-content-container,
.vector-header-container a[title]:hover::after,
.page-Vanipedia_Visitors_Statistics #content,
.vector-header-container a[title]:hover::before,
.page-Vanipedia_Visitors_Statistics .mw-parser-output {
.mw-header [title]:hover::after,
    max-width: 100% !important;
.mw-header [title]:hover::before,
    width: 100% !important;
.mw-header a[title]:hover::after,
    margin: 0 !important;
.mw-header a[title]:hover::before {
    padding: 0 !important;
display: none !important;
    display: block !important;
content: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
}
 
.vector-sticky-header {
/* Dashboard container */
background-color: #526B50 !important;
.page-Vanipedia_Visitors_Statistics .vanipedia-analytics-dashboard {
border-bottom: 2px solid #b1873d !important;
    width: 100% !important;
height: 48px !important;
    max-width: 100% !important;
    margin: 15px auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    overflow: hidden !important;
}
}
 
.vector-sticky-header a,
/* Iframe with enough vertical room */
.vector-sticky-header .vector-icon {
.page-Vanipedia_Visitors_Statistics .vanipedia-analytics-dashboard iframe {
color: #f5d77f !important;
    display: block !important;
fill: #f5d77f !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 950px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
}
}
/* ==========================================================
  VANIPEDIA MAIN PAGE
  Full-screen custom homepage
  ========================================================== */
/* ----------------------------------------------------------
  1. REMOVE MEDIAWIKI / VECTOR CHROME ON MAIN PAGE
  ---------------------------------------------------------- */
body.page-Main_Page #mw-head,
body.page-Main_Page #mw-panel,
body.page-Main_Page #left-navigation,
body.page-Main_Page #right-navigation,
body.page-Main_Page #p-personal,
body.page-Main_Page #p-search,
body.page-Main_Page #p-logo,
body.page-Main_Page #siteSub,
body.page-Main_Page #contentSub,
body.page-Main_Page #jump-to-nav,
body.page-Main_Page .mw-indicators,
body.page-Main_Page .mw-editsection,
body.page-Main_Page .vector-page-toolbar,
body.page-Main_Page .vector-page-titlebar,
body.page-Main_Page .vector-header-container,
body.page-Main_Page .vector-column-start,
body.page-Main_Page .vector-column-end,
body.page-Main_Page .vector-toc,
body.page-Main_Page .vector-settings,
body.page-Main_Page .vector-page-tools,
body.page-Main_Page .vector-main-menu-landmark,
body.page-Main_Page .mw-page-title-main,
body.page-Main_Page .firstHeading,
body.page-Main_Page #footer,
body.page-Main_Page .printfooter,
body.page-Main_Page .catlinks,
body.page-Main_Page .vector-sitenotice-container,
body.page-Main_Page #siteNotice,
body.page-Main_Page #siteNotice,
body.page-Main_Page #localNotice,
body.page-Main_Page #localNotice,
body.page-Main_Page #mainbanner {
body.page-Main_Page #mw-head-base {
    display: none !important;
display: none !important;
}
height: 0 !important;
 
min-height: 0 !important;
 
max-height: 0 !important;
/* ----------------------------------------------------------
margin: 0 !important;
  2. REMOVE VECTOR WIDTH / GRID / MARGINS
padding: 0 !important;
  ---------------------------------------------------------- */
border: none !important;
 
background: transparent !important;
body.page-Main_Page,
visibility: hidden !important;
body.page-Main_Page .mw-page-container,
overflow: hidden !important;
body.page-Main_Page .mw-page-container-inner,
body.page-Main_Page .mw-content-container,
body.page-Main_Page #content,
body.page-Main_Page .mw-body,
body.page-Main_Page .mw-body-content,
body.page-Main_Page #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
 
    margin: 0 !important;
    padding: 0 !important;
 
    border: 0 !important;
    box-shadow: none !important;
}
}
 
body.page-Main_Page .vector-header-container {
body.page-Main_Page .mw-page-container,
margin-bottom: 0 !important;
body.page-Main_Page .mw-page-container-inner,
body.page-Main_Page .mw-content-container {
    display: block !important;
    min-height: 0 !important;
}
}
 
.vh-bottom-card {
body.page-Main_Page main#content {
background: #ffffff !important;
    position: static !important;
border: 1px solid rgba(177, 135, 61, 0.35) !important;
border-radius: 6px !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
box-sizing: border-box !important;
}
}
 
.vh-bottom-grid {
body.page-Main_Page {
display: grid !important;
    margin: 0 !important;
grid-template-columns: 1fr 1fr !important;
    padding: 0 !important;
gap: 12px !important;
 
width: 100% !important;
    overflow-x: hidden;
flex: 0 0 auto !important;
 
    background: #f5f1e8 !important;
}
}
 
.vh-bottom-card {
 
padding: 0 !important;
/* ----------------------------------------------------------
overflow: hidden !important;
  3. RESET MEDIAWIKI STYLING INSIDE HOMEPAGE
  ---------------------------------------------------------- */
 
body.page-Main_Page #vani-home,
body.page-Main_Page #vani-home *,
body.page-Main_Page #vani-home *::before,
body.page-Main_Page #vani-home *::after {
    box-sizing: border-box;
}
}
 
.vh-bottom-grid,
body.page-Main_Page #vani-home p {
.vh-bottom-card {
    margin: 0 !important;
display: none !important;
    padding: 0 !important;
}
}
 
.vector-header-start {
body.page-Main_Page #vani-home a {
display: flex !important;
    border: 0 !important;
flex-direction: row !important;
    background: transparent !important;
align-items: center !important;
    box-shadow: none !important;
flex-wrap: nowrap !important;
 
gap: 12px !important;
    color: inherit;
flex: 0 0 auto !important;
    text-decoration: none !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
}
 
.vector-header-start #vector-main-menu-dropdown {
body.page-Main_Page #vani-home a.external {
order: 1 !important;
    padding-right: 0 !important;
    background-image: none !important;
}
}
 
.vector-header-start #p-search,
body.page-Main_Page #vani-home img {
.vector-header-container #p-search,
    margin: 0 !important;
.mw-header #p-search {
    padding: 0 !important;
order: 2 !important;
 
display: flex !important;
    border: 0 !important;
align-items: center !important;
    background: transparent !important;
margin: 0 0 0 4px !important;
    box-shadow: none !important;
padding: 0 !important;
}
}
 
#mw-head [title]::before,
 
#mw-head [title]::after,
/* ==========================================================
.vector-header [title]::before,
  HOMEPAGE CANVAS
.vector-header [title]::after {
  ========================================================== */
display: none !important;
 
visibility: hidden !important;
body.page-Main_Page #vani-home {
opacity: 0 !important;
    --cream: #f6f2e9;
pointer-events: none !important;
    --cream-2: #eee8dc;
    --green: #123f38;
    --green-soft: #31574f;
    --gold: #b1873d;
    --text: #18201d;
    --muted: #746f65;
 
    position: relative;
 
    width: 100vw !important;
    max-width: 100vw !important;
 
    height: 100vh;
    min-height: 720px;
 
    margin: 0 !important;
    padding: 20px 38px 18px !important;
 
    overflow: hidden;
 
    color: var(--text);
 
    background:
        radial-gradient(
            circle at 62% 24%,
            rgba(255,255,255,.76) 0,
            rgba(255,255,255,.30) 26%,
            transparent 48%
        ),
        linear-gradient(
            105deg,
            #faf7f0 0%,
            var(--cream) 55%,
            #f2ede3 100%
        );
 
    font-family: Georgia, "Times New Roman", serif;
}
}
 
.vector-header {
 
-webkit-user-select: none !important;
/* ==========================================================
user-select: none !important;
  TOP BAR
  ========================================================== */
 
.vh-top {
    height: 66px;
 
    display: flex;
    align-items: center;
    justify-content: space-between;
 
    position: relative;
    z-index: 20;
    margin-bottom: 20px;
}
}
 
.vector-header-container,
/* ==========================================================
#mw-head,
  BRAND
.mw-header {
  ========================================================== */
position: sticky !important;
 
top: 0 !important;
.vh-brand {
z-index: 1000 !important;
    display: flex;
background-color: #526B50 !important;
    align-items: center;
}
 
 
/* ROUND LOGO */
 
.vh-round-logo {
    flex: 0 0 auto;
}
 
.vh-round-logo img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}
 
 
/* VANIPEDIA WORDMARK + SMALL NETWORK LINKS */
 
.vh-wordmark-group {
    position: relative;
    flex: 0 0 auto;
    line-height: 0;
}
 
.vh-brand-network {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transform: translateX(10px);
    display: flex;
    align-items: center;
justify-content: center;
gap: 24px;
 
    margin-top: 3px;
 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;          /* VANISOURCE / VANIQUOTES / VANIMEDIA */
    font-weight: 700;
    line-height: 1;
    letter-spacing: .02em;
 
    white-space: nowrap;
}
}
 
.vector-header-container .vector-icon,
.vh-brand-network a {
.vector-header-start .vector-icon,
    color: #B5BC64 !important;
.vector-header-end .vector-icon,
    text-decoration: none !important;
.vector-header-start .cdx-button,
    transition: color .2s ease;
.vector-header-end .cdx-button,
.vector-header-start .vector-dropdown-label,
.vector-header-end .vector-dropdown-label,
.vector-header-container .cdx-text-input__icon,
.mw-header .vector-icon,
.vector-sticky-header .vector-icon {
transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.25, 1),
filter 0.25s ease,
color 0.25s ease,
background-color 0.25s ease !important;
will-change: transform, filter !important;
}
}
 
.vector-header-start #vector-main-menu-dropdown:hover .vector-icon,
.vh-brand-network a:hover {
.vector-header-start .cdx-button:hover .vector-icon,
    color: var(--gold) !important;
.vector-header-end .cdx-button:hover .vector-icon,
.vector-header-start .vector-dropdown-label:hover .vector-icon,
.vector-header-end .vector-dropdown-label:hover .vector-icon,
.vector-header-end #pt-userpage-2:hover .vector-icon,
.vector-header-container .cdx-search-input:hover .cdx-text-input__icon,
.vector-header-container .cdx-text-input__input:focus~.cdx-text-input__icon,
.vector-header-container .vector-icon:hover {
transform: translateY(-2.5px) scale(1.14) !important;
filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.55))
drop-shadow(0 0 10px rgba(245, 215, 127, 0.8)) !important;
color: #ffffff !important;
fill: #ffffff !important;
}
}
 
.vector-header-start .vector-dropdown-label:hover,
.vh-brand-network span {
.vector-header-end .vector-dropdown-label:hover,
    margin: 0 3px;
.vector-header-start .cdx-button:hover,
    color: var(--gold);
.vector-header-end .cdx-button:hover,
.vector-header-end #pt-userpage-2:hover {
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(245, 215, 127, 0.45) !important;
background-color: rgba(245, 215, 127, 0.18) !important;
}
}
 
.vector-header-start .vector-dropdown-label:active .vector-icon,
.vh-round-logo {
.vector-header-end .vector-dropdown-label:active .vector-icon,
    flex: 0 0 auto;
.vector-header-start .cdx-button:active .vector-icon,
.vector-header-end .cdx-button:active .vector-icon {
transform: translateY(0.5px) scale(0.98) !important;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) !important;
}
}
 
.vector-header-container .cdx-button,
.vh-round-logo img {
.vector-header-container .vector-dropdown-label,
    width: 60px;
.vector-header-container #pt-userpage-2,
    height: 60px;
.vector-header-container .vector-user-links a,
    object-fit: contain;
.vector-header-container .vector-icon,
.vector-header-container svg {
transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.25, 1),
background-color 0.2s ease,
color 0.2s ease,
box-shadow 0.2s ease,
filter 0.22s ease !important;
}
}
 
.vector-header-container .vector-header-start .cdx-button:hover,
.vh-wordmark img {
.vector-header-container .vector-header-end .cdx-button:hover,
    width: auto;
.vector-header-container .vector-dropdown-label:hover,
    height: 60px;
.vector-header-container #vector-main-menu-dropdown .vector-dropdown-label:hover,
    object-fit: contain;
.vector-header-container #pt-userpage-2:hover,
.vector-header-container .vector-user-links a:hover {
transform: translateY(-2px) !important;
background-color: rgba(245, 215, 127, 0.18) !important;
border-radius: 4px !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(245, 215, 127, 0.4) !important;
color: #ffffff !important;
}
}
 
.vector-header-container .vector-header-start .cdx-button:hover .vector-icon,
.vh-wordmark img {
.vector-header-container .vector-header-end .cdx-button:hover .vector-icon,
    width: auto;
.vector-header-container .vector-dropdown-label:hover .vector-icon,
    height: 50px;
.vector-header-container #vector-main-menu-dropdown:hover .vector-icon,
    object-fit: contain;
.vector-header-container #pt-userpage-2:hover .vector-icon,
.vector-header-container .vector-user-links a:hover .vector-icon,
.vector-header-container .cdx-button:hover svg,
.vector-header-container .vector-dropdown-label:hover svg,
.vector-header-container .vector-icon:hover {
transform: scale(1.08) !important;
color: #ffffff !important;
fill: #ffffff !important;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5))
drop-shadow(0 0 8px rgba(245, 215, 127, 0.65)) !important;
}
}
 
.vector-header-container,
.vh-subtitle {
.vector-header-start,
    width: 950px;
.vector-header-end,
    margin-left: 28px;
.vector-header-container *,
    padding-left: 18px;
.vector-header-container .vector-icon,
    border-left: 2px solid rgba(177,135,61,.45);
.vector-header-container svg,
    color: var(--gold);
.vector-header-container .cdx-button,
    font-family: Arial, Helvetica, sans-serif;
.vector-header-container .vector-dropdown-label,
    font-size: 26px;
.vector-header-container #pt-userpage-2,
    line-height: 1.3;
.vector-header-container .vector-user-links a,
    letter-spacing: .11em;
.mw-header .vector-icon,
    white-space: nowrap;
.vector-sticky-header .vector-icon {
    align-self: center;
transform: none !important;
    transform: translateY(6px);
animation: none !important;
filter: none !important;
will-change: auto !important;
}
}
 
.vector-header-container .vector-icon:hover,
.vh-top-links {
.vector-header-container svg:hover,
    display: flex;
.vector-header-container .cdx-button:hover .vector-icon,
    align-items: center;
.vector-header-container .cdx-button:hover svg,
 
.vector-header-container .vector-dropdown-label:hover .vector-icon,
    gap: 17px;
.vector-header-container .vector-dropdown-label:hover svg,
 
.vector-header-container #vector-main-menu-dropdown:hover .vector-icon,
    font-family: Arial, Helvetica, sans-serif;
.vector-header-container #vector-main-menu-dropdown:hover svg,
    font-size: 14px;
.vector-header-container #pt-userpage-2:hover .vector-icon,
    font-weight: 600;
.vector-header-container #pt-userpage-2:hover svg,
    letter-spacing: .08em;
.vector-header-container .vector-user-links a:hover .vector-icon,
 
.vector-header-container .vector-user-links a:hover svg,
    color: var(--green);
.vector-header-container .cdx-search-input:hover .cdx-text-input__icon,
.vector-header-container .cdx-text-input__input:focus~.cdx-text-input__icon,
.vector-header-start .cdx-button:hover .vector-icon,
.vector-header-end .cdx-button:hover .vector-icon,
.vector-header-start .vector-dropdown-label:hover .vector-icon,
.vector-header-end .vector-dropdown-label:hover .vector-icon,
.vector-header-start #vector-main-menu-dropdown:hover .vector-icon,
.vector-header-end #pt-userpage-2:hover .vector-icon {
transform: none !important;
filter: none !important;
animation: none !important;
color: #ffffff !important;
fill: #ffffff !important;
}
}
 
.vector-header-container .cdx-button:hover,
.vh-top-links i {
.vector-header-container .vector-dropdown-label:hover,
    display: block;
.vector-header-container #vector-main-menu-dropdown .vector-dropdown-label:hover,
 
.vector-header-container #pt-userpage-2:hover,
    width: 2px;
.vector-header-container .vector-user-links a:hover,
    height: 17px;
.vector-header-start .cdx-button:hover,
 
.vector-header-end .cdx-button:hover,
    background: rgba(177,135,61,.38);
.vector-header-start .vector-dropdown-label:hover,
.vector-header-end .vector-dropdown-label:hover,
.vector-header-start #vector-main-menu-dropdown .vector-dropdown-label:hover,
.vector-header-end #pt-userpage-2:hover {
transform: none !important;
box-shadow: none !important;
background-color: rgba(245, 215, 127, 0.15) !important;
border-radius: 4px !important;
color: #ffffff !important;
}
}
 
.vector-header-container .cdx-button:active,
.vh-top-links a {
.vector-header-container .vector-dropdown-label:active,
    color: var(--green) !important;
.vector-header-container .vector-icon:active,
.vector-header-start .vector-dropdown-label:active .vector-icon,
.vector-header-end .vector-dropdown-label:active .vector-icon,
.vector-header-start .cdx-button:active .vector-icon,
.vector-header-end .cdx-button:active .vector-icon {
transform: none !important;
filter: none !important;
}
}
 
.vh-bottom-bar {
/* ==========================================================
position: fixed !important;
  HERO AREA
bottom: 0 !important;
  ========================================================== */
left: 0 !important;
 
right: 0 !important;
.vh-main {
width: 100% !important;
    position: relative;
height: 38px !important;
    z-index: 2;
background: #526B50 !important;
    display: grid;
border-top: 1.5px solid rgba(223, 173, 62, 0.45) !important;
    grid-template-columns:
box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.35) !important;
        minmax(600px, 1fr)
z-index: 99990 !important;
        220px;
display: flex !important;
    column-gap: 24px;
align-items: center !important;
    height: 510px;
justify-content: center !important;
box-sizing: border-box !important;
user-select: none !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
}
}
 
.vh-bottom-bar-inner {
.vh-main::after {
display: flex !important;
    content: "";
align-items: center !important;
    position: absolute;
justify-content: center !important;
    left: 0;
gap: 14px !important;
    right: 0;
max-width: 1200px !important;
    bottom: -35px; /* move divider down */
width: 100% !important;
    height: 1px;
padding: 0 16px !important;
    background: rgba(177,135,61,.35);
overflow-x: auto !important;
    pointer-events: none;
white-space: nowrap !important;
scrollbar-width: none !important;             /* Firefox */
}
}
 
.vh-bottom-bar-inner::-webkit-scrollbar {
/* ----------------------------------------------------------
display: none !important;                     /* Chrome/Safari */
  FROM HIS LETTERS heading
  ---------------------------------------------------------- */
 
.vh-letter-heading {
    display: block;
 
    width: auto;
    height: auto;
 
    margin: 0 0 22px;
    padding: 0;
 
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
 
    color: var(--gold);
 
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
 
    letter-spacing: .12em;
 
    text-align: left;
}
}
 
.vh-bottom-link {
 
color: #f5d77f !important;
/* ----------------------------------------------------------
font-family: 'Noto Serif', Georgia, serif !important;
  Rotating content
font-size: 13.5px !important;
  ---------------------------------------------------------- */
font-weight: 600 !important;
 
text-decoration: none !important;
#vh-random-letter {
letter-spacing: 0.35px !important;
    opacity: 1;
padding: 3px 10px !important;
 
border-radius: 4px !important;
    transition:
transition: color 0.18s ease, background-color 0.18s ease, transform 0.15s ease !important;
        opacity .45s ease,
display: inline-flex !important;
        transform .45s ease;
align-items: center !important;
white-space: nowrap !important;
}
}
 
.vh-bottom-link:hover {
#vh-random-letter.is-changing {
color: #ffffff !important;
    opacity: 0;
background-color: rgba(245, 215, 127, 0.18) !important;
    transform: translateY(5px);
text-decoration: none !important;
}
}
 
.vh-bottom-donate {
 
background: linear-gradient(135deg, rgba(223, 173, 62, 0.3) 0%, rgba(223, 173, 62, 0.12) 100%) !important;
/* ----------------------------------------------------------
border: 1px solid rgba(223, 173, 62, 0.65) !important;
  Whole item clickable
color: #fce8a6 !important;
  ---------------------------------------------------------- */
padding: 2.5px 14px !important;
 
border-radius: 12px !important;
.vh-random-letter-link {
font-weight: 700 !important;
    display: block;
 
    color: inherit;
 
    text-decoration: none !important;
}
}
 
.vh-bottom-donate:hover {
 
background: linear-gradient(135deg, #dfad3e 0%, #b88a38 100%) !important;
/* ----------------------------------------------------------
color: #150b00 !important;
  Recipient
border-color: #dfad3e !important;
  ---------------------------------------------------------- */
box-shadow: 0 0 10px rgba(223, 173, 62, 0.5) !important;
 
.vh-random-letter-person {
    margin-bottom: 5px;
 
    color: var(--green);
 
    font-family: "Noto Serif", Georgia, serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
}
}
 
.vh-bottom-sep {
 
color: rgba(245, 215, 127, 0.35) !important;
/* ----------------------------------------------------------
font-size: 12px !important;
  Date
line-height: 1 !important;
  ---------------------------------------------------------- */
pointer-events: none !important;
 
.vh-random-letter-date {
    margin-bottom: 14px;
 
    color: var(--gold);
 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.3;
 
    letter-spacing: .04em;
}
}
 
body.page-Main_Page .vh-bottom-link {
 
cursor: none !important;
/* ----------------------------------------------------------
  Selected passage
  ---------------------------------------------------------- */
 
.vh-random-letter-text {
    color: var(--text);
 
    font-family: "Noto Serif", Georgia, serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
}
}
 
body.page-Main_Page .vector-sitenotice-container {
 
display: none !important;
/* ----------------------------------------------------------
width: 0 !important;
  Read letter
min-width: 0 !important;
  ---------------------------------------------------------- */
max-width: 0 !important;
 
margin: 0 !important;
.vh-random-letter-more {
padding: 0 !important;
    margin-top: 14px;
    padding-top: 9px;
 
    border-top:
        1px solid rgba(177,135,61,.30);
 
    color: var(--gold);
 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: 600;
    line-height: 1.2;
 
    letter-spacing: .08em;
    text-transform: uppercase;
}
}
 
.vector-sticky-header-container {
 
position: fixed !important;
/* ----------------------------------------------------------
top: 0 !important;
  Hover
left: 0 !important;
  ---------------------------------------------------------- */
right: 0 !important;
 
width: 100% !important;
.vh-random-letter-link:hover
z-index: 1000 !important;
.vh-random-letter-person,
 
.vh-random-letter-link:hover
.vh-random-letter-more {
    color: var(--gold);
}
}
 
.vector-sticky-header-container:not(.vector-sticky-header-visible),
/* ----------------------------------------------------------
.vector-header-container.vector-sticky-header-container:not(.vector-sticky-header-visible) {
  MAIN TITLE / INTRO
display: none !important;
  ---------------------------------------------------------- */
visibility: hidden !important;
 
height: 0 !important;
.vh-intro {
min-height: 0 !important;
    position: relative;
max-height: 0 !important;
    z-index: 8;
opacity: 0 !important;
 
pointer-events: none !important;
    grid-column: 1;
margin: 0 !important;
    grid-row: 1;
padding: 0 !important;
 
border: none !important;
    width: 650px;
    min-width: 0;
 
    padding-top: 36px;
    padding-left: 145px;
}
}
 
.vh-bottom-link.vh-bottom-home {
.vh-main-title {
color: #dfad3e !important;
    font-family: "Cormorant Garamond", Georgia, serif;
font-weight: 700 !important;
    font-size: clamp(64px, 5.2vw, 94px);
letter-spacing: 0.5px !important;
    font-weight: 700;
    line-height: .88;
    letter-spacing: -.025em;
    color: var(--green);
}
}
 
.vh-bottom-link.vh-bottom-home:hover {
.vh-description,
color: #ffffff !important;
.vh-quote-text,
background-color: rgba(223, 173, 62, 0.25) !important;
.vh-quote-source,
.vh-discover-primary,
.vh-discover-secondary,
.vh-gateway-text,
.vh-feature-copy,
.vh-network-mission {
    font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
}
}
 
.vector-header-container,
.vh-subtitle,
.vector-header,
.vh-top-links,
.mw-header,
.vh-small-heading,
#mw-head {
.vh-gateway-title,
background-color: #526B50 !important;
.vh-section-title,
background: #526B50 !important;
.vh-feature-copy small,
border-bottom: 2px solid #b1873d !important;
.vh-network-grid small {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    font-family: Arial, Helvetica, sans-serif;
}
}
 
@media screen and (max-width:999px) {
.vh-gold-rule {
#vanipedia-topbar-title,
    width: 35px;
#vanipedia-topbar-title-link,
    height: 2px;
#vanipedia-topbar-center-title {
 
display: none !important;
    margin: 27px 0 18px;
visibility: hidden !important;
 
pointer-events: none !important;
    background: var(--gold);
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
}
}
/* ==========================================================
  ROTATING ŚRĪLA PRABHUPĀDA SUBTITLE
  ========================================================== */
.vh-description {
    width: 700px;
    max-width: 700px;
    min-height: 64px;
    color: var(--text);
    font-size: 26px;
    line-height: 1.48;
    opacity: 1;
    transition: opacity .45s ease;
    left: 50px;
    bottom: 0px;
    background: transparent;
}
}
 
@media screen and (max-width:768px) {
.vh-description.is-changing {
.mw-header {
    opacity: 0 !important;
padding: 0 10px !important;
gap: 8px !important;
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
background-color: #526B50 !important;
}
}
 
.vector-header-start {
/* ==========================================================
display: flex !important;
  HERO PHOTO AREA
flex-direction: row !important;
  ========================================================== */
align-items: center !important;
 
gap: 8px !important;
.vh-photo-stage {
flex: 1 1 auto !important;
    position: relative;
min-width: 0 !important;
    z-index: 2;
 
    grid-column: 1;
    grid-row: 1;
 
    width: 790px;
    justify-self: end;
    margin: 0 35px 0 0;
 
    overflow: hidden;
    pointer-events: none;
    height: calc(105% + 90px);
    top: -85px;
 
}
}
 
.vector-header-start #vector-main-menu-dropdown {
.vh-photo {
display: flex !important;
    position: absolute;
align-items: center !important;
    inset: 0;
visibility: visible !important;
 
opacity: 1 !important;
    background-position: center center;
cursor: pointer !important;
    background-repeat: no-repeat;
flex-shrink: 0 !important;
    background-size: cover;
margin: 0 !important;
 
padding: 0 4px !important;
    opacity: 0;
 
    filter:
        grayscale(.10)
        sepia(.06)
        saturate(.82)
        contrast(.96);
 
    transition: opacity 5s ease-in-out;
 
border-radius: 50;
 
-webkit-mask-image:
    radial-gradient(
        ellipse 54% 60% at 50% 50%,
        black 58%,
        rgba(0,0,0,.99) 64%,
        rgba(0,0,0,.92) 70%,
        rgba(0,0,0,.78) 77%,
        rgba(0,0,0,.58) 84%,
        rgba(0,0,0,.36) 90%,
        rgba(0,0,0,.16) 95%,
        rgba(0,0,0,.05) 98%,
        transparent 100%
    ),
    linear-gradient(
        to right,
        transparent 0%,
        rgba(0,0,0,.10) 3%,
        rgba(0,0,0,.35) 7%,
        rgba(0,0,0,.72) 12%,
        black 18%,
        black 82%,
        rgba(0,0,0,.72) 88%,
        rgba(0,0,0,.35) 93%,
        rgba(0,0,0,.10) 97%,
        transparent 100%
    ),
    linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0,0,0,.10) 3%,
        rgba(0,0,0,.35) 7%,
        rgba(0,0,0,.72) 12%,
        black 18%,
        black 82%,
        rgba(0,0,0,.72) 88%,
        rgba(0,0,0,.35) 93%,
        rgba(0,0,0,.10) 97%,
        transparent 100%
    );
 
-webkit-mask-composite:
    source-in,
    source-in;
 
mask-image:
    radial-gradient(
        ellipse 54% 60% at 50% 50%,
        black 58%,
        rgba(0,0,0,.99) 64%,
        rgba(0,0,0,.92) 70%,
        rgba(0,0,0,.78) 77%,
        rgba(0,0,0,.58) 84%,
        rgba(0,0,0,.36) 90%,
        rgba(0,0,0,.16) 95%,
        rgba(0,0,0,.05) 98%,
        transparent 100%
    ),
    linear-gradient(
        to right,
        transparent 0%,
        rgba(0,0,0,.10) 3%,
        rgba(0,0,0,.35) 7%,
        rgba(0,0,0,.72) 12%,
        black 18%,
        black 82%,
        rgba(0,0,0,.72) 88%,
        rgba(0,0,0,.35) 93%,
        rgba(0,0,0,.10) 97%,
        transparent 100%
    ),
    linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0,0,0,.10) 3%,
        rgba(0,0,0,.35) 7%,
        rgba(0,0,0,.72) 12%,
        black 18%,
        black 82%,
        rgba(0,0,0,.72) 88%,
        rgba(0,0,0,.35) 93%,
        rgba(0,0,0,.10) 97%,
        transparent 100%
    );
 
mask-composite:
    intersect,
    intersect;
}
}
 
.vector-header-start #vector-main-menu-dropdown .vector-icon {
/* ==========================================================
background-color: #f5d77f !important;
  DISCOVER
color: #f5d77f !important;
  ========================================================== */
fill: #f5d77f !important;
 
width: 22px !important;
/* ==========================================================
height: 22px !important;
  THEMATIC ARTICLE SPOTLIGHT
  ========================================================== */
 
.vh-discover {
    position: relative;
    z-index: 9;
 
    grid-column: 2;
    grid-row: 1;
 
    top: 28px;
 
    width: 220px;
    height: calc(100% - 0px);
 
    margin: 0;
    padding-left: 24px;
 
    border-left: 1px solid rgba(177,135,61,.35);
 
    font-size: 11px;
    line-height: 1.42;
}
}
 
.vector-header-container #p-search,
/* Section heading */
.mw-header #p-search,
 
.vector-header-start #p-search {
.vh-discover-heading {
display: flex !important;
    font-size: 18px;
align-items: center !important;
    line-height: 1.35;
flex: 1 1 auto !important;
    letter-spacing: .12em;
max-width: calc(100vw - 110px) !important;
    color: var(--gold);
min-width: 100px !important;
margin: 0 !important;
padding: 0 !important;
}
}
 
.vector-header-container #searchform,
 
.mw-header #searchform {
/* Random article container */
width: 100% !important;
 
display: flex !important;
#vh-random-article {
align-items: center !important;
    margin-top: 28px;
margin: 0 !important;
 
padding: 0 !important;
    transition:
        opacity .7s ease,
        transform .7s ease;
}
}
 
.vector-header-container .cdx-search-input,
#vh-random-article.is-changing {
.vector-header-container .vector-search-box-input,
    opacity: 0;
.vector-header-container .cdx-text-input {
    transform: translateY(5px);
width: 100% !important;
max-width: 100% !important;
height: 32px !important;
margin: 0 !important;
}
}
 
.vector-header-container .cdx-text-input__input,
 
.vector-header-container input[type="search"],
/* Whole article preview is clickable */
#searchInput {
 
width: 100% !important;
.vh-random-article-link {
min-width: 80px !important;
    display: block;
height: 32px !important;
    color: inherit;
font-size: 13.5px !important;
    text-decoration: none !important;
padding-left: 30px !important;
box-sizing: border-box !important;
border-radius: 16px !important;
background-color: #1f3e45 !important;
border: 1px solid rgba(245, 215, 127, 0.45) !important;
color: #ffffff !important;
}
}
 
.vector-header-container .cdx-text-input__input:focus,
 
.vector-header-container input[type="search"]:focus,
/* Article title */
#searchInput:focus {
 
width: 100% !important;
.vh-random-article-title {
background-color: #173036 !important;
    color: var(--green);
border-color: #f5d77f !important;
 
    font-family: "Noto Serif", Georgia, serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.18;
 
    margin-bottom: 13px;
}
}
 
#vector-main-menu-dropdown .vector-dropdown-content,
/* First lines of article */
#vector-main-menu-dropdown-content,
 
#vector-main-menu-unpinned-container,
.vh-random-article-extract {
#vector-main-menu-dropdown .vector-dropdown-content.is-open {
    color: var(--text);
position: fixed !important;
 
top: 52px !important;
    font-family: "Noto Serif", Georgia, serif;
left: 0 !important;
    font-size: 14px;
width: 290px !important;
    font-weight: 400;
max-width: 85vw !important;
    line-height: 1.45;
height: calc(100vh - 52px - 38px) !important;
max-height: calc(100vh - 90px) !important;
overflow-y: auto !important;
background-color: #1f3e45 !important;
border-right: 2px solid #b1873d !important;
box-shadow: 4px 0 18px rgba(0, 0, 0, 0.45) !important;
z-index: 100001 !important;
padding: 10px 0 !important;
}
}
 
#vector-main-menu-dropdown .vector-dropdown-content a,
 
#vector-main-menu-dropdown-content a,
/* Read article link */
#vector-main-menu-unpinned-container a {
 
color: #f5d77f !important;
.vh-random-article-more {
font-size: 14.5px !important;
    margin-top: 15px;
padding: 9px 18px !important;
    padding-top: 10px;
display: block !important;
 
text-decoration: none !important;
    border-top: 1px solid rgba(177,135,61,.35);
border-left: 3px solid transparent !important;
 
    color: var(--gold);
 
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
}
}
 
#vector-main-menu-dropdown .vector-dropdown-content a:hover,
 
#vector-main-menu-dropdown-content a:hover,
/* Hover */
#vector-main-menu-unpinned-container a:hover {
 
background-color: #526B50 !important;
.vh-random-article-link:hover .vh-random-article-title,
color: #ffffff !important;
.vh-random-article-link:hover .vh-random-article-more {
border-left-color: #f5d77f !important;
    color: var(--gold);
}
}
 
#vector-main-menu-dropdown .vector-menu-heading,
/* ==========================================================
#vector-main-menu-dropdown-content .vector-menu-heading,
  GATEWAYS
#vector-main-menu-unpinned-container .vector-menu-heading {
  ========================================================== */
color: #fce8a6 !important;
 
font-weight: 700 !important;
.vh-gateways {
font-size: 13px !important;
    position: absolute;
letter-spacing: 0.6px !important;
    left: 170px;
text-transform: uppercase !important;
    bottom: 35px;
border-bottom: 1px solid rgba(245, 215, 127, 0.3) !important;
    z-index: 20;
padding: 10px 18px 6px 18px !important;
 
margin-top: 8px !important;
    display: flex;
    align-items: stretch;
 
    width: 1000px;
    height: 125px;
}
}
 
.vh-bottom-bar {
.vh-gateway {
height: 38px !important;
    position: relative;
 
    flex: 1 1 150px;
    min-width: 140px;
 
    padding: 0 8px;
 
    text-align: center;
}
}
 
.vh-bottom-bar-inner {
/* Taller separators between gateways */
gap: 10px !important;
.vh-gateway:not(:last-child)::after {
padding: 0 10px !important;
    content: "";
 
    position: absolute;
 
    right: 0;
 
    top: 15px;
    bottom: 15px;
 
    width: 1px;
 
    background: rgba(18,63,56,.18);
 
    pointer-events: none;
}
}
 
.vh-bottom-link {
.vh-gateway:last-child {
font-size: 12px !important;
    border-right: 0;
padding: 2px 6px !important;
}
}
.vh-icon {
    display: block;
    height: 50px;
    color: var(--green);
    font-size: 29px;
    line-height: 45px;
}
}
 
body.skin-minerva .minerva-header {
.vh-gateway-title {
display: flex !important;
    margin: 4px 0 4px;
flex-direction: row !important;
 
align-items: center !important;
    color: var(--text);
justify-content: flex-start !important;
 
height: 100% !important;
    font-family: Arial, Helvetica, sans-serif;
width: 100% !important;
    font-size: 16px;
padding: 0 12px !important;
    font-weight: 700;
margin: 0 !important;
    line-height: 1.1;
box-sizing: border-box !important;
    letter-spacing: .05em;
background-color: #526B50 !important;
}
}
 
.minerva-header .navigation-drawer.toggle-list {
.vh-gateway-title a {
flex: 0 0 32px !important;
    display: inline !important;
width: 32px !important;
    color: var(--text) !important;
height: 32px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
}
 
.minerva-header #mw-mf-main-menu-button,
.vh-gateway-text {
.minerva-header .toggle-list__toggle {
    font-size: 18px;
background: transparent !important;
    line-height: 1.12;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
padding: 0 !important;
margin: 0 !important;
width: 32px !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
}
}
 
.minerva-header .minerva-icon--menu,
.vh-gateway-text.vh-gateway-links {
.minerva-header #mw-mf-main-menu-button .minerva-icon--menu {
    font-size: 18px;
background-color: #f5d77f !important;
    line-height: 1.12;
opacity: 1 !important;
width: 24px !important;
height: 24px !important;
display: inline-block !important;
}
}
 
.minerva-header .branding-box {
.vh-gateway-links a {
display: flex !important;
    margin: 0 !important;
align-items: center !important;
flex: 0 0 auto !important;
margin: 0 0 0 20px !important;
padding: 0 !important;
}
}
 
.minerva-header .branding-box a,
/* ==========================================================
.minerva-header .branding-box span {
  CONTINUOUS LIFE TIMELINE
color: #f5d77f !important;
  ========================================================== */
font-family: 'DM Serif Display', 'Cormorant Garamond', Georgia, serif !important;
 
font-size: 19px !important;
.vh-lifeline-window {
font-weight: 700 !important;
    position: relative;
letter-spacing: 0.8px !important;
    z-index: 10;
text-decoration: none !important;
 
white-space: nowrap !important;
    height: 116px;
    margin-top: 30px;
 
    width: 100vw;
    max-width: 100vw;
 
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
 
    overflow: hidden;
 
    cursor: grab;
 
    user-select: none;
    -webkit-user-select: none;
}
}
 
.minerva-header .minerva-search-form {
.vh-lifeline-window:active {
margin-left: auto !important; /* Absorbs ALL horizontal space between title and search */
    cursor: grabbing;
margin-right: 8px !important;
flex: 0 0 32px !important;
width: 32px !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
}
}
 
.minerva-header .minerva-search-form .search-box {
.vh-lifeline {
display: none !important;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
 
    touch-action: pan-y;
}
}
 
.minerva-header #searchIcon {
.vh-timeline-track {
background: transparent !important;
    position: absolute;
background-color: transparent !important;
    top: 0;
border: none !important;
    left: 0;
box-shadow: none !important;
 
outline: none !important;
    display: flex;
padding: 0 !important;
    align-items: flex-start;
margin: 0 !important;
 
width: 32px !important;
    width: max-content;
height: 32px !important;
    height: 100%;
display: flex !important;
 
align-items: center !important;
    will-change: transform;
justify-content: center !important;
cursor: pointer !important;
}
}
 
.minerva-header .minerva-icon--search,
 
.minerva-header #searchIcon .minerva-icon--search {
/* horizontal line */
background-color: #f5d77f !important;
 
opacity: 1 !important;
.vh-timeline-track::before {
width: 22px !important;
    content: "";
height: 22px !important;
 
display: inline-block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 42px;
 
    height: 1px;
 
    background: rgba(177,135,61,.55);
}
}
 
.minerva-header #searchIcon span:last-child {
 
display: none !important;
/* one timeline event */
 
.vh-timeline-item {
    position: relative;
    flex: 0 0 220px;
    box-sizing: border-box;
    padding: 10px 20px 0;
    color: var(--green);
    text-decoration: none !important;
}
}
 
.minerva-header .minerva-user-navigation {
 
flex: 0 0 32px !important;
/* date */
width: 32px !important;
 
height: 32px !important;
.vh-timeline-date {
margin: 0 !important;
    height: 21px;
padding: 0 !important;
 
display: flex !important;
    color: var(--gold);
align-items: center !important;
 
justify-content: center !important;
    font-family: Arial, Helvetica, sans-serif;
position: static !important;
    font-size: 10px;
    font-weight: 600;
 
    line-height: 1.2;
    letter-spacing: .06em;
 
    text-transform: uppercase;
}
}
 
.minerva-header .minerva-notifications,
 
.minerva-header .minerva-user-navigation ul,
/* dot */
.minerva-header .minerva-user-navigation li {
 
margin: 0 !important;
.vh-timeline-dot {
padding: 0 !important;
    position: absolute;
list-style: none !important;
 
display: flex !important;
    top: 38px;
align-items: center !important;
    left: 20px;
justify-content: center !important;
 
width: 32px !important;
    width: 8px;
height: 32px !important;
    height: 8px;
 
    border-radius: 50%;
 
    background: var(--green);
 
    border: 2px solid #f6f2e9;
 
    box-sizing: border-box;
 
    z-index: 2;
}
}
 
.minerva-header #ca-mytalks {
 
background: transparent !important;
/* short event text */
background-color: transparent !important;
 
border: none !important;
.vh-timeline-text {
box-shadow: none !important;
    margin-top: 24px;
outline: none !important;
 
padding: 0 !important;
    max-width: 175px;
margin: 0 !important;
 
width: 32px !important;
    color: var(--text);
height: 32px !important;
 
display: flex !important;
    font-family: "Noto Serif", Georgia, serif;
align-items: center !important;
    font-size: 11px;
justify-content: center !important;
    font-weight: 400;
cursor: pointer !important;
 
    line-height: 1.35;
}
}
 
.minerva-header .minerva-icon--bellOutline,
 
.minerva-header #ca-mytalks .minerva-icon--bellOutline {
/* hover */
background-color: #f5d77f !important;
 
opacity: 1 !important;
.vh-timeline-item:hover .vh-timeline-date,
width: 22px !important;
.vh-timeline-item:hover .vh-timeline-text {
height: 22px !important;
    color: var(--gold);
display: inline-block !important;
}
}
 
.minerva-header #ca-mytalks span:last-child {
 
display: none !important;
/* subtle edge fade */
 
.vh-lifeline-window::before,
.vh-lifeline-window::after {
    content: "";
 
    position: absolute;
    top: 0;
    bottom: 0;
 
    width: 65px;
 
    z-index: 20;
 
    pointer-events: none;
}
}
 
#vanipedia-mobile-user-menu {
.vh-lifeline-window::before {
display: none !important;
    left: 0;
position: fixed !important;
 
top: 52px !important;
    background:
right: 8px !important;
        linear-gradient(
width: 175px !important;
            to right,
background-color: #1f3e45 !important;
            #f6f2e9,
border: 1.5px solid #b1873d !important;
            rgba(246,242,233,0)
border-radius: 6px !important;
        );
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
padding: 6px 0 !important;
z-index: 999999 !important;
box-sizing: border-box !important;
flex-direction: column !important;
}
}
 
#vanipedia-mobile-user-menu.is-open {
.vh-lifeline-window::after {
display: flex !important;
    right: 0;
 
    background:
        linear-gradient(
            to left,
            #f6f2e9,
            rgba(246,242,233,0)
        );
}
}
 
#vanipedia-mobile-user-menu a.vani-user-menu-item {
/* ==========================================================
color: #f5d77f !important;
  TEMPORARY LOGO FALLBACK
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  Only relevant if you use .vh-logo-temp
font-size: 15px !important;
  ========================================================== */
font-weight: 500 !important;
 
padding: 10px 18px !important;
.vh-logo-temp {
text-decoration: none !important;
    width: 58px;
display: block !important;
    height: 58px;
line-height: 1.2 !important;
 
    display: flex;
    align-items: center;
    justify-content: center;
 
    border: 3px solid var(--gold);
    border-radius: 50%;
 
    background: var(--green);
 
    color: #fff;
 
    font-size: 37px;
    line-height: 1;
}
}
 
#vanipedia-mobile-user-menu a.vani-user-menu-item:hover,
 
#vanipedia-mobile-user-menu a.vani-user-menu-item:active {
/* ==========================================================
background-color: #526B50 !important;
  MOTION ACCESSIBILITY
color: #ffffff !important;
  ========================================================== */
 
@media (prefers-reduced-motion: reduce) {
 
    .vh-lifeline {
        animation: none !important;
    }
 
    .vh-photo,
    #vh-discover-content,
    .vh-feature-grid {
        transition: none !important;
    }
}
}
 
#vanipedia-mobile-user-menu .vani-user-menu-divider {
 
height: 1px !important;
/* ==========================================================
background-color: rgba(177, 135, 61, 0.35) !important;
  1366–1500px DESKTOPS
margin: 5px 0 !important;
  ========================================================== */
 
@media (max-width: 1500px) {
 
    body.page-Main_Page #vani-home {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
 
    .vh-main-title {
        font-size: 67px;
    }
 
    .vh-gateways {
        width: 585px;
    }
 
    .vh-gateway {
        padding-left: 8px;
        padding-right: 8px;
    }
 
    .vh-bottom {
        grid-template-columns:
            minmax(560px, 1.12fr)
            minmax(570px, 1fr);
 
        gap: 20px;
    }
 
    .vh-network-grid {
        grid-template-columns:
            repeat(4, 88px)
            minmax(150px, 1fr);
    }
 
    .vh-wordmark {
        font-size: 30px;
    }
 
    .vh-subtitle {
        font-size: 9px;
    }
}
}
 
#vanipedia-mobile-user-menu a.vani-user-menu-logout {
/* ==========================================================
color: #fca5a5 !important;
  1200–1365px DESKTOPS
  ========================================================== */
 
@media (max-width: 1365px) {
 
    .vh-main-title {
        font-size: 61px;
    }
 
    .vh-description {
        font-size: 12px;
    }
 
    .vh-gateways {
        width: 525px;
    }
 
    .vh-gateway-text {
        font-size: 9px;
    }
 
    .vh-gateway-title {
        font-size: 9px;
    }
 
    .vh-bottom {
        grid-template-columns:
            1.05fr
            .95fr;
    }
 
    .vh-network-grid {
        grid-template-columns:
            repeat(4, 78px)
            minmax(140px, 1fr);
    }
}
}
 
#vanipedia-mobile-user-menu a.vani-user-menu-logout:hover {
/* ==========================================================
background-color: rgba(239, 68, 68, 0.2) !important;
  SMALL GATEWAY DESTINATION LINKS
color: #ffffff !important;
  ========================================================== */
 
.vh-gateway-links {
    line-height: 1.65;
}
}
 
#mw-mf-page-left.navigation-drawer,
 
#mw-mf-page-left.menu {
/* Individual links */
background-color: #1f3e45 !important;
 
border-right: 2px solid #b1873d !important;
.vh-gateway-links a {
box-shadow: 4px 0 18px rgba(0, 0, 0, 0.45) !important;
    position: relative;
 
    display: inline-block !important;
 
    color: var(--green) !important;
    text-decoration: none !important;
 
    font-weight: 500;
 
    opacity: .82;
 
    transition:
        color .22s ease,
        opacity .22s ease,
        transform .22s ease;
}
}
 
#mw-mf-page-left a.toggle-list-item__anchor {
 
color: #f5d77f !important;
/* Very fine underline */
font-size: 14.5px !important;
 
.vh-gateway-links a::after {
    content: "";
 
    position: absolute;
 
    left: 50%;
    bottom: -2px;
 
    width: 0;
    height: 1px;
 
    background: var(--gold);
 
    transform: translateX(-50%);
 
    transition:
        width .28s cubic-bezier(.2,.8,.2,1);
}
}
 
#mw-mf-page-left a.toggle-list-item__anchor:hover {
 
background-color: #526B50 !important;
/* Hover */
color: #ffffff !important;
 
.vh-gateway-links a:hover {
    color: var(--gold) !important;
    opacity: 1;
 
    transform: translateY(-1px);
}
}
 
#mw-mf-page-left .minerva-icon {
.vh-gateway-links a:hover::after {
background-color: #ffd700 !important;
    width: 100%;
}
}
 
html #vector-user-links-dropdown .vector-dropdown-content,
 
html body.page-Main_Page #vector-user-links-dropdown .vector-dropdown-content,
/* Separators */
html body #p-personal.vector-menu,
 
html body #p-personal .vector-menu-content,
.vh-link-sep {
#vector-user-links-dropdown-content {
    margin: 0 3px;
background: #1f3e45 !important;
 
background-color: #1f3e45 !important;
    color: var(--gold);
border: 1.5px solid #b1873d !important;
    opacity: .55;
border-radius: 6px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
padding: 6px 0 !important;
min-width: 175px !important;
width: 180px !important;
box-sizing: border-box !important;
}
}
 
html #vector-user-links-dropdown .vector-dropdown-content div,
.vh-gateway-links a {
html #vector-user-links-dropdown .vector-dropdown-content ul,
    animation: vh-link-arrive .65s ease both;
html #vector-user-links-dropdown .vector-dropdown-content li,
html #vector-user-links-dropdown .vector-dropdown-content .vector-menu-content,
html #vector-user-links-dropdown .vector-dropdown-content .vector-menu-content-list {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
}
 
html #vector-user-links-dropdown #pt-mytalk,
.vh-gateway-links a:nth-of-type(1) {
html .vector-user-menu #pt-mytalk {
    animation-delay: .45s;
display: block !important;
visibility: visible !important;
}
}
 
#vector-user-links-dropdown-label .vector-icon,
.vh-gateway-links a:nth-of-type(2) {
#vector-user-links-dropdown .vector-dropdown-label .vector-icon,
    animation-delay: .60s;
.vector-header-end #vector-user-links-dropdown .vector-icon {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
width: 20px !important;
height: 20px !important;
color: #f5d77f !important;
fill: #f5d77f !important;
background-color: #f5d77f !important;
margin-right: 4px !important;
vertical-align: middle !important;
}
}
 
#vector-user-links-dropdown .vector-dropdown-content .vector-icon {
.vh-gateway-links a:nth-of-type(3) {
display: inline-block !important;
    animation-delay: .75s;
width: 16px !important;
height: 16px !important;
margin: 0 8px 0 0 !important;
padding: 0 !important;
color: #f5d77f !important;
fill: #f5d77f !important;
background-color: #f5d77f !important;
vertical-align: middle !important;
}
}
 
html #vector-user-links-dropdown .vector-dropdown-content a,
.vh-gateway-links a:nth-of-type(4) {
html #p-personal .vector-menu-content a {
    animation-delay: .90s;
display: flex !important;
align-items: center !important;
color: #f5d77f !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 10px 18px !important;
line-height: 1.2 !important;
background: transparent !important;
background-color: transparent !important;
border: none !important;
text-decoration: none !important;
box-sizing: border-box !important;
width: 100% !important;
transition: background-color 0.15s ease, color 0.15s ease !important;
}
}
 
html #vector-user-links-dropdown .vector-dropdown-content a span,
@keyframes vh-link-arrive {
html #p-personal .vector-menu-content a span {
 
color: #f5d77f !important;
    from {
font-size: 15px !important;
        opacity: 0;
font-weight: 500 !important;
        transform: translateY(4px);
display: inline !important;
    }
padding: 0 !important;
 
margin: 0 !important;
    to {
background: transparent !important;
        opacity: .82;
        transform: translateY(0);
    }
}
}
 
html #vector-user-links-dropdown .vector-dropdown-content a:hover,
/* Prevent popups */
html #vector-user-links-dropdown .vector-dropdown-content a:focus,
body.page-Main_Page #vani-home a[title]:hover::after {
html #vector-user-links-dropdown .vector-dropdown-content a:active {
    content: none !important;
background-color: #526B50 !important;
    display: none !important;
color: #ffffff !important;
text-decoration: none !important;
}
}
 
html #vector-user-links-dropdown .vector-dropdown-content a:hover span {
/* ==========================================================
color: #ffffff !important;
  MAIN PAGE — REMOVE STRAY TOP/BOTTOM SKIN STRIPS
  ========================================================== */
 
/* Force every outer Vector wrapper behind homepage to cream */
body.page-Main_Page,
body.page-Main_Page .mw-page-container,
body.page-Main_Page .mw-page-container-inner,
body.page-Main_Page .mw-content-container,
body.page-Main_Page #content,
body.page-Main_Page .mw-body,
body.page-Main_Page .mw-body-content,
body.page-Main_Page #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output {
    background: #f6f2e9 !important;
}
}
 
html #vector-user-links-dropdown #pt-logout,
 
html .vector-user-menu #pt-logout {
/* MediaWiki sometimes creates empty paragraphs around the page markup */
border-top: 1px solid rgba(177, 135, 61, 0.35) !important;
body.page-Main_Page .mw-parser-output > p:empty {
margin-top: 6px !important;
    display: none !important;
padding-top: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}
}
 
html #vector-user-links-dropdown #pt-logout a,
 
html .vector-user-menu #pt-logout a {
/* Remove any residual top/bottom spacing around parser output */
color: #fca5a5 !important;
body.page-Main_Page .mw-parser-output > p:first-child {
    display: none !important;
}
}
 
html #vector-user-links-dropdown #pt-logout a:hover,
 
html .vector-user-menu #pt-logout a:hover {
/* No outer spacing around homepage */
background-color: rgba(239, 68, 68, 0.25) !important;
body.page-Main_Page #vani-home {
color: #ffffff !important;
    margin: 0 !important;
}
}
 
@media screen and (max-width:768px) {
body.page-Main_Page .mw-footer-container,
.vh-bottom-bar-inner {
body.page-Main_Page footer,
justify-content: flex-start !important;
body.page-Main_Page #footer {
padding: 0 14px !important;
    display: none !important;
gap: 10px !important;
    margin: 0 !important;
overflow-x: auto !important;
    padding: 0 !important;
-webkit-overflow-scrolling: touch !important;
    height: 0 !important;
    min-height: 0 !important;
}
}
 
.vh-bottom-link.vh-bottom-home {
body.page-Main_Page .mw-jump-link {
display: inline-flex !important;
    display: none !important;
flex-shrink: 0 !important;
}
}
body.page-Main_Page,
body.page-Main_Page .mw-page-container,
body.page-Main_Page .mw-page-container-inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: #f6f2e9 !important;
}
}
 
body.ext-vp3d-fullscreen #vh-bottom-bar,
.vh-intro::before {
body.ext-vp3d-fullscreen .minerva-header,
    content: "";
body.ext-vp3d-fullscreen .vector-header-container,
 
body.ext-vp3d-fullscreen #mw-head,
    position: absolute;
body.ext-vp3d-fullscreen .mw-header,
    z-index: -1;
body:has(.vp-entry3d-container) #vh-bottom-bar,
 
body:has(.vp-entry3d-container) .minerva-header,
    left: -20px;
body:has(.vp-entry3d-container) .vector-header-container,
    top: 0;
body:has(.vp-entry3d-wrapper) #vh-bottom-bar,
    bottom: 0;
body:has(.vp-entry3d-wrapper) .minerva-header,
 
body:has(.vp-entry3d-wrapper) .vector-header-container {
    width: 500px;
display: none !important;
    height: 500px;
visibility: hidden !important;
    pointer-events: none;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
}
}
 
#vani-stage-header-slot .minerva-header,
body.page-Main_Page #vani-home .vh-main-title,
#vani-stage-header-slot .vector-header-container,
body.page-Main_Page #vani-home .vh-gold-rule,
#vani-stage-header-slot #mw-head {
body.page-Main_Page #vani-home .vh-description {
position: static !important;
    position: relative !important;
width: 100% !important;
    left: 60px !important;
height: 100% !important;
max-height: 100% !important;
min-height: 100% !important;
margin: 0 !important;
padding: 0 12px !important;
box-shadow: none !important;
border: none !important;
background-color: #526B50 !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
}
}
 
#vani-stage-footer-slot #vh-bottom-bar,
/* ==========================================================
#vani-stage-footer-slot .vh-bottom-bar {
  FROM HIS LETTERS — LEFT PANEL
position: static !important;
  ========================================================== */
width: 100% !important;
 
height: 100% !important;
/*
margin: 0 !important;
* Keep .vh-now because it positions the left column.
padding: 0 !important;
* It is now only an internal technical class name.
border: none !important;
*/
box-shadow: none !important;
 
background-color: transparent !important;
.vh-now {
display: flex !important;
    position: absolute;
align-items: center !important;
    z-index: 15;
justify-content: center !important;
 
    top: 28px;
    left: -20px;
 
    width: 180px;
    height: calc(100% - 0px);
 
    box-sizing: border-box;
 
    padding: 20px 18px 20px 0;
 
    border-right: 1px solid rgba(177,135,61,.35);
 
    text-align: left;
 
    font-size: 11px;
    line-height: 1.42;
}
}
 
#vani-stage-footer-slot .vh-bottom-bar-inner {
.vh-letter-heading {
display: flex !important;
    display: block;
align-items: center !important;
    width: 100%;
justify-content: center !important;
    height: auto;
width: 100% !important;
 
height: 100% !important;
    margin: 0 0 22px;
gap: 14px !important;
    padding: 0;
padding: 0 16px !important;
 
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
 
    color: var(--gold);
 
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: .12em;
 
    text-align: center;
}
}
 
#vani-stage-header-slot #vanipedia-mobile-user-menu {
/* ==========================================================
position: absolute !important;
  HERO TITLE — WHO IS REVEAL
top: 48px !important;
  ========================================================== */
right: 8px !important;
 
z-index: 1000000 !important;
.vh-hero-title-wrap {
    position: relative;
    display: inline-block;
}
}
 
#mw-mf-page-left.navigation-drawer {
.vh-hero-title-link {
z-index: 1000005 !important;
    position: relative;
    display: inline-block;
}
}
 
#vani-stage-header-slot .vector-header,
/* MediaWiki-generated link wrapping everything */
#vani-stage-header-slot .mw-header {
 
width: 100% !important;
.vh-hero-title-link > a {
max-width: 100% !important;
    display: block;
height: 100% !important;
    position: relative;
display: flex !important;
 
flex-direction: row !important;
    color: inherit;
align-items: center !important;
    text-decoration: none !important;
justify-content: space-between !important;
padding: 0 12px !important;
box-sizing: border-box !important;
}
}
 
#vani-stage-header-slot .vector-header-start {
.vh-who-corner {
display: flex !important;
    position: absolute;
flex-direction: row !important;
 
align-items: center !important;
    /* VERTICAL POSITION */
gap: 12px !important;
    top: 3px;
flex: 1 1 auto !important;
 
    /* HORIZONTAL POSITION */
    right: -5px;
 
    /* SIZE */
font-size: 40px;
 
    color: var(--green);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 700;
    line-height: .88;
    letter-spacing: -.025em;
 
    white-space: nowrap;
 
    opacity: 0;
    transform: translateX(-18px);
 
    transition:
        opacity .45s ease,
        transform .55s cubic-bezier(.22,.7,.25,1);
}
}
 
#vani-stage-header-slot .vector-header-end {
/* Reveal */
display: flex !important;
 
flex-direction: row !important;
.vh-hero-title-wrap:hover .vh-who-corner {
align-items: center !important;
    opacity: 1;
gap: 10px !important;
    transform: translateX(0);
flex: 0 0 auto !important;
}
}
 
body.has-vani-stage>.vector-header-container,
 
body.has-vani-stage>.vector-sticky-header-container,
/* No standard link effects */
body.has-vani-stage>#mw-head,
 
body.has-vani-stage>#vh-bottom-bar {
.vh-hero-title-link a:hover,
display: none !important;
.vh-hero-title-link a:visited {
    color: inherit;
    text-decoration: none !important;
}
}
 
#mw-mf-page-left {
/* ==========================================================
background-color: #f6f2e9 !important;
  WHO IS ŚRĪLA PRABHUPĀDA?
border-right: 2px solid #b1873d !important;
  ========================================================== */
box-shadow: 4px 0 20px rgba(0, 0, 0, 0.45) !important;
 
padding: 12px 10px !important;
.vh-who-link {
box-sizing: border-box !important;
    position: absolute;
width: 290px !important;
 
max-width: 85vw !important;
    left: 4px;
    bottom: -39px;
 
    z-index: 30;
 
    opacity: 0;
    transform: translateY(-7px);
 
    pointer-events: none;
 
    transition:
        opacity .35s ease,
        transform .35s ease;
}
}
 
#mw-mf-page-left>ul#p-navigation,
 
#mw-mf-page-left>ul#p-personal,
.vh-who-link a {
#mw-mf-page-left>ul.hlist,
    display: inline-flex;
#mw-mf-page-left .menu__item--nearby,
    align-items: center;
#mw-mf-page-left .menu__item--random {
    gap: 9px;
display: none !important;
 
    padding: 8px 13px 7px;
 
    border: 1px solid rgba(177,135,61,.65);
    border-radius: 2px;
 
    background: rgba(246,242,233,.88);
 
    color: var(--gold);
 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
 
    letter-spacing: .10em;
    text-transform: uppercase;
 
    text-decoration: none !important;
 
    transition:
        color .25s ease,
        border-color .25s ease,
        background .25s ease;
}
}
 
#mw-mf-page-left #vani-mobile-synced-sidebar {
 
width: 100% !important;
.vh-who-arrow {
padding: 0 !important;
    position: relative;
margin: 0 !important;
    top: -1px;
 
    font-size: 14px;
    line-height: 1;
 
    transition: transform .25s ease;
}
}
 
#mw-mf-page-left .vanipedia-sidebar-menu {
 
width: 100% !important;
/* Reveal ONLY when interacting with the hero title */
max-width: 100% !important;
 
box-sizing: border-box !important;
.vh-hero-title-wrap:hover .vh-who-link {
margin-bottom: 6px !important;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
}
 
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-heading {
 
cursor: pointer !important;
/* Button hover */
background-color: #2c4c50 !important;
 
border: 1px solid #1b3033 !important;
.vh-who-link a:hover {
border-radius: 4px !important;
    color: var(--green);
margin-bottom: 4px !important;
 
padding: 10px 14px !important;
    border-color: var(--gold);
font-weight: 600 !important;
 
font-size: 14px !important;
    background: rgba(246,242,233,.98);
color: #ffffff !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
box-sizing: border-box !important;
transition: all 0.2s ease !important;
}
}
 
#mw-mf-page-left .vanipedia-sidebar-menu:not(.vanipedia-collapsed) .vector-menu-heading {
.vh-who-link a:hover .vh-who-arrow {
border-radius: 4px 4px 0 0 !important;
    transform: translateX(3px);
margin-bottom: 0 !important;
}
}
 
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-heading:hover {
.vh-lifeline-window {
background-color: #385e63 !important;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}
}
 
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-heading::after {
.vh-lifeline-window.is-dragging {
content: "▼" !important;
    cursor: grabbing;
font-size: 0.75em !important;
color: #ffffff !important;
transition: transform 0.2s ease !important;
}
}
 
#mw-mf-page-left .vanipedia-sidebar-menu.vanipedia-collapsed .vector-menu-heading::after {
.vh-timeline-item {
transform: rotate(-90deg) !important;
    -webkit-user-drag: none;
    user-drag: none;
}
}
 
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content {
.vh-timeline-item:hover .vh-timeline-dot {
background-color: #eaeff0 !important;
    transform: scale(1.5);
border: 1px solid #2c4c50 !important;
border-top: none !important;
border-radius: 0 0 4px 4px !important;
padding: 0 0 4px 0 !important;
margin-bottom: 6px !important;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15) !important;
box-sizing: border-box !important;
}
}
 
#mw-mf-page-left .vanipedia-sidebar-menu.vanipedia-collapsed .vector-menu-content {
.vh-timeline-dot {
display: none !important;
    transition: transform .2s ease;
}
}
 
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content ul {
/* Timeline must follow JS position immediately */
list-style: none !important;
body.page-Main_Page #vani-home .vh-timeline-track {
margin: 0 !important;
    transition: none !important;
padding: 0 !important;
    animation: none !important;
    scroll-behavior: auto !important;
    transform-origin: 0 0;
}
}
 
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content li a {
body.page-Main_Page #vani-home .vh-timeline-item {
display: block !important;
    transition: none !important;
padding: 9px 14px 9px 18px !important;
color: #1b3033 !important;
font-size: 14px !important;
text-decoration: none !important;
border-left: 3px solid transparent !important;
border-bottom: 1px solid rgba(44, 76, 80, 0.1) !important;
transition: all 0.15s ease !important;
}
}
 
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content li:last-child a {
/* ==========================================================
border-bottom: none !important;
  VIRTUAL TIMELINE PERFORMANCE
  ========================================================== */
 
body.page-Main_Page #vani-home .vh-timeline-track {
    display: flex;
    position: absolute;
 
    top: 0;
    left: 0;
 
    height: 100%;
 
    transition: none !important;
    animation: none !important;
 
    will-change: transform;
 
    transform-style: flat;
}
}
 
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content li a:hover {
body.page-Main_Page #vani-home .vh-timeline-item {
background-color: #dbe4e6 !important;
    flex: 0 0 220px;
border-left: 3px solid #2c4c50 !important;
 
color: #000000 !important;
    width: 220px;
 
    transition: none !important;
    animation: none !important;
 
    -webkit-user-drag: none;
}
}
 
#mw-mf-page-left #sidebarLanguageSearch {
body.page-Main_Page #vani-home .vh-lifeline-window {
width: 100% !important;
    cursor: grab;
box-sizing: border-box !important;
 
padding: 7px 10px !important;
    user-select: none;
font-size: 14px !important;
    -webkit-user-select: none;
border: 1px solid #a2a9b1 !important;
 
border-radius: 3px !important;
    touch-action: pan-y;
background-color: #ffffff !important;
color: #1a1a1a !important;
margin-bottom: 4px !important;
}
}
 
.vector-header-start {
body.page-Main_Page #vani-home .vh-lifeline-window.is-dragging {
display: flex !important;
    cursor: grabbing;
flex-direction: row !important;
align-items: center !important;
flex-wrap: nowrap !important;
}
}
 
.vector-header-start .vector-main-menu-landmark,
/* ==========================================================
.vector-header-start #vector-main-menu-dropdown {
  TIMELINE YEAR NAVIGATION
order: 1 !important;
  ========================================================== */
 
.vh-timeline-section {
    position: relative;
    top: 12px;
}
}
 
.vector-header-start .mw-logo {
.vh-timeline-years {
order: 2 !important;
    display: flex !important;
display: none !important;
    align-items: center;
    justify-content: center;
 
    width: 100%;
 
    gap: 22px;
 
    margin: 0 0 10px;
    padding: 0;
    position: relative;
    top: 35px;
    white-space: nowrap;
 
    font-family: Arial, Helvetica, sans-serif;
}
}
 
.vector-header-start #p-search,
.vh-timeline-years .vh-year {
.vector-header-container #p-search,
    display: inline-block;
.mw-header #p-search,
 
div#p-search {
    margin: 0;
order: 5 !important;
    padding: 4px 2px;
margin-right: 0 !important;
 
    color: rgba(18,63,56,.62);
 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
 
    letter-spacing: .04em;
 
    cursor: pointer;
 
    user-select: none;
    -webkit-user-select: none;
 
    transition:
        color .2s ease,
        transform .2s ease;
}
}
 
.vector-header-start #vanipedia-topbar-home-link,
.vh-timeline-years .vh-year:hover {
.vector-header-container #vanipedia-topbar-home-link,
    color: var(--gold);
#vanipedia-topbar-home-link,
    transform: translateY(-1px);
a.vanipedia-topbar-home {
order: 10 !important;
margin-left: 10px !important;
margin-right: 14px !important;
color: #f5d77f !important;
text-decoration: none !important;
text-decoration-line: none !important;
border: none !important;
border-bottom: none !important;
outline: none !important;
box-shadow: none !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 14.5px !important;
font-weight: 600 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
padding: 5px 10px !important;
border-radius: 4px !important;
background: transparent !important;
background-color: transparent !important;
transition: all 0.2s ease !important;
cursor: pointer !important;
flex-shrink: 0 !important;
line-height: 1 !important;
visibility: visible !important;
opacity: 1 !important;
}
}
 
a.vanipedia-topbar-home:hover,
.vh-timeline-years .vh-year.is-active {
a.vanipedia-topbar-home:active,
    color: var(--gold);
.vector-header-container a.vanipedia-topbar-home:hover,
    font-weight: 700;
.vector-header-container #vanipedia-topbar-home-link:hover,
.minerva-header a.vanipedia-topbar-home:hover,
#vani-stage-header-slot a.vanipedia-topbar-home:hover {
color: #ffffff !important;
background-color: rgba(245, 215, 127, 0.2) !important;
text-decoration: none !important;
text-decoration-line: none !important;
border-bottom: none !important;
transform: translateY(-1px) !important;
}
}
 
.vanipedia-topbar-home .vanipedia-home-icon {
/* Random quotes */
display: inline-flex !important;
.vh-quote {
align-items: center !important;
    height: 82px;
justify-content: center !important;
    display: flex;
line-height: 1 !important;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 0 40px;
    border-top: 1px solid rgba(177,135,61,.25);
    border-bottom: 1px solid rgba(177,135,61,.25);
    margin-top: 26px;
}
}
 
.vanipedia-topbar-home .vanipedia-home-icon svg {
.vh-quote-inner {
width: 18px !important;
    flex: 1 1 auto;
height: 18px !important;
    min-width: 0;
stroke: #f5d77f !important;
    max-width: 1500px;
fill: none !important;
    text-align: center;
stroke-width: 2 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
transition: stroke 0.2s ease, transform 0.2s ease !important;
display: inline-block !important;
vertical-align: middle !important;
}
}
 
.vanipedia-topbar-home:hover .vanipedia-home-icon svg {
.vh-quote-text {
stroke: #ffffff !important;
    display: block;
transform: scale(1.1) !important;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
 
    color: var(--text);
    font-size: clamp(20px, 1.65vw, 29px);
    line-height: 1.16;
}
}
 
.vanipedia-topbar-home .vanipedia-home-text {
.vh-quote-source {
display: inline-block !important;
    margin-top: 7px;
line-height: 1 !important;
    display: flex;
text-decoration: none !important;
    align-items: center;
    justify-content: center;
    gap: 18px;
 
    color: var(--gold);
    font-size: 12px;
    line-height: 1;
}
}
 
@media screen and (max-width:900px) {
.vh-quote-source::before,
.vector-header-start #p-search,
.vh-quote-source::after {
.vector-header-container #p-search,
    content: "";
.mw-header #p-search {
    width: 74px;
flex: 1 1 auto !important;
    height: 1px;
max-width: calc(100vw - 160px) !important;
    background: rgba(177,135,61,.45);
    flex: 0 0 auto;
}
}
 
.vanipedia-topbar-home .vanipedia-home-text {
.vh-quote-source a {
display: none !important;
    color: inherit !important;
    text-decoration: none !important;
}
}
 
.vector-header-start #vanipedia-topbar-home-link,
.vh-quote-source a:hover {
.vector-header-container #vanipedia-topbar-home-link,
    color: var(--green) !important;
#vanipedia-topbar-home-link,
a.vanipedia-topbar-home {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
width: 32px !important;
height: 32px !important;
padding: 0 !important;
margin: 0 4px !important;
border-radius: 50% !important;
order: 10 !important;
}
}
 
.vanipedia-topbar-home .vanipedia-home-icon svg {
.vh-quote-mark {
width: 20px !important;
    position: relative;
height: 20px !important;
    top: 15px;
 
    flex: 0 0 auto;
    color: var(--gold);
    font-size: 93px;
    line-height: 1;
}
}
#vh-random-quote,
#vh-random-quote-source {
    transition: opacity .45s ease;
}
}
 
.minerva-header .vanipedia-topbar-home,
#vh-random-quote.is-changing,
.minerva-header #vanipedia-topbar-home-link {
#vh-random-quote-source.is-changing {
display: inline-flex !important;
    opacity: 0;
align-items: center !important;
justify-content: center !important;
visibility: visible !important;
opacity: 1 !important;
flex: 0 0 32px !important;
width: 32px !important;
height: 32px !important;
margin: 0 6px !important;
padding: 0 !important;
z-index: 1000 !important;
border-radius: 50% !important;
}
}
 
.minerva-header .vanipedia-topbar-home .vanipedia-home-text {
.vh-featured {
display: none !important;
    width: auto;
    padding-right: 0;
}
}
 
.minerva-header .vanipedia-topbar-home .vanipedia-home-icon svg {
.vh-featured .vh-section-title {
width: 20px !important;
    display: flex;
height: 20px !important;
    align-items: center;
    gap: 12px;
 
    margin-bottom: 13px;
 
    color: var(--gold);
 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
 
    letter-spacing: .08em;
    white-space: nowrap;
}
}
 
#vani-stage-header-slot .vanipedia-topbar-home .vanipedia-home-text {
.vh-featured .vh-section-title::after {
display: none !important;
    content: "";
 
    width: 85px;
    height: 1px;
 
    background: rgba(177,135,61,.45);
}
}
/* ==========================================================
#vani-stage-header-slot .vanipedia-topbar-home {
  BOTTOM AREA
display: inline-flex !important;
  ========================================================== */
visibility: visible !important;
 
opacity: 1 !important;
.vh-bottom {
padding: 0 !important;
    display: grid;
margin: 0 8px !important;
 
width: 34px !important;
    grid-template-columns:
height: 34px !important;
        minmax(760px, 1.3fr)
box-sizing: border-box !important;
        minmax(600px, 1fr);
order: 10 !important;
 
    column-gap: 32px;
 
    align-items: start;
 
    margin-top: 18px;
 
    padding-top: 18px;
    padding-bottom: 10px;
}
}
 
#vani-stage-header-slot .vanipedia-topbar-home .vanipedia-home-icon svg {
.vh-featured,
width: 20px !important;
.vh-network {
height: 20px !important;
    min-width: 0;
}
}
 
#vani-stage-header-slot .vector-header-start #p-search {
/* ==========================================================
order: 5 !important;
  TREASURES OF THE VANI — TITLE
  ========================================================== */
 
.vh-featured .vh-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
 
    margin: 0 0 13px;
 
    color: var(--gold);
 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
 
    letter-spacing: .08em;
    white-space: nowrap;
}
}
 
.vh-bottom-link.vh-bottom-entry,
.vh-featured .vh-section-title::after {
a.vh-bottom-link {
    content: "";
text-decoration: none !important;
 
text-decoration-line: none !important;
    width: 85px;
border-bottom: none !important;
    height: 1px;
 
    background: rgba(177,135,61,.45);
}
}
 
.vh-bottom-link.vh-bottom-entry:hover,
 
a.vh-bottom-link:hover {
/* ==========================================================
text-decoration: none !important;
  TREASURES OF THE VANI — GRID
text-decoration-line: none !important;
  ========================================================== */
 
.vh-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
 
    gap: 14px;
    margin-top: 0;
}
}
 
#vanipedia-topbar-title,
 
span#vanipedia-topbar-title,
/* ==========================================================
a#vanipedia-topbar-title {
  INDIVIDUAL TREASURE CARD
pointer-events: none !important;
  ========================================================== */
cursor: default !important;
 
user-select: text !important;
.vh-feature {
text-decoration: none !important;
    display: grid;
    grid-template-columns: 48% 52%;
 
    height: 125px;
    min-width: 0;
    overflow: hidden;
 
    border-radius: 6px;
 
    background: #f3ecdf;
 
    cursor: pointer;
 
    transition: transform .2s ease;
}
}
 
#vanipedia-topbar-title:hover,
.vh-feature:hover {
span#vanipedia-topbar-title:hover,
    transform: translateY(-2px);
a#vanipedia-topbar-title:hover {
color: #f5d77f !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(245, 215, 127, 0.3) !important;
cursor: default !important;
transform: translate(-50%, -50%) !important;
}
}
 
.vh-bottom-bar-inner {
.vh-feature a {
display: flex !important;
    color: inherit;
align-items: center !important;
    text-decoration: none !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
padding: 0 24px !important;
position: relative !important;
box-sizing: border-box !important;
}
}
 
.vh-bottom-bar-left-space {
 
flex: 1 1 0 !important;
/* ==========================================================
min-width: 0 !important;
  MEDIA AREA
  ========================================================== */
 
.vh-feature-media,
.vh-feature-audio {
    position: relative;
 
    width: 100%;
    height: 125px;
 
    box-sizing: border-box;
    overflow: hidden;
 
    border-radius: 6px 0 0 6px;
 
    background: #f3ecdf;
}
}
 
.vh-bottom-nav-links {
/* Normal video/image cards */
flex: 0 0 auto !important;
 
display: flex !important;
.vh-feature-video .vh-feature-media,
align-items: center !important;
.vh-feature-imagequote .vh-feature-media {
justify-content: center !important;
    background-position: center;
gap: 12px !important;
    background-repeat: no-repeat;
white-space: nowrap !important;
    background-size: cover;
}
}
 
.vh-bottom-bar-right-space {
 
flex: 1 1 0 !important;
/* SHORT
min-width: 0 !important;
  Keep complete vertical YouTube Shorts thumbnail visible.
display: flex !important;
*/
align-items: center !important;
 
justify-content: center !important;
.vh-feature-short .vh-feature-media {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
 
    background-color: #f3ecdf;
}
}
 
.vh-bottom-social-links {
/* ==========================================================
position: static !important;
  TEXT PANEL ON RIGHT
transform: none !important;
  ========================================================== */
display: inline-flex !important;
 
align-items: center !important;
.vh-feature-copy {
gap: 24px !important;
    min-width: 0;
    box-sizing: border-box;
 
    padding: 3px 10px 5px 12px;
 
    background: #f3ecdf;
 
    border-radius: 0 6px 6px 0;
}
}
 
.vh-bottom-social-item {
.vh-feature-copy small,
display: inline-flex !important;
 
align-items: center !important;
/* SHORT / VIDEO / IMAGE QUOTE / NECTAR DROP */
justify-content: center !important;
 
height: 24px !important;
.vh-feature-copy small {
line-height: 0 !important;
    margin-bottom: 5px;
transition: transform 0.2s ease, opacity 0.2s ease !important;
 
text-decoration: none !important;
    color: var(--gold);
 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
 
    letter-spacing: .08em;
    text-transform: uppercase;
}
}
 
.vh-bottom-social-item:hover {
 
transform: scale(1.15) !important;
/* Actual title */
opacity: 0.9 !important;
 
.vh-feature-copy strong {
    display: block;
 
    color: var(--green);
 
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.08;
}
}
 
.vh-bottom-social-item img {
/*
display: block !important;
* Metadata currently not needed.
height: 20px !important;
* Keep it hidden so dates do not appear underneath.
width: auto !important;
*/
max-height: 20px !important;
 
object-fit: contain !important;
.vh-feature-copy span {
border: none !important;
    display: none;
}
}
 
body.page-Main_Page .vector-header-container,
/* ==========================================================
.vector-header-container,
  NECTAR DROP
.vector-header-container.vector-sticky-header-container {
  ========================================================== */
background: transparent !important;
 
background-color: transparent !important;
.vh-feature-audio {
background-image: none !important;
    display: flex;
border: none !important;
    align-items: center;
border-bottom: none !important;
    justify-content: center;
box-shadow: none !important;
 
padding: 0 !important;
    background: #f3ecdf;
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
}
}
 
header.mw-header,
.vh-feature-audio-icon {
header.vector-header,
    display: flex;
body.page-Main_Page #mw-head,
    align-items: center;
body.page-Main_Page .vector-header-container header.mw-header {
    justify-content: center;
width: 100% !important;
width: 42px;
max-width: 100% !important;
height: 42px;
height: auto !important;
font-size: 37px;
min-height: 86px !important;
 
max-height: 96px !important;
    border: 1px solid rgba(177,135,61,.50);
padding: 10px 24px !important;
    border-radius: 50%;
background: #526B50 !important;
 
background-color: #526B50 !important;
    color: var(--gold);
border-bottom: 2px solid #b1873d !important;
    line-height: 1;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
 
display: flex !important;
    cursor: pointer;
align-items: center !important;
 
justify-content: space-between !important;
    transition:
position: relative !important;
        transform .2s ease,
box-sizing: border-box !important;
        background .2s ease;
}
}
 
.vanipedia-topbar-center-block {
.vh-feature-nectar:hover .vh-feature-audio-icon {
position: absolute !important;
    transform: scale(1.06);
left: 50% !important;
    background: rgba(177,135,61,.08);
top: 54% !important;
transform: translate(-50%, -50%) !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
white-space: nowrap !important;
z-index: 10 !important;
pointer-events: auto !important;
line-height: 1 !important;
}
}
 
#vanipedia-topbar-center-block * {
 
position: static !important;
/* ==========================================================
transform: none !important;
  VANI NETWORK
  ========================================================== */
 
.vh-network .vh-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
 
    margin: 0 0 13px;
 
    color: var(--gold);
 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .08em;
 
    white-space: nowrap;
}
}
 
.vanipedia-topbar-main-title,
.vh-network .vh-section-title::after {
#vanipedia-topbar-title {
    content: "";
position: static !important;
    width: 85px;
transform: none !important;
    height: 1px;
display: block !important;
 
font-family: 'Cinzel', Georgia, serif !important;
    background: rgba(177,135,61,.45);
font-size: 17.5px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
color: #f5d77f !important;
text-decoration: none !important;
text-decoration-line: none !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(245, 215, 127, 0.3) !important;
line-height: 1.25 !important;
margin: 0 0 4px 0 !important;
padding: 0 !important;
pointer-events: none !important;
user-select: text !important;
}
}
 
.vanipedia-topbar-vaniseva-title {
 
position: static !important;
.vh-network-row {
transform: none !important;
    display: flex !important;
display: block !important;
    flex-direction: row !important;
margin: 0 0 4px 0 !important;
    align-items: stretch;
line-height: 1.2 !important;
 
    width: 100%;
    height: 125px;
}
}
 
.vanipedia-topbar-vaniseva-title a {
 
color: #fff2c4 !important;
.vh-network-stat {
font-family: 'Noto Serif', Georgia, serif !important;
    flex: 0 0 120px;
font-size: 12.5px !important;
    min-width: 120px;
font-style: normal !important;
 
font-weight: 500 !important;
    box-sizing: border-box;
letter-spacing: 0.35px !important;
 
text-decoration: none !important;
    padding: 5px 10px 0;
text-decoration-line: none !important;
 
border: 1px solid rgba(223, 173, 62, 0.35) !important;
    text-align: center;
border-bottom: 1px solid rgba(223, 173, 62, 0.35) !important;
    border-left: 1px solid rgba(18,63,56,.16);
background: rgba(245, 215, 127, 0.08) !important;
    border-right: 1px solid rgba(18,63,56,.16);
outline: none !important;
 
padding: 2px 14px !important;
    cursor: pointer;
border-radius: 12px !important;
 
cursor: pointer !important;
    transition:
transition: all 0.2s ease !important;
        background .22s ease,
display: inline-block !important;
        transform .22s ease;
}
}
 
.vanipedia-topbar-vaniseva-title a:hover,
 
.vanipedia-topbar-vaniseva-title a:focus,
.vh-network-stat > a {
.vanipedia-topbar-vaniseva-title a:active {
    display: block;
color: #ffffff !important;
    width: 100%;
text-decoration: none !important;
    height: 100%;
text-decoration-line: none !important;
 
border-color: rgba(223, 173, 62, 0.7) !important;
    color: inherit !important;
background-color: rgba(245, 215, 127, 0.22) !important;
    text-decoration: none !important;
box-shadow: 0 0 10px rgba(245, 215, 127, 0.3) !important;
}
}
 
.vanipedia-topbar-sister-links {
 
position: static !important;
.vh-network-stat:hover {
transform: none !important;
    background: rgba(177,135,61,.08);
display: flex !important;
    transform: translateY(-3px);
align-items: center !important;
justify-content: center !important;
gap: 14px !important;
margin: 0 !important;
line-height: 1.2 !important;
}
}
 
.vanipedia-topbar-sister-link {
 
color: #f5d77f !important;
.vh-network-stat:hover .vh-network-icon {
font-family: 'Noto Serif', Georgia, serif !important;
    transform: scale(1.12);
font-size: 12px !important;
    color: var(--gold);
font-weight: 600 !important;
letter-spacing: 0.4px !important;
text-decoration: none !important;
text-decoration-line: none !important;
border: none !important;
border-bottom: none !important;
outline: none !important;
padding: 1px 6px !important;
border-radius: 3px !important;
transition: all 0.18s ease !important;
display: inline-flex !important;
align-items: center !important;
cursor: pointer !important;
}
}
 
.vanipedia-topbar-sister-link:hover,
 
.vanipedia-topbar-sister-link:focus,
.vh-network-stat:hover strong {
.vanipedia-topbar-sister-link:active {
    color: var(--gold);
color: #ffffff !important;
text-decoration: none !important;
text-decoration-line: none !important;
border-bottom: none !important;
background-color: rgba(245, 215, 127, 0.18) !important;
}
}
 
.vanipedia-topbar-sister-sep {
 
color: rgba(245, 215, 127, 0.4) !important;
.vh-network-icon {
font-size: 10px !important;
    display: flex;
line-height: 1 !important;
    align-items: center;
user-select: none !important;
    justify-content: center;
 
    height: 42px;
 
    color: var(--green);
 
    font-size: 32px;
    line-height: 1;
 
    transition:
        transform .22s ease,
        color .22s ease;
}
}
 
body.skin-minerva .minerva-header {
 
flex-wrap: nowrap !important;
.vh-icon-quotes {
height: 52px !important;
    font-family: Georgia, "Times New Roman", serif;
min-height: 52px !important;
    font-size: 60px;
max-height: 52px !important;
    line-height: 1;
padding: 0 10px !important;
 
display: flex !important;
    position: relative;
flex-direction: row !important;
    top: 10px;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
background-color: #526B50 !important;
border-bottom: 2px solid #b1873d !important;
}
}
 
.minerva-header .navigation-drawer.toggle-list,
.vh-network-stat strong {
.minerva-header #mw-mf-main-menu-button,
    display: block;
.minerva-header .toggle-list__toggle {
 
flex: 0 0 32px !important;
    margin-top: -8px;
width: 32px !important;
 
height: 32px !important;
    color: var(--green);
display: flex !important;
 
align-items: center !important;
    font-family: Georgia, "Times New Roman", serif;
justify-content: center !important;
    font-weight: 400;
background: transparent !important;
    white-space: nowrap;
border: none !important;
    line-height: 1;
cursor: pointer !important;
    font-size: 21px;
margin: 0 !important;
padding: 0 !important;
}
}
 
.minerva-header .minerva-icon--menu,
 
.minerva-header #mw-mf-main-menu-button .minerva-icon--menu {
.vh-icon-quotes + strong {
background-color: #f5d77f !important;
    white-space: normal;
display: inline-block !important;
    line-height: 1;
width: 24px !important;
    font-size: 19px;
height: 24px !important;
}
}
 
body.skin-minerva .minerva-header .branding-box,
 
.minerva-header .branding-box {
.vh-network-stat small {
display: flex !important;
    display: block;
visibility: visible !important;
 
opacity: 1 !important;
    margin-top: 8px;
align-items: center !important;
 
flex: 1 1 auto !important;
    color: var(--green);
margin: 0 0 0 14px !important;
 
padding: 0 !important;
    font-family: Arial, Helvetica, sans-serif;
min-width: 0 !important;
    font-size: 9px;
overflow: visible !important;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .04em;
}
}
 
body.skin-minerva .minerva-header .branding-box a,
/* ==========================================================
.minerva-header .branding-box a {
  VANI NETWORK MISSION
display: inline-flex !important;
  ========================================================== */
align-items: center !important;
 
visibility: visible !important;
.vh-network-mission {
opacity: 1 !important;
    display: flex;
text-decoration: none !important;
    align-items: center;
color: #f5d77f !important;
 
    flex: 1 1 auto;
    min-width: 430px;
    height: 125px;
 
    box-sizing: border-box;
    padding: 0 0px 0 10px;
 
    border-left: 1px solid rgba(18,63,56,.16);
 
    cursor: pointer;
    transition: background .22s ease;
}
}
 
body.skin-minerva .minerva-header .branding-box a::before,
.vh-network-world {
.minerva-header .branding-box a::before {
    flex: 0 0 150px;
content: "Vanipedia" !important;
 
display: inline-block !important;
    display: flex;
visibility: visible !important;
    align-items: center;
opacity: 1 !important;
    justify-content: flex-start;
color: #f5d77f !important;
 
font-family: 'DM Serif Display', 'Cormorant Garamond', Georgia, serif !important;
    margin-right: 0px;
font-size: 19px !important;
font-weight: 700 !important;
letter-spacing: 0.8px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
}
 
body.skin-minerva .minerva-header .branding-box a>span,
.vh-network-mission-text {
.minerva-header .branding-box a>span,
    flex: 1 1 auto;
body.skin-minerva .minerva-header .branding-box a>img,
    min-width: 250px;
.minerva-header .branding-box a>img {
 
display: none !important;
    color: var(--green);
 
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
}
}
 
.minerva-header a.vanipedia-topbar-home {
.vh-network-mission:hover {
flex: 0 0 28px !important;
    background: rgba(177,135,61,.08);
width: 28px !important;
height: 28px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 4px !important;
padding: 0 !important;
border-radius: 50% !important;
background: transparent !important;
color: #f5d77f !important;
}
}
 
.minerva-header .minerva-search-form {
.vh-network-mission:hover .vh-network-world img {
flex: 0 0 32px !important;
    transform: scale(1.05);
width: 32px !important;
    opacity: 1;
height: 32px !important;
}
margin: 0 4px !important;
 
display: flex !important;
/* ==========================================================
align-items: center !important;
  RESPONSIVE BOTTOM AREA
justify-content: center !important;
  ========================================================== */
position: static !important;
 
@media (max-width: 1500px) {
 
    .vh-bottom {
        grid-template-columns:
            minmax(650px, 1.2fr)
            minmax(650px, 1fr);
 
        column-gap: 20px;
    }
 
    .vh-feature-grid {
        gap: 10px;
    }
 
    .vh-feature {
        grid-template-columns: 47% 53%;
    }
 
    .vh-feature-copy {
        padding-left: 9px;
        padding-right: 7px;
    }
 
    .vh-network-stat {
        flex: 0 0 110px;
        min-width: 110px;
    }
}
 
 
@media (max-width: 1365px) {
 
    .vh-bottom {
        grid-template-columns:
            minmax(600px, 1.1fr)
            minmax(620px, 1fr);
    }
 
    .vh-feature-grid {
        gap: 8px;
    }
 
    .vh-network-stat {
        flex: 0 0 105px;
        min-width: 105px;
    }
}
 
/* =====================================================
  SOCIAL PLATFORM STATISTICS
  ===================================================== */
 
/* Month / year title */
 
.social-stats-title {
    margin: 30px 0 10px;
    padding-bottom: 7px;
 
    font-size: 25px;
    line-height: 1.25;
    font-weight: 700;
 
    color: #202122;
    border-bottom: 2px solid #2a4452;
}
 
 
/* Clickable statistics bar */
 
.social-stats-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch;
 
    width: 100%;
    box-sizing: border-box;
 
    background: #fff;
    border: 2px solid #2a4452;
    border-radius: 8px;
 
    overflow: hidden;
    cursor: pointer;
}
 
.social-stats-header:hover {
    background: #7fbd97;
}
}
 
.minerva-header #searchIcon {
 
width: 32px !important;
/* Platform blocks */
height: 32px !important;
 
display: flex !important;
.social-stats-platform {
align-items: center !important;
    flex: 1 1 0;
justify-content: center !important;
    min-width: 0;
background: transparent !important;
 
border: none !important;
    display: flex;
cursor: pointer !important;
    flex-direction: column;
padding: 0 !important;
    justify-content: center;
margin: 0 !important;
 
    padding: 16px 20px;
 
    border-right: 1px solid #c8ccd1;
}
}
 
.minerva-header .minerva-icon--search,
.social-stats-name {
.minerva-header #searchIcon .minerva-icon--search {
    margin-bottom: 4px;
background-color: #f5d77f !important;
 
display: inline-block !important;
    font-size: 12px;
width: 22px !important;
    font-weight: 600;
height: 22px !important;
    color: #72777d;
 
    text-transform: uppercase;
    letter-spacing: .04em;
}
}
 
.minerva-header .minerva-user-navigation {
.social-stats-views {
flex: 0 0 32px !important;
    font-size: 21px;
width: 32px !important;
    line-height: 1.2;
height: 32px !important;
    font-weight: 700;
margin: 0 !important;
 
display: flex !important;
    color: #202122;
align-items: center !important;
justify-content: center !important;
position: static !important;
}
}
 
.minerva-header #ca-mytalks {
 
width: 32px !important;
/* Details */
height: 32px !important;
 
display: flex !important;
.social-stats-open {
align-items: center !important;
    display: flex;
justify-content: center !important;
    align-items: center;
background: transparent !important;
    justify-content: center;
border: none !important;
    gap: 7px;
cursor: pointer !important;
 
padding: 0 !important;
    padding: 0 20px;
margin: 0 !important;
 
    font-size: 14px;
    font-weight: 600;
 
    color: #2a4452;
    background: #eef2f4;
 
    white-space: nowrap;
}
}
 
.minerva-header .minerva-icon--bellOutline,
.social-stats-arrow {
.minerva-header #ca-mytalks .minerva-icon--bellOutline {
    font-size: 10px;
background-color: #f5d77f !important;
display: inline-block !important;
width: 22px !important;
height: 22px !important;
}
}
 
body.skin-minerva .vanipedia-topbar-center-block,
 
body.skin-minerva #vanipedia-topbar-center-block,
/* Expanded report */
body.skin-minerva #vanipedia-topbar-center-block-mobile,
 
body.skin-minerva .vanipedia-topbar-main-title,
.social-stats-details {
body.skin-minerva .vanipedia-topbar-vaniseva-title,
    box-sizing: border-box;
body.skin-minerva .vanipedia-topbar-sister-links,
 
body.skin-minerva .vanipedia-topbar-sister-link,
    margin-top: -2px;
body.skin-minerva .vanipedia-topbar-sister-sep {
    padding: 24px 28px 30px;
display: none !important;
 
height: 0 !important;
    background: #fff;
min-height: 0 !important;
 
max-height: 0 !important;
    border: 2px solid #2a4452;
visibility: hidden !important;
    border-top: 1px solid #c8ccd1;
overflow: hidden !important;
    border-radius: 0 0 8px 8px;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
}
 
body.skin-minerva .vh-bottom-social-links,
.social-stats-number {
body.skin-minerva .vh-bottom-bar-right-space {
    font-size: 21px;
display: none !important;
    line-height: 1.15;
width: 0 !important;
    font-weight: 700;
    color: #202122;
}
}
 
body.skin-minerva .vh-bottom-bar-left-space {
.social-stats-view-label {
display: none !important;
    margin-top: 2px;
 
    font-size: 11px;
    line-height: 1.2;
 
    color: #72777d;
}
}
 
body.skin-minerva .vh-bottom-bar-inner {
/* ==========================================================
justify-content: center !important;
  IMAGE QUOTE POPUP
padding: 0 10px !important;
  ========================================================== */
 
#vh-imagequote-lightbox {
    position: fixed;
    z-index: 100000;
 
    /* positioned by JS */
    top: auto;
    left: auto;
 
    display: block;
    padding: 0;
 
    background: transparent;
 
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
 
    transition:
        opacity .2s ease,
        visibility .2s ease;
}
}
 
body.skin-minerva .vh-bottom-nav-links {
#vh-imagequote-lightbox.is-open {
width: 100% !important;
    opacity: 1;
justify-content: center !important;
    visibility: visible;
gap: 8px !important;
    pointer-events: auto;
font-size: 11px !important;
}
}
 
@media screen and (max-width:1200px) and (min-width:1000px) {
#vh-imagequote-lightbox img {
.vanipedia-topbar-main-title {
    display: block;
font-size: 16px !important;
 
letter-spacing: 1.5px !important;
    width: 20vw;
    max-width: 380px;
    min-width: 260px;
    height: auto;
    max-height: 55vh;
 
    object-fit: contain;
 
    border-radius: 6px;
 
    box-shadow:
        0 8px 28px
        rgba(0, 0, 0, .28);
}
}
 
.vanipedia-topbar-vaniseva-title a {
.vh-imagequote-lightbox-close {
font-size: 11.5px !important;
    position: absolute;
padding: 2px 10px !important;
    z-index: 2;
 
    top: 5px;
    right: 7px;
 
    width: 28px;
    height: 28px;
 
    padding: 0;
    border: 0;
    border-radius: 50%;
 
    background: rgba(0, 0, 0, .55);
    color: #fff;
 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 26px;
 
    cursor: pointer;
}
}
 
.vanipedia-topbar-sister-link {
/* Nectar Drop audio activity */
font-size: 11.5px !important;
 
.vh-feature-audio {
    flex-direction: column;
    gap: 10px;
}
}
.vh-nectar-wave {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 18px;
    opacity: 0;
    transition: opacity .2s ease;
}
}
 
@media screen and (max-width:999px) {
.vh-nectar-wave.is-playing {
header.mw-header,
    opacity: 1;
header.vector-header,
.vector-header-container .mw-header {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
padding: 0 10px !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
background-color: #526B50 !important;
border-bottom: 2px solid #b1873d !important;
}
}
 
.vector-header-start {
.vh-nectar-wave span {
display: flex !important;
    width: 2px;
flex-direction: row !important;
    height: 4px;
align-items: center !important;
 
flex-wrap: nowrap !important;
    border-radius: 2px;
flex: 1 1 auto !important;
    background: var(--gold);
min-width: 0 !important;
 
gap: 6px !important;
    transform-origin: center;
}
}
 
.vector-header-start #vector-main-menu-dropdown,
.vh-nectar-wave.is-playing span {
#vector-main-menu-dropdown {
    animation: vhNectarWave .75s ease-in-out infinite alternate;
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
cursor: pointer !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 4px !important;
}
}
 
.vector-header-start #vector-main-menu-dropdown .vector-dropdown-label,
.vh-nectar-wave.is-playing span:nth-child(2) {
.vector-header-start #vector-main-menu-dropdown .vector-main-menu-dropdown-toggle {
    animation-delay: -.45s;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: none !important;
padding: 4px !important;
}
}
 
.vector-header-start #vector-main-menu-dropdown .vector-icon {
.vh-nectar-wave.is-playing span:nth-child(3) {
display: inline-block !important;
    animation-delay: -.20s;
visibility: visible !important;
opacity: 1 !important;
background-color: #f5d77f !important;
color: #f5d77f !important;
fill: #f5d77f !important;
width: 22px !important;
height: 22px !important;
}
}
 
.vector-header-container #p-search,
.vh-nectar-wave.is-playing span:nth-child(4) {
.mw-header #p-search,
    animation-delay: -.60s;
.vector-header-start #p-search {
display: flex !important;
align-items: center !important;
flex: 1 1 auto !important;
min-width: 60px !important;
max-width: calc(100vw - 140px) !important;
margin: 0 !important;
padding: 0 !important;
}
}
 
.vector-header-container .cdx-search-input,
.vh-nectar-wave.is-playing span:nth-child(5) {
.vector-header-container .vector-search-box-input,
    animation-delay: -.30s;
.vector-header-container .cdx-text-input,
.vector-header-start .cdx-text-input {
width: 100% !important;
max-width: 100% !important;
height: 32px !important;
margin: 0 !important;
position: relative !important;
display: flex !important;
align-items: center !important;
}
}
 
.vector-header-container .cdx-text-input__icon,
.vh-nectar-wave.is-playing span:nth-child(6) {
.vector-header-container .cdx-text-input__start-icon,
    animation-delay: -.55s;
.vector-header-start .cdx-text-input__icon,
.vector-header-start .cdx-text-input__start-icon,
#p-search .cdx-text-input__icon,
#p-search .cdx-text-input__start-icon {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
position: absolute !important;
left: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 18px !important;
height: 18px !important;
background-color: #f5d77f !important;
color: #f5d77f !important;
fill: #f5d77f !important;
z-index: 5 !important;
pointer-events: none !important;
}
}
 
.vector-header-container .cdx-text-input__input,
.vh-nectar-wave.is-playing span:nth-child(7) {
.vector-header-container input[type="search"],
    animation-delay: -.10s;
#searchInput {
width: 100% !important;
min-width: 60px !important;
height: 32px !important;
font-size: 13px !important;
padding-left: 32px !important;
padding-right: 8px !important;
box-sizing: border-box !important;
border-radius: 16px !important;
background-color: #1f3e45 !important;
border: 1px solid rgba(245, 215, 127, 0.45) !important;
color: #ffffff !important;
}
}
 
.vanipedia-topbar-home .vanipedia-home-text {
@keyframes vhNectarWave {
display: none !important;
 
    0% {
        height: 3px;
    }
 
    100% {
        height: 16px;
    }
}
}
 
.vector-header-start #vanipedia-topbar-home-link,
/* Nectar audio area — never scroll */
#vanipedia-topbar-home-link,
 
a.vanipedia-topbar-home {
.vh-feature-nectar .vh-feature-audio {
margin: 0 2px !important;
    overflow: hidden !important;
padding: 3px 5px !important;
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
}
}
 
.vector-header-end {
.vh-feature-nectar .vh-nectar-wave {
display: flex !important;
    flex-shrink: 0;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-end !important;
flex: 0 0 auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
}
 
.vector-header-end .vector-user-links,
/* Video + Nectar Drop title limit */
.vector-header-end .vector-user-links-wide,
 
.vector-header-end .vector-user-links-main {
.vh-feature-video .vh-feature-copy strong,
display: flex !important;
.vh-feature-nectar .vh-feature-copy strong {
flex-direction: row !important;
    font-size: 13px;
align-items: center !important;
    line-height: 1.08;
justify-content: flex-end !important;
 
width: auto !important;
    display: -webkit-box;
margin: 0 !important;
    -webkit-box-orient: vertical;
padding: 0 !important;
    -webkit-line-clamp: 5;
border: none !important;
    overflow: hidden;
background: transparent !important;
}
}
 
.vector-header-end #p-vector-user-menu-userpage {
/* =========================================================
display: none !important;
  VANIPEDIA FLIPBOOK POPUP
  ========================================================= */
 
.vani-flipbook-trigger {
    display: inline-block;
    cursor: pointer;
}
}
 
.vector-header-end #p-vector-user-menu-overflow,
.vani-flipbook-trigger img {
.vector-header-end #vector-user-links-dropdown,
    display: block;
.vector-header-end .vector-user-menu-overflow {
    max-width: 100%;
display: flex !important;
    height: auto;
visibility: visible !important;
 
opacity: 1 !important;
    transition:
margin: 0 !important;
        transform 0.2s ease,
padding: 0 !important;
        box-shadow 0.2s ease;
}
}
 
.vector-header-end #vector-user-links-dropdown .vector-dropdown-label,
.vani-flipbook-trigger:hover img {
.vector-header-end .vector-user-menu-overflow .vector-dropdown-label {
    transform: translateY(-3px);
display: flex !important;
 
align-items: center !important;
    box-shadow:
justify-content: center !important;
        0 8px 24px
padding: 4px !important;
        rgba(0, 0, 0, 0.22);
background: transparent !important;
border: none !important;
cursor: pointer !important;
}
}
 
.vector-header-end #vector-user-links-dropdown .vector-icon,
 
.vector-header-end .vector-user-menu-overflow .vector-icon {
/* Full-screen dark overlay */
display: inline-block !important;
 
visibility: visible !important;
#vani-flipbook-overlay {
opacity: 1 !important;
    position: fixed;
width: 20px !important;
 
height: 20px !important;
    top: 0;
background-color: #f5d77f !important;
    right: 0;
color: #f5d77f !important;
    bottom: 0;
fill: #f5d77f !important;
    left: 0;
 
    z-index: 100000;
 
    display: none;
 
    align-items: center;
    justify-content: center;
 
    padding: 20px;
 
    background:
        rgba(15, 20, 18, 0.90);
}
}
 
.vector-header-end .vector-dropdown-label-text {
 
display: none !important;
#vani-flipbook-overlay.is-open {
    display: flex;
}
}
 
.vanipedia-topbar-center-block,
 
#vanipedia-topbar-center-block,
/* Popup */
#vanipedia-topbar-center-block-mobile,
 
.vanipedia-topbar-main-title,
.vani-flipbook-modal {
#vanipedia-topbar-title,
    position: relative;
#vanipedia-topbar-title-mobile,
 
#vanipedia-topbar-title-link,
    width: calc(100vw - 80px);
#vanipedia-topbar-center-title,
    height: calc(100vh - 40px);
.vanipedia-topbar-vaniseva-title,
 
.vanipedia-topbar-sister-links,
    max-width: 1800px;
.vanipedia-topbar-sister-link,
 
.vanipedia-topbar-sister-sep {
    overflow: hidden;
display: none !important;
 
height: 0 !important;
    background: #d9d6cf;
min-height: 0 !important;
 
max-height: 0 !important;
    border-radius: 6px;
visibility: hidden !important;
 
overflow: hidden !important;
    box-shadow:
pointer-events: none !important;
        0 20px 70px
margin: 0 !important;
        rgba(0, 0, 0, 0.55);
padding: 0 !important;
border: none !important;
}
}
 
.vh-bottom-social-links,
 
.vh-bottom-bar-right-space {
/* Iframe holder */
display: none !important;
 
width: 0 !important;
#vani-flipbook-frame-holder {
flex: 0 0 0 !important;
    position: absolute;
visibility: hidden !important;
 
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
 
    width: 100%;
    height: 100%;
 
    overflow: hidden;
}
}
 
.vh-bottom-bar-left-space {
 
display: none !important;
/* Actual flipbook iframe */
width: 0 !important;
 
flex: 0 0 0 !important;
#vani-flipbook-frame {
    display: block;
 
    width: 100%;
    height: 100%;
 
    margin: 0;
    padding: 0;
 
    border: 0;
 
    background: #d9d6cf;
}
}
 
.vh-bottom-bar-inner {
 
justify-content: center !important;
/* Close button */
padding: 0 10px !important;
 
.vani-flipbook-close {
    position: absolute;
 
    top: 10px;
    right: 10px;
 
    z-index: 100001;
 
    width: 42px;
    height: 42px;
 
    padding: 0;
 
    border: 0;
    border-radius: 50%;
 
    background:
        rgba(20, 20, 20, 0.80);
 
    color: #ffffff;
 
    font-family:
        Arial,
        sans-serif;
 
    font-size: 30px;
    line-height: 42px;
 
    text-align: center;
 
    cursor: pointer;
}
}
 
.vh-bottom-nav-links {
 
width: 100% !important;
.vani-flipbook-close:hover {
justify-content: center !important;
    background: #000000;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
gap: 8px !important;
font-size: 11px !important;
}
}
body.vani-flipbook-open {
    overflow: hidden;
}
}
 
#vani-stage-header-slot .vanipedia-topbar-title-link,
 
#vani-stage-header-slot .vanipedia-topbar-main-title,
/* Mobile */
#vani-stage-header-slot .branding-box a {
 
display: inline-flex !important;
@media (max-width: 720px) {
align-items: center !important;
 
visibility: visible !important;
    #vani-flipbook-overlay {
opacity: 1 !important;
        padding: 0;
font-family: 'DM Serif Display', 'Cormorant Garamond', Georgia, serif !important;
 
font-size: 19px !important;
        width: 100%;
font-weight: 700 !important;
        height: 100vh;
color: #f5d77f !important;
        height: 100dvh;
text-decoration: none !important;
    }
letter-spacing: 0.8px !important;
 
line-height: 1 !important;
    .vani-flipbook-modal {
margin: 0 10px !important;
        width: 100%;
cursor: pointer !important;
        height: 100vh;
        height: 100dvh;
 
        max-width: none;
        border-radius: 0;
    }
 
}
}


/* =========================================
/* Petal identity only; inherited V173 dimensions, effects and typography stay. */
  VANIPEDIA INSPIRATION
header.vector-header, header.mw-header, #vector-sticky-header, #vh-bottom-bar {
  ========================================= */
     background:#526b50 !important; background-color:#526b50 !important;
 
/* Image */
 
.vision-layout-wrapper .vision-logo {
     width: 100%;
    text-align: center;
    margin: 0 auto 22px;
}
}
 
#vh-bottom-bar .vh-bottom-petal-links { display:flex; justify-content:center; align-items:center; gap:12px; }
.vision-layout-wrapper .vision-logo img {
#vh-bottom-bar .vh-bottom-petal-links a { color:#f5d77f; font:600 12px 'Noto Serif',Georgia,serif; text-decoration:none; }
    display: block;
#vh-bottom-bar .vh-bottom-petal-links a:hover { color:#fff; }
    max-width: 350px;
/* Vanisource content reflows; do not activate the V173 rotated stage. */
    height: auto;
body.vs-main-view { padding-bottom:46px !important; }
    margin: 0 auto;
body.vs-main-view .mw-body-header, body.vs-main-view #firstHeading,
body.vs-main-view .vector-column-start, body.vs-main-view .vector-column-end { display:none; }
/* Retain the complete controls in native portrait flow when there is no stage. */
@media(max-width:999px) {
body.vs-main-view #vh-bottom-bar { position:static !important; height:auto !important; min-height:38px; }
body.vs-main-view #vh-bottom-bar .vh-bottom-bar-inner { flex-wrap:wrap !important; height:auto !important; padding:10px !important; gap:10px; }
body.vs-main-view #vh-bottom-bar .vh-bottom-bar-left-space,
body.vs-main-view #vh-bottom-bar .vh-bottom-bar-right-space { flex:1 1 100% !important; }
body.vs-main-view #vh-bottom-bar .vh-bottom-nav-links { flex:1 1 100% !important; flex-wrap:wrap; white-space:normal !important; }
body.vs-main-view { padding-bottom:0 !important; }
}
}


/* V11: main-page cleanup; shared bar and top-bar search retained. */
#footer,
.mw-footer { display:none !important; }
/* The fixed desktop bottom bar is 38px high; leave a 16px gap above it. */
#vanipedia-back-to-top { bottom:54px !important; }


/* Two button columns */
/* V12: one sticky primary header across Vanisource; native controls retained. */
 
body > .vector-header-container:not(.vector-sticky-header-container),
.vision-buttons-container {
body > header.vector-header,
    display: flex;
body > header.mw-header {
    width: 100%;
position:sticky !important; top:0 !important; z-index:99995 !important;
    gap: 14px;
overflow:visible !important;
    align-items: stretch;
}
 
.vision-buttons-container .vision-col {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    gap: 14px;
    min-width: 0;
}
}
html { scroll-padding-top:calc(var(--vs-header-height, 96px) + 12px); }
#vector-sticky-header { display:none !important; }


/* V13: book catalogue and source details. Shared V173 bars and V12 sticky
  header/footer behaviour remain in the preceding, unchanged rules. */
#vs-home.vs-library-main { max-width:1180px; font-size:16px; }
#vs-home.vs-library-main .vs-sanctuary { display:flex; align-items:center; justify-content:center; gap:24px; max-width:730px; margin:0 auto 32px; padding:0; border:0; text-align:left; }
#vs-home.vs-library-main #vs-portrait-frame { width:106px; height:106px; flex:none; margin:0; border-width:2px; }
#vs-home.vs-library-main .vs-sanctuary-copy { min-width:0; }
#vs-home.vs-library-main .vs-eyebrow { color:var(--vs-green); font-size:15px; }
#vs-home.vs-library-main h1 { text-align:left; font-size:30px; margin:3px 0 10px; }
#vs-home.vs-library-main .vs-source-quote { margin-bottom:7px; font-size:16px; }
#vs-home.vs-library-main .vs-source-meta { font-size:14px; }
#vs-home.vs-library-main .vs-library-heading { padding-top:24px; border-top:1px solid var(--vs-line); }
#vs-home.vs-library-main .vs-library-heading h2 { margin:0 0 7px; }
#vs-home.vs-library-main .vs-book-jump { display:flex; flex-wrap:wrap; gap:10px 24px; margin:14px 0 24px; }
#vs-home.vs-library-main .vs-book-jump a { display:inline-flex; min-height:44px; align-items:center; color:var(--vs-green); font-size:15px; }
#vs-home.vs-library-main .vs-book-shelf { margin-bottom:32px; scroll-margin-top:calc(var(--vs-header-height,96px) + 16px); }
#vs-home.vs-library-main .vs-book-shelf h3 { background:none; font:500 21px/1.3 Georgia,'Noto Serif',serif; color:var(--vs-brass); margin:0 0 22px; padding:0 0 9px; border:0; border-bottom:1px solid var(--vs-line); text-align:left; }
#vs-home.vs-library-main .vs-book-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:28px 22px; }
#vs-home.vs-library-main .vs-book-card { min-width:0; text-align:center; font-size:15px; line-height:1.45; }
#vs-home.vs-library-main .vs-book-cover { display:flex; align-items:flex-end; justify-content:center; height:195px; margin-bottom:12px; }
#vs-home.vs-library-main .vs-book-cover p { margin:0; }
#vs-home.vs-library-main .vs-book-cover > span, #vs-home.vs-library-main .vs-book-cover > p { min-width:0; max-width:100%; }
#vs-home.vs-library-main .vs-book-cover a { display:block; max-width:100%; }
#vs-home.vs-library-main .vs-book-cover img { display:block; width:auto; height:auto !important; max-width:100%; max-height:195px; object-fit:contain; box-shadow:2px 4px 7px #263a3925; }
#vs-home.vs-library-main .vs-cover-unavailable { display:flex; align-items:center; justify-content:center; width:125px; max-width:100%; height:190px; padding:16px; background:var(--vs-wash); color:var(--vs-ink); border:1px dashed #afb5a8; font-size:14px; }
#vs-home.vs-library-main .vs-book-title { min-height:46px; overflow-wrap:anywhere; }
#vs-home.vs-library-main .vs-book-title a { text-decoration:none; }
#vs-home.vs-library-main .vs-book-title a:hover { text-decoration:underline; }
#vs-home.vs-library-main .vs-book-meta { margin-top:5px; color:var(--vs-green); font-size:13px; }
#vs-home.vs-library-main .vs-book-action a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; color:var(--vs-green); font-size:14px; }
#vs-home.vs-library-main .vs-publication-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 28px; }
#vs-home.vs-library-main .vs-publication-item { min-width:0; }
#vs-home.vs-library-main .vs-publication-item .vs-book-title { min-height:0; font-size:18px; }
#vs-home.vs-library-main .vs-other-teachings { border-top:1px solid var(--vs-line); padding-top:24px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
#vs-home.vs-library-main .vs-other-teachings h2 { font-size:22px; margin-bottom:12px; }
#vs-home.vs-library-main .vs-other-teachings a { display:block; min-height:44px; padding:7px 0; font-size:15px; color:var(--vs-green); }
#vs-home.vs-library-main .vs-support { display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:center; margin-top:25px; padding-top:16px; border-top:1px solid var(--vs-line); }
#vs-home.vs-library-main .vs-support a { display:inline-flex; align-items:center; min-height:44px; font-size:15px; color:var(--vs-green); }
#vs-home.vs-library-main a[title]:hover::after, #vs-editions a[title]:hover::after { content:none; }


/* Light green buttons */
#vs-editions { background:var(--vs-paper); color:var(--vs-ink); padding:24px; max-width:1000px; margin:0 auto; font:400 16px/1.55 Georgia,'Noto Serif',serif; }
 
#vs-editions * { box-sizing:border-box; }
.vision-buttons-container .vision-btn {
#vs-editions p { margin:8px 0; }
    background-color: #91cfa9;
#vs-editions h1, #vs-editions h2, #vs-editions h3 { background:none; border:0; font-family:inherit; color:var(--vs-brass); font-weight:500; text-align:left; padding:0; }
    border-bottom: 3px solid #2a4452;
#vs-editions h1 { font-size:28px; margin:0 0 16px; }
    border-radius: 6px;
#vs-editions h2 { font-size:25px; margin:0 0 12px; }
}
#vs-editions h3 { font-size:21px; margin:0; }
#vs-editions a { color:var(--vs-green); background-image:none; text-underline-offset:4px; overflow-wrap:anywhere; }
#vs-editions a:focus-visible { outline:3px solid var(--vs-green); outline-offset:3px; }
#vs-editions .vs-edition-nav { display:flex; gap:12px 24px; flex-wrap:wrap; margin-bottom:24px; }
#vs-editions .vs-edition-nav a { display:inline-flex; align-items:center; min-height:44px; }
#vs-editions .vs-edition-index-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 20px; }
#vs-editions .vs-edition-index-grid a { display:flex; align-items:center; min-height:44px; }
#vs-editions .vs-edition-book { margin:32px 0; padding-top:24px; border-top:1px solid var(--vs-line); scroll-margin-top:calc(var(--vs-header-height,96px) + 16px); }
#vs-editions .vs-edition-intro { display:flex; gap:32px; align-items:center; margin-bottom:24px; }
#vs-editions .vs-edition-cover { width:140px; flex:none; text-align:center; }
#vs-editions .vs-edition-cover img { max-width:100%; max-height:210px; width:auto; height:auto !important; object-fit:contain; }
#vs-editions .vs-cover-caption { font-size:14px; color:var(--vs-green); }
#vs-editions .vs-edition-row { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:22px 0; border-top:1px solid var(--vs-line); }
#vs-editions .vs-edition-row > div { min-width:0; }
#vs-editions .vs-edition-actions { display:flex; flex-wrap:wrap; gap:10px; flex:none; }
#vs-editions .vs-edition-actions a { display:inline-flex; align-items:center; min-height:44px; padding:8px 14px; border:1px solid var(--vs-green); border-radius:4px; text-decoration:none; }
#vs-editions .vs-edition-actions a.vs-read-link { background:var(--vs-green); color:var(--vs-gold); }
#vs-editions .vs-related-publication { margin:24px 0; }
#vs-editions .vs-related-publication a { display:inline-flex; align-items:center; min-height:44px; margin-right:20px; }
#vs-editions [hidden] { display:none !important; }
#vs-editions .vs-edition-book:focus { outline:none; }


.vision-buttons-container .vision-btn:hover {
@media(max-width:1000px) {
    background-color: #7fbd97;
#vs-home.vs-library-main .vs-book-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
#vs-editions .vs-edition-index-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
}
 
@media(max-width:600px) {
.vision-buttons-container .vision-btn a,
#vs-home.vs-library-main { padding:20px 18px; }
.vision-buttons-container .vision-btn a.external {
#vs-home.vs-library-main .vs-sanctuary { flex-direction:column; text-align:center; gap:12px; }
    color: #1f4033 !important;
#vs-home.vs-library-main h1 { text-align:center; font-size:27px; }
#vs-home.vs-library-main .vs-book-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 18px; }
#vs-home.vs-library-main .vs-publication-grid, #vs-home.vs-library-main .vs-other-teachings { grid-template-columns:1fr; }
#vs-editions { padding:20px 16px; }
#vs-editions .vs-edition-index-grid { grid-template-columns:1fr; }
#vs-editions .vs-edition-intro { flex-direction:column; gap:18px; text-align:center; }
#vs-editions .vs-edition-intro h2 { text-align:center; }
#vs-editions .vs-edition-row { display:block; }
#vs-editions .vs-edition-actions { margin-top:14px; }
}
}


#vs-editions .vs-edition-actions .vs-read-link a { background:var(--vs-green); color:var(--vs-gold); }


/* Mobile */
/* V15: native modal top layer preserves the existing petal bars underneath. */
 
html.vs-edition-modal-open { overflow:hidden; }
@media (max-width: 700px) {
#vs-edition-dialog { box-sizing:border-box; width:680px; max-width:calc(100vw - 32px); max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); overflow-y:auto; margin:auto; padding:24px; border:1px solid var(--vs-line); border-radius:12px; background:var(--vs-paper); color:var(--vs-ink); font:400 16px/1.55 Georgia,'Noto Serif',serif; box-shadow:0 12px 40px #263a3930; }
 
#vs-edition-dialog::backdrop { background:#17262299; }
    .vision-buttons-container {
#vs-edition-dialog * { box-sizing:border-box; }
        flex-direction: column;
#vs-edition-dialog .vs-modal-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:12px; }
    }
#vs-edition-dialog h2 { margin:0; min-width:0; color:var(--vs-brass); font:500 25px/1.3 Georgia,'Noto Serif',serif; }
#vs-edition-dialog h3 { margin:0; color:var(--vs-brass); font:500 21px/1.3 Georgia,'Noto Serif',serif; }
#vs-edition-dialog p { margin:8px 0; }
#vs-edition-dialog .vs-modal-close { flex:none; min-height:44px; padding:8px 12px; border:1px solid var(--vs-line); border-radius:4px; background:var(--vs-paper); color:var(--vs-green); font:400 15px/1.4 Georgia,serif; cursor:pointer; }
#vs-edition-dialog a { color:var(--vs-green); background-image:none; text-underline-offset:4px; overflow-wrap:anywhere; }
#vs-edition-dialog a[title]:hover::after { content:none; }
#vs-edition-dialog :focus-visible { outline:3px solid var(--vs-green); outline-offset:3px; }
#vs-edition-dialog .vs-modal-note { font-size:14px; }
#vs-edition-dialog .vs-modal-edition { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--vs-line); padding:18px 0; }
#vs-edition-dialog .vs-modal-edition-description { min-width:0; flex:1; }
#vs-edition-dialog .vs-modal-edition-description p { font-size:14px; }
#vs-edition-dialog .vs-modal-actions { display:flex; flex-wrap:wrap; gap:8px; max-width:48%; }
#vs-edition-dialog .vs-modal-actions a { display:inline-flex; align-items:center; min-height:44px; padding:8px 12px; border:1px solid var(--vs-green); border-radius:4px; text-decoration:none; }
#vs-edition-dialog .vs-modal-actions .vs-modal-read { background:var(--vs-green); color:var(--vs-gold); }
#vs-edition-dialog .vs-modal-last-used { display:inline-block; font-size:13px; color:var(--vs-green); }
#vs-edition-dialog .vs-modal-more-sources { border-top:1px solid var(--vs-line); margin-top:10px; padding-top:12px; }
#vs-edition-dialog summary { min-height:44px; padding:8px 0; color:var(--vs-green); cursor:pointer; }
#vs-edition-dialog .vs-modal-related { padding:12px 0; }
#vs-edition-dialog .vs-modal-related a { display:inline-flex; align-items:center; min-height:44px; }
@media(max-width:600px) {
#vs-edition-dialog { position:fixed; top:auto; bottom:0; left:0; right:0; width:100%; max-width:none; max-height:85vh; max-height:85dvh; margin:0; padding:20px 18px; padding-bottom:max(20px, env(safe-area-inset-bottom)); border-radius:16px 16px 0 0; }
#vs-edition-dialog h2 { font-size:23px; }
#vs-edition-dialog .vs-modal-edition { display:block; }
#vs-edition-dialog .vs-modal-actions { max-width:none; margin-top:12px; }
}
}

Latest revision as of 09:23, 12 October 2026

/* INSTALL ONLY IN MediaWiki:Common.css — Vanisource V15 */
/* CSS placed here will be applied to all skins */
/* Use IDs (#) when there is only one concurrence per page */
/* Use classes (.) when there are one or more occurrences per page */
/* Useful parameters... margin-bottom:0.5em */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=DM+Serif+Display&family=Noto+Serif:wght@400;500;600&display=swap');

/* ==========================================================================
   1. VANISOURCE CORE UTILITIES & TEXT FORMATTING
   ========================================================================== */
.cw_0 { display: none; }
.cw_50 { width: 50px; }
.cw_150 { width: 150px; }
.cw_500 { width: 500px; }

.tabs-input { display: none !important; }
.noautonum .tocnumber { display: none; }

.daytable { text-align: left; }
.vanitable {
    border: 0.1em solid #BFBFBF;
    border-collapse: collapse;
    padding: 0.25em;
    background-color: #F2F2F2;
    text-align: left;
    vertical-align: middle;
}
.journaltable { max-width: 108em; min-width: 65em; }

.timelineh2 {
    text-align: center;
    border: 1px solid #ddcef2;
    background: #F2F2F2;
    padding: 0.2em 0.4em;
    margin: auto;
    overflow: hidden;
}
.timelineh3 {
    text-align: center;
    border-top: 1px solid #ddcef2;
    border-bottom: 1px solid #ddcef2;
    background: #FFFFFF;
    padding: 0.2em 0.4em;
    margin: auto;
    overflow: hidden;
}
.timelinesummary {
    border: thin solid #ddcef2;
    border-radius: 1em;
    box-shadow: 0.5em 0.5em 0.5em #888888;
    background: #FFFFCC;
    min-width: 77em;
    margin: 1em auto 3em auto;
    padding: 1em;
    text-align: center;
}
.timelinelinks { text-align: center; font-size: 132%; font-weight: bold; }
.timelinelinks a { color: #B5BD64; }

.greentext { color: #296F39; }
.quotelink { font-size: 1em; font-weight: bold; color: #296F39; }
.nectardroptext { font-size: 1em; font-weight: bold; color: #296F39; }
.daystext { color: #296F39; }
.daystextb { color: #296F39; font-weight: bold; }
.lec_code { font-weight: bold; }
.code { font-weight: bold; font-size: 90%; }

.highlight_quote { background-color: #F9F7E0; margin: 0px; padding: 4px 2px; }
.highlight_terms { background-color: #EEE8AA; }
.hlterm { background-color: yellow; border: 1px Solid #EE9977; padding: 1px 2px 1px 2px; margin: -1px; }

.firstchar {
    float: left;
    width: 0.7em;
    font-size: 375%;
    font-family: algerian, courier;
    line-height: 80%;
}
.MITL_page_nav {
    text-align: left;
    border: 1px solid #BFBFBF;
    background: #FFF2E6;
    padding: 0.2em 0.4em;
    margin: auto;
}
.daysnav,.monthsnav { display: flex; flex-wrap: wrap; justify-content: center; }
.daysnav .month { margin: 25px 2%; }
.monthsnav .year { margin: 25px 5%; }

/* ----------------- Book styles ----------------- */
.devanagari { color: #000000; font-weight: bold; }
@font-face {
    font-family: interDiac;
    src: url(/css/GauraTimes.ttf);
}
.verse { color: #000000; font-style: italic; }
.versecenter { color: #000000; font-style: italic; text-align: center; }
.verse.inter_diac { font-family: interDiac; }
.synonyms { color: #000000; }
.synonyms.inter_diac { font-family: interDiac; }
.translation { color: #000000; font-weight: bold; }
.translation.inter_diac { font-family: interDiac; font-size: 1.1em; }
.purport { color: #000000; }
.purport.inter_diac { font-family: interDiac; font-size: 1.1em; }
*:not(a).text { color: #000000; }
.text.inter_diac { font-family: interDiac; font-size: 1.1em; }
a[href*="syno_o"]:visited { color: purple; }

.SB65verse {
    white-space: pre-line;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    text-align: center;
    color: #000000;
}

#verse { white-space: pre; }
#translation { color: #000000; font-weight: bold; }

/* -------------------- BEGIN NEW COMPILE FORM -------------------- */
.quote { margin: 1.5em 0em; font-family: tahoma; }
.quote_heading { font-weight: bold; color: #296F39; }
.quote_translation { font-weight: bold; color: #000000; }
.quote_link { font-weight: bold; }
.quote_text { color: #000000; }
.quote_verse { color: #000000; }
.quote_text a { font-weight: bold; }

/* -------------------- BEGIN MAIN PAGE CODING -------------------- */
.MainHeader h4 { margin:0!important; padding:0.2em 0.4em; }

body.page-Main_Page h2, body.page-Talk_Main_Page h2, body.page-Main_Page_test h2, body.page-Main_Page_test h1 {
    background: #f9f9f9; 
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc; 
    padding: 0.3em; 
    margin: 1em 0; 
    color: #B5BD64; 
    font-family: georgia; 
    font-weight: bold; 
    text-align: center;
}

#banner {
    text-align: center; 
    background: #f9f9f9; 
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc; 
    padding: 0.3em; 
    font-size: 125%;
}

#mainbanner {
    text-align: center; 
    background: #345B63; 
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc; 
    padding: 0.3em; 
    color: #faf2af; 
    font-family: georgia; 
    font-size: 150%; 
    font-style: italic;
}

#mainlinks { text-align:center; font-weight:bold; font-size: 110%; margin-bottom:0.5em }
#mainlinks a, #mainh2links a { color:#B5BD64 }
#mainmantra { text-align:center; margin-top:1.5em; color:#B5BD64; }
.maincenter { text-align:center; max-width:65em; margin:0px auto; padding-bottom:1em; }
.mainleft { text-align: left; max-width: 100em; margin: 0px auto; padding-bottom: 1em; }
.mainjustify { text-align: justify; max-width: 65em; margin: 0px auto; padding-bottom: 1em; }

.vaniquotebox { text-align: left; min-height: 11.6em; border:thin solid #000000; border-radius: 1em; box-shadow: 0.5em 0.5em 1em #bcbcbc; margin: 1em 0em; }
@media screen and (min-width: 800px) { .vaniquotebox { max-width:80%; } }
.vaniquotebox > table { text-align:left; font-size:1em; color:#000000; min-height: 11.5em; margin: 0; }
.vaniquotebox td { padding: 8px; }

/* V6: original article utilities retained; shared shell replaced below. */
/* ==========================================================================
   6. UI COMPONENTS (ACCORDION, THEME GRID, CARDS, BACK-TO-TOP)
   ========================================================================== */
.theme-analysis-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; margin: 2em 0; width: 100%; box-sizing: border-box; }
.theme-column { background: rgba(255, 255, 255, 0.2); padding: 15px; border: 1px solid #B5BD64; border-radius: 8px; }
.theme-column ul { list-style-type: none; padding: 0; margin: 0; }
.theme-column li { margin-bottom: 10px; font-weight: bold; }

.book-accordion { background: #FFF8EE; border: none; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.06); overflow: hidden; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
.book-accordion-header { background-color: #91cfa9; color: #1f4033; padding: 16px 20px 16px 60px; font-size: 18px; font-weight: bold; border-bottom: 3px solid #296F39; cursor: pointer; transition: background-color 0.2s ease; user-select: none; }
.book-accordion-header:hover { background-color: #7fbd97; }
.book-accordion .mw-collapsible-toggle { float: right; font-weight: normal; font-size: 13px; background: rgba(255, 255, 255, 0.15); padding: 4px 12px; border-radius: 20px; margin-top: -2px; }
.book-accordion .mw-collapsible-toggle a { color: #1f4033 !important; text-decoration: none; }
.book-accordion .mw-collapsible-toggle a:hover { text-decoration: underline; }
.book-accordion-content { padding: 24px; }

.book-grid-list { column-width: 280px; column-gap: 20px; list-style-type: none; margin: 0; padding: 0; }
.book-grid-list.single-column { column-width: auto; column-count: 1; column-gap: 0; }
.book-grid-list li { margin-bottom: 12px; break-inside: avoid; }
.mw-parser-output .book-grid-list li a, .mw-parser-output .book-grid-list li a.external { display: block !important; padding: 8px 16px !important; background-color: #ffffff !important; background-image: none !important; border: 1px solid #e1e4e8 !important; border-radius: 6px; text-decoration: none; color: #1a5e9a; font-weight: 500; box-shadow: 0 1px 3px rgba(0,0,0,0.02); transition: all 0.2s ease; }
.mw-parser-output .book-grid-list li a:hover, .mw-parser-output .book-grid-list li a.external:hover { background-color: #f4f8fc !important; border-color: #1a5e9a !important; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(26,94,154,0.12); }

.vision-btn.btn-framed { position: relative !important; margin: 12px !important; }
.vision-btn.btn-framed::after { content: ""; position: absolute; top: -12px; left: -12px; right: -12px; bottom: -12px; border: 2px solid #296F39 !important; border-radius: 6px !important; pointer-events: none; }
.vision-btn.btn-framed:hover::after { border-color: #1d5229 !important; }

.compilation-wrapper { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 30px; margin: 20px auto; max-width: 1000px; }
.compilation-image { flex: 1 1 300px; text-align: center; max-width: 450px; }
.compilation-button-grid { flex: 1 1 400px; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; }
.compilation-btn { background-color: #296F39; padding: 12px 24px; font-size: 16px; font-weight: bold; border-bottom: 3px solid #1d5229; border-radius: 4px; text-align: center; }
.compilation-btn a { color: #ffffff !important; text-decoration: none; display: block; }
.compilation-btn-full { grid-column: 1 / -1; }

#vanipedia-back-to-top { position: fixed !important; bottom: 24px !important; right: 24px !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; background-color: #296F39 !important; color: #ffffff !important; border: none !important; outline: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important; z-index: 1000 !important; opacity: 0 !important; visibility: hidden !important; transform: translateY(12px) !important; transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, background-color 0.2s ease !important; }
#vanipedia-back-to-top.visible { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; }
#vanipedia-back-to-top:hover { background-color: #1d5229 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important; }
#vanipedia-back-to-top svg { display: block !important; width: 22px !important; height: 22px !important; stroke: #ffffff !important; }

/* MEDIA SNIPPETS OVERFLOW FIX */
.mw-parser-output div[style*="#feffe1"] { max-width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; }
.mw-parser-output div[style*="#feffe1"] div { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
.mw-parser-output div[style*="#feffe1"] img, .mw-parser-output div[style*="#feffe1"] iframe, .mw-parser-output div[style*="#feffe1"] .embedvideo, .mw-parser-output div[style*="#feffe1"] span[typeof="mw:File"] { max-width: 100% !important; height: auto !important; box-sizing: border-box !important; display: block !important; margin: 0 auto !important; }

/* ==========================================================================
   7. MOBILE RESPONSIVENESS
   ========================================================================== */
@media screen and (max-width: 900px) {
    .theme-analysis-grid { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 768px) {
    .mw-parser-output img { max-width: 100%; height: auto !important; }
    #vanipedia-back-to-top { bottom: 18px !important; right: 18px !important; width: 40px !important; height: 40px !important; }
    .book-grid-list { grid-template-columns: 1fr; display: block; }
}
@media screen and (max-width: 600px) {
    .theme-analysis-grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   8. LEGACY AC_RESULTS (AUTOCOMPLETE)
   ========================================================================== */
.ac_results { padding: 0px; border: 1px solid black; background-color: Window; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; }
.ac_loading { background: Window url('indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: aquamarine; color: HighlightText; }
.ac_moreItems { text-align: center; background-color: InactiveCaption; color: InactiveCaptionText; margin: 0px; padding: 0px 5px; cursor: default; display: block; width: 100%; font: bold menu 12px; overflow: hidden; -moz-user-select: none; -khtml-user-select: none; }

/* ==========================================================================
   9. USED BY TEMPLATE:NAVBAR AND BG FOOTER
   ========================================================================== */
.verse-nav { float:right; }
.prev-link { float:left; min-height:22px; padding:0 0 0 25px; background:url(/w/images/Go-previous.png) no-repeat left }
.next-link { float:left; min-height:22px; padding:0 25px; background:url(/w/images/Go-next.png) no-repeat right }
.chap-nav, #chap-nav, #book-nav, #page-nav { float:left }

/* ==========================================================================
   10. DARK MODE / NIGHT MODE OVERRIDES
   ========================================================================== */
html.skin-theme-clientpref-night { --background-color-base: #121212 !important; --background-color-page: #121212 !important; --background-color-quiet: #1a1a1a !important; --color-base: #e2e8f0 !important; }
html.skin-theme-clientpref-night body, html.skin-theme-clientpref-night #content, html.skin-theme-clientpref-night .mw-body, html.skin-theme-clientpref-night #mw-page-base, html.skin-theme-clientpref-night #mw-head-base { background: #121212 !important; color: #e2e8f0 !important; }
html.skin-theme-clientpref-night .mw-page-container, html.skin-theme-clientpref-night .mw-page-container-inner, html.skin-theme-clientpref-night .mw-content-container, html.skin-theme-clientpref-night .mw-header, html.skin-theme-clientpref-night .vector-header-container, html.skin-theme-clientpref-night .vector-sticky-header, html.skin-theme-clientpref-night .vector-column-start, html.skin-theme-clientpref-night .vector-column-end, html.skin-theme-clientpref-night .vector-sidebar-container, html.skin-theme-clientpref-night .vector-pinnable-element, html.skin-theme-clientpref-night .vector-pinnable-header, html.skin-theme-clientpref-night .vector-pinned-container, html.skin-theme-clientpref-night .vector-toc, html.skin-theme-clientpref-night #vector-toc, html.skin-theme-clientpref-night .vector-toc-pinned-container, html.skin-theme-clientpref-night .vector-toc-contents, html.skin-theme-clientpref-night .vector-menu-content, html.skin-theme-clientpref-night .vector-appearance-pinned-container, html.skin-theme-clientpref-night .vector-page-toolbar-container, html.skin-theme-clientpref-night .vector-page-toolbar, html.skin-theme-clientpref-night .cdx-menu, html.skin-theme-clientpref-night .cdx-menu__list, html.skin-theme-clientpref-night .cdx-menu-item, html.skin-theme-clientpref-night .cdx-radio, html.skin-theme-clientpref-night #vector-appearance { background-color: #121212 !important; background-image: none !important; border: none !important; box-shadow: none !important; color: #e2e8f0 !important; }
html.skin-theme-clientpref-night #vector-sticky-header { background-color: #1a1a1a !important; border-bottom: 2px solid #3b4b5f !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important; }
html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .mw-headline, html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .vector-sticky-header-title { color: #ffffff !important; }
html.skin-theme-clientpref-night #vanipedia-back-to-top { background-color: #3b4b5f !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important; }
html.skin-theme-clientpref-night #vanipedia-back-to-top:hover { background-color: #4f637c !important; }
html.skin-theme-clientpref-night .quote_text, html.skin-theme-clientpref-night *:not(a).text { color: #e2e8f0 !important; }
html.skin-theme-clientpref-night .devanagari, html.skin-theme-clientpref-night .verse, html.skin-theme-clientpref-night .versecenter, html.skin-theme-clientpref-night .synonyms, html.skin-theme-clientpref-night .translation, html.skin-theme-clientpref-night .purport { color: #e2e8f0 !important; }

/* ==========================================================================
   11. LIGHT MODE SPECIFIC OVERRIDES
   ========================================================================== */
html:not(.skin-theme-clientpref-night) .vector-sidebar-container { background-color: #e6dfa1 !important; --background-color-interactive: #e6dfa1 !important; }
html:not(.skin-theme-clientpref-night) .vector-dropdown-content { background-color: #ffffff !important; border: 1px solid #c8ccd1 !important; border-radius: 4px !important; padding: 6px !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; }
html:not(.skin-theme-clientpref-night) .vector-dropdown-content #vector-main-menu, html:not(.skin-theme-clientpref-night) .vector-dropdown-content #vector-toc { background-color: transparent !important; padding: 0 !important; border: none !important; box-shadow: none !important; }
html:not(.skin-theme-clientpref-night) #vector-main-menu .vector-menu-heading, html:not(.skin-theme-clientpref-night) .vector-dropdown-content .vector-menu-heading { background-color: #296F39 !important; color: #ffffff !important; border-radius: 4px !important; padding: 8px 12px !important; margin-bottom: 4px !important; }
html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a, html:not(.skin-theme-clientpref-night) #vector-toc .vector-toc-link { color: #296F39 !important; }
html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a:hover, html:not(.skin-theme-clientpref-night) #vector-toc .vector-toc-link:hover { color: #0645ad !important; background-color: #e6dfa1 !important; border-radius: 2px !important; }

/* ==========================================================================
   12. VANIPEDIA MAIN PAGE & CUSTOM HOMEPAGE GRIDS
   ========================================================================== */
body.page-Custom_Landing_Page #mw-head, body.page-Custom_Landing_Page #mw-panel, body.page-Custom_Landing_Page #left-navigation, body.page-Custom_Landing_Page #right-navigation, body.page-Custom_Landing_Page #p-personal, body.page-Custom_Landing_Page #p-search, body.page-Custom_Landing_Page #p-logo, body.page-Custom_Landing_Page #siteSub, body.page-Custom_Landing_Page #contentSub, body.page-Custom_Landing_Page #jump-to-nav, body.page-Custom_Landing_Page .mw-indicators, body.page-Custom_Landing_Page .mw-editsection, body.page-Custom_Landing_Page .vector-page-toolbar, body.page-Custom_Landing_Page .vector-page-titlebar, body.page-Custom_Landing_Page .vector-header-container, body.page-Custom_Landing_Page .vector-column-start, body.page-Custom_Landing_Page .vector-column-end, body.page-Custom_Landing_Page .vector-toc, body.page-Custom_Landing_Page .vector-settings, body.page-Custom_Landing_Page .vector-page-tools, body.page-Custom_Landing_Page .vector-main-menu-landmark, body.page-Custom_Landing_Page .mw-page-title-main, body.page-Custom_Landing_Page .firstHeading, body.page-Custom_Landing_Page #footer, body.page-Custom_Landing_Page .printfooter, body.page-Custom_Landing_Page .catlinks, body.page-Custom_Landing_Page .vector-sitenotice-container, body.page-Custom_Landing_Page #siteNotice, body.page-Custom_Landing_Page #localNotice, body.page-Custom_Landing_Page #mainbanner { display: none !important; }
body.page-Custom_Landing_Page, body.page-Custom_Landing_Page .mw-page-container, body.page-Custom_Landing_Page .mw-page-container-inner, body.page-Custom_Landing_Page .mw-content-container, body.page-Custom_Landing_Page #content, body.page-Custom_Landing_Page .mw-body, body.page-Custom_Landing_Page .mw-body-content, body.page-Custom_Landing_Page #bodyContent, body.page-Custom_Landing_Page #mw-content-text, body.page-Custom_Landing_Page .mw-parser-output { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: #f6f2e9 !important; }
body.page-Custom_Landing_Page .mw-page-container, body.page-Custom_Landing_Page .mw-page-container-inner, body.page-Custom_Landing_Page .mw-content-container { display: block !important; min-height: 0 !important; }
body.page-Custom_Landing_Page main#content { position: static !important; }
body.page-Custom_Landing_Page { overflow-x: hidden; }

/* 13. CUSTOM WIKIPEDIA-STYLE HOVER POPUP */
a[title]:hover::after {
    content: "Preview: " attr(title); position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%);
    background: var(--background-color-page, #ffffff); color: var(--color-base, #202122); padding: 12px 16px;
    border: 1px solid var(--border-color-base, #a2a9b1); border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    font-size: 14px; line-height: 1.5; white-space: normal; width: 280px; z-index: 10000;
}

/* ==========================================================
   VANISOURCE HEADER TABS
   ========================================================== */


/* HEADER STRIP */

#headertabs .oo-ui-menuLayout-menu {
    background: #faedf5 !important;
    border: 1px solid #5a636c !important;
    border-bottom: none !important;
    padding: 5px 5px 0 5px !important;
    box-shadow: none !important;
}


/* REMOVE OOUI FRAMES */

#headertabs .oo-ui-menuLayout-menu .oo-ui-panelLayout-framed,
#headertabs .oo-ui-tabSelectWidget-framed,
#headertabs .mw-header-tabs-wrapper.oo-ui-panelLayout-framed {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* ==========================================================
   CONTENT BELOW TABS
   ========================================================== */

#headertabs .oo-ui-menuLayout-content {
    background: transparent !important;
    border: 1px solid #a2a9b1 !important;
    border-top: 1px solid #5a636c !important;
    font-size: 16px !important;
    padding: 1.5em !important;
}


/* ==========================================================
   ALL TABS
   ========================================================== */

#headertabs .oo-ui-tabOptionWidget {
    position: relative !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}


/* TAB TEXT */

#headertabs .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
    font-size: 15px !important;
    color: #000000 !important;
    font-weight: bold !important;
    padding: 6px 12px !important;
}


/* ==========================================================
   ACTIVE TAB
   ========================================================== */

#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    position: relative !important;
    z-index: 10 !important;

    background: #BDB76B !important;

    border: 1px solid #a2a9b1 !important;
    border-bottom: none !important;

    box-shadow: none !important;

    margin-bottom: -1px !important;
}


/* ==========================================================
   REMOVE ALL OOUI DECORATION INSIDE ACTIVE TAB
   ========================================================== */

#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
.oo-ui-buttonElement-button,

#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
.oo-ui-labelElement-label,

#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
.oo-ui-buttonElement-button > span {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;

    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}


/* Restore active-tab text */

#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
.oo-ui-labelElement-label {
    color: #000000 !important;
}


/* ==========================================================
   REMOVE OOUI PSEUDO ELEMENTS
   ========================================================== */

#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected::before,

#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected::after,

#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
.oo-ui-buttonElement-button::before,

#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
.oo-ui-buttonElement-button::after,

#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
.oo-ui-labelElement-label::before,

#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected
.oo-ui-labelElement-label::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   ACTIVE TAB BOTTOM
   Covers line belonging to the strip underneath
   ========================================================== */

#headertabs
.oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
    border-bottom: 3px solid #BDB76B !important;
}

/* ==========================================================
   INACTIVE TAB HOVER
   ========================================================== */

#headertabs
.oo-ui-tabOptionWidget:hover:not(.oo-ui-optionWidget-selected) {
    background: #d7d4a8 !important;
    border: 1px solid #a2a9b1 !important;
}


/* Inner inactive tabs */

#headertabs
.oo-ui-tabOptionWidget:not(.oo-ui-optionWidget-selected)
.oo-ui-buttonElement-button {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* V6 — one responsive main-page system, plus the shared petal shell. */
:root {
    --vs-paper:#faf7ef; --vs-ink:#263a39; --vs-green:#486247;
    --vs-gold:#f4d98b; --vs-brass:#805b16; --vs-line:#ded7c6;
    --vs-wash:#f0eee3;
}
body { background:var(--vs-paper); }
body.vs-main-view, body.vs-main-view .mw-page-container,
body.vs-main-view .mw-page-container-inner, body.vs-main-view .mw-body,
body.vs-main-view .mw-content-container { background:var(--vs-paper); }
body.vs-main-view .mw-page-container { padding:0 24px; }
body.vs-main-view .mw-page-container-inner {
    display:block; max-width:1240px; margin-inline:auto;
}
body.vs-main-view .mw-body { width:100%; min-width:0; max-width:none; margin:0; padding:0; border:0; }
body.vs-main-view #firstHeading, body.vs-main-view .mw-body-header,
body.vs-main-view .vector-column-start, body.vs-main-view .vector-column-end,
body.vs-main-view .vector-page-toolbar { display:none; }
body.vs-main-view .mw-parser-output { width:100%; }
body.vs-shell-ready .vs-native-header-replaced,
body.vs-shell-ready #vector-sticky-header { display:none !important; }
body.vs-shell-ready .vector-header-container { padding:0; min-height:0; }
body.vs-main-view .vector-main-menu-pinned-container { display:none; }

/* Main page: selectors are isolated from existing book and article styles. */
#vs-home { box-sizing:border-box; width:100%; max-width:1180px; margin:0 auto; padding:24px 24px 32px; color:var(--vs-ink); font:400 17px/1.6 Georgia,'Noto Serif',serif; }
#vs-home * { box-sizing:border-box; }
#vs-home a { color:var(--vs-ink); background-image:none; text-decoration:underline; text-decoration-color:#8e9a8a; text-underline-offset:4px; overflow-wrap:anywhere; }
#vs-home a:hover { color:var(--vs-brass); text-decoration-thickness:2px; }
#vs-home a:focus-visible { outline:3px solid var(--vs-green); outline-offset:3px; border-radius:2px; }
#vs-home h1, #vs-home h2 { background:none; border:0; padding:0; margin:0; font-family:inherit; line-height:1.3; font-weight:600; color:var(--vs-brass); text-align:left; overflow-wrap:anywhere; }
#vs-home h1 { font-size:27px; text-align:center; margin-bottom:18px; }
#vs-home h2 { font-size:24px; margin-bottom:14px; }
#vs-home h2 a { color:inherit; text-decoration:none; }
#vs-home h2 a:hover { text-decoration:underline; }
#vs-home .mw-heading { display:block; margin:0; }
#vs-home .mw-editsection { display:none; }
#vs-home p { margin:0; }
#vs-home .vs-search { display:flex; align-items:end; gap:8px; max-width:660px; margin:0 auto 32px; font:400 16px/1.4 system-ui,sans-serif; }
#vs-home .vs-search label { display:block; flex:1; min-width:0; font-size:14px; }
#vs-home .vs-search input[type="search"] { display:block; width:100%; min-height:48px; padding:12px 14px; margin-top:6px; background:#fffdf7; color:var(--vs-ink); border:1px solid #829078; border-radius:5px; font:400 16px/1.4 system-ui,sans-serif; }
#vs-home .vs-search button { min-height:48px; padding:12px 18px; color:var(--vs-gold); background:var(--vs-green); border:1px solid var(--vs-green); border-radius:5px; font:400 16px/1.4 system-ui,sans-serif; cursor:pointer; }
#vs-home .vs-search :focus-visible { outline:3px solid var(--vs-green); outline-offset:3px; }
#vs-home #vs-search-slot>a { display:block; margin-bottom:24px; text-align:center; }
#vs-home .vs-collections { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.17fr) minmax(0,1fr); grid-template-areas:'books sanctuary lectures' 'letters sanctuary conversations'; gap:26px 32px; align-items:start; }
#vs-home .vs-books { grid-area:books; } #vs-home .vs-letters { grid-area:letters; }
#vs-home .vs-lectures { grid-area:lectures; } #vs-home .vs-conversations { grid-area:conversations; }
#vs-home .vs-sanctuary { grid-area:sanctuary; text-align:center; padding:0 8px; min-width:0; }
#vs-home .vs-collection { min-width:0; }
#vs-home .vs-collection h2 { padding-bottom:10px; border-bottom:1px solid var(--vs-line); }
#vs-home .vs-link-list a { display:block; min-height:44px; padding:8px 24px 8px 0; position:relative; text-decoration:none; border-bottom:1px solid #e9e3d6; }
#vs-home .vs-link-list a::after { content:'›'; position:absolute; right:4px; top:8px; color:var(--vs-brass); font-size:22px; }
#vs-home .vs-link-list a:hover { text-decoration:underline; }
#vs-home .vs-link-list a:last-child { border-bottom:0; }
#vs-home #vs-portrait-frame { display:block; position:relative; width:230px; height:230px; max-width:100%; margin:0 auto 20px; border:3px solid #345b63; border-radius:50%; overflow:hidden; background:var(--vs-wash); box-shadow:0 4px 16px #263a3920; }
#vs-home #vs-portrait-frame p, #vs-home #vs-portrait-frame span, #vs-home #vs-portrait-frame a { display:contents; }
#vs-home #vs-portrait-frame img { display:block; position:absolute; inset:0; width:100%; height:100% !important; max-width:none; object-fit:cover; object-position:50% 50%; margin:0; }
#vs-home .vs-source-quote { font-size:17px; line-height:1.6; margin-bottom:12px; }
#vs-home .vs-source-meta { font-size:15px; }
#vs-home .vs-source-meta a { color:var(--vs-brass); }
#vs-home .vs-browse { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:32px 0; padding:22px 0; border-block:1px solid var(--vs-line); }
#vs-home .vs-browse h2 { font-size:21px; color:var(--vs-green); margin-bottom:8px; }
#vs-home .vs-browse-group { min-width:0; }
#vs-home .vs-browse-group a { display:inline-block; padding:6px 0; min-height:36px; }
#vs-home .vs-resources { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
#vs-home .vs-resource { min-width:0; }
#vs-home .vs-resource h2 { font-size:22px; margin-bottom:10px; }
#vs-home .vs-resource>div { font-size:16px; }
#vs-home .vs-resource a { display:inline-block; padding-block:5px; }

/* Tablet and narrower windows: center identity followed by two collections per row. */
@media (max-width:1050px) {
    #vs-site-header { grid-template-columns:140px minmax(0,1fr) 100px; padding-inline:16px; }
    #vs-home .vs-collections { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-areas:'sanctuary sanctuary' 'books letters' 'lectures conversations'; gap:26px; }
    #vs-home .vs-sanctuary { max-width:620px; width:100%; margin-inline:auto; padding-bottom:22px; border-bottom:1px solid var(--vs-line); }
    #vs-home #vs-portrait-frame { width:160px; height:160px; }
    #vs-home .vs-browse, #vs-home .vs-resources { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* Phones: keep the visitor's orientation, normal text sizes and vertical scroll. */
@media (max-width:650px) {
    body.vs-main-view .mw-page-container { padding-inline:0; }
    #vs-site-header { grid-template-columns:64px minmax(0,1fr) 74px; padding:12px 8px; gap:6px; }
    #vs-site-header .vs-header-tools>a { display:none; }
    #vs-site-header button { padding:8px 4px; font-size:14px; }
    #vs-site-header .vs-name { font-size:21px; letter-spacing:1px; }
    #vs-site-header .vs-subtitle { font-size:12px; }
    #vs-site-header .vs-header-petals { display:none; }
    #vs-site-header .vs-shell-panel { left:8px; width:min(360px,calc(100vw - 16px)); max-height:65vh; }
    #vs-site-header #vs-account-panel { right:8px; left:auto; }
    #vs-home { padding:20px; }
    #vs-home .vs-search { gap:6px; margin-bottom:24px; }
    #vs-home .vs-search button { padding-inline:10px; }
    #vs-home .vs-search input[type="search"] { padding-inline:10px; }
    #vs-home .vs-collections { grid-template-columns:minmax(0,1fr); grid-template-areas:'sanctuary' 'books' 'letters' 'lectures' 'conversations'; gap:24px; }
    #vs-home h1 { font-size:24px; }
    #vs-home h2 { font-size:23px; }
    #vs-home #vs-portrait-frame { width:110px; height:110px; margin-bottom:14px; }
    #vs-home .vs-browse { gap:20px 18px; margin:26px 0; }
    #vs-home .vs-browse h2 { font-size:20px; }
    #vs-home .vs-browse-group a { min-height:44px; }
    #vs-home .vs-resources { grid-template-columns:minmax(0,1fr); gap:24px; }
    #vs-home .vs-resource a { min-height:44px; padding-block:9px; }
    #vs-site-footer { padding:18px; }
    #vs-site-footer nav { gap:3px 18px; }
}
@media (max-width:360px) {
    #vs-site-header { grid-template-columns:58px minmax(0,1fr) 65px; gap:4px; }
    #vs-site-header .vs-name { font-size:19px; }
    #vs-home { padding:16px; }
    #vs-home .vs-browse { grid-template-columns:minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
    #vanipedia-back-to-top { transition:none !important; }
}

/* Original V173 bar rules, in original cascade order. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=DM+Serif+Display&family=Noto+Serif:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Noto+Serif:wght@400;500;600&display=swap');
@font-face {
font-family: interDiac;
src: url(/css/GauraTimes.ttf);      /* Vedabase font */
}
#mainbanner {
display: none !important;
}
#mw-head-base {
background: #D4ECDD !important;
background-image: none !important;
font-family: tahoma;
}
#searchform {
padding-bottom:0.5em
}
#siteNotice,
#localNotice,
.mw-sitenotice,
.sitenotice,
.vector-sitenotice-container,
#mainbanner,
.anonnotice,
#centralNotice {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
outline: none !important;
visibility: hidden !important;
overflow: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
html.skin-theme-clientpref-night #mw-head-base {
background: #121212 !important;
color: #e2e8f0 !important;
}
html.skin-theme-clientpref-night .mw-header,
html.skin-theme-clientpref-night .vector-header-container,
html.skin-theme-clientpref-night .vector-sticky-header {
background-color: #121212 !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
color: #e2e8f0 !important;
}
html.skin-theme-clientpref-night #vector-main-menu a,
html.skin-theme-clientpref-night #vector-main-menu a \* {
color: #e2e8f0 !important;
background-color: transparent !important;
}
html.skin-theme-clientpref-night #vector-main-menu a:hover,
html.skin-theme-clientpref-night #vector-main-menu a:hover \* {
color: #ffffff !important;
background-color: #3b4b5f !important;
border-radius: 2px !important;
text-decoration: none !important;
}
html.skin-theme-clientpref-night #vector-main-menu .vector-menu-heading {
background-color: #3b4b5f !important;
color: #ffffff !important;
border-radius: 4px !important;
padding: 8px 12px !important;
margin-bottom: 4px !important;
border: 1px solid #4a5568 !important;
}
html:not(.skin-theme-clientpref-night) .vector-dropdown-content:not(#vector-user-links-dropdown *):not(.vector-user-menu *) {
background-color: #ffffff !important; /* Clean white background */
border: 1px solid #c8ccd1 !important; /* Soft grey border */
border-radius: 4px !important;
padding: 6px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important; /* Soft shadow */
}
html:not(.skin-theme-clientpref-night) .vector-dropdown-content #vector-main-menu {
background-color: transparent !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
}
html:not(.skin-theme-clientpref-night) #vector-main-menu .vector-menu-heading {
background-color: #526B50 !important; /* Dark teal background for headers */
color: #ffffff !important; /* White text */
border-radius: 4px !important;
padding: 8px 12px !important;
margin-bottom: 4px !important;
}
html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a {
color: #2F5E5E !important;
}
html:not(.skin-theme-clientpref-night) #vector-main-menu .mw-list-item a:hover {
color: #0645ad !important;
background-color: #EEF2F9 !important; /* Soft hover highlight */
border-radius: 2px !important;
}
#mainbanner {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
#vector-main-menu.vanipedia-sidebar-menu.vanipedia-collapsed {
display: none !important;
}
#vector-main-menu-pinned-container,
.vector-main-menu-pinned-container,
.vector-main-menu-action,
[data-event-name\*="vector-main-menu.pin"],
[data-event-name\*="vector-main-menu.unpin"] {
display: none !important;
}
#vector-sticky-header .vector-sticky-header-search-toggle,
#vector-sticky-header #vector-sticky-header-search-toggle,
#vector-sticky-header .search-toggle,
#vector-sticky-header .mw-ui-icon-wikimedia-search,
#vector-sticky-header .mw-ui-icon-search,
#vector-sticky-header .vector-icon.mw-ui-icon-search,
#vector-sticky-header .cdx-search-input__start-icon {
display: none !important;
}
.skin-vector-2022 #vector-sticky-header,
#vector-sticky-header {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
background-color: #cce7d7 !important;
border-bottom: 2px solid #345B63 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
padding-left: 16px !important;
padding-right: 16px !important;
height: 50px !important;
min-height: 50px !important;
}
html.skin-theme-clientpref-night #vector-sticky-header {
background-color: #1a1a1a !important;
border-bottom: 2px solid #3b4b5f !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}
.skin-vector-2022 #vector-sticky-header .vector-sticky-header-start,
#vector-sticky-header .vector-sticky-header-start {
display: flex !important;
align-items: center !important;
flex: 0 0 auto !important; /* Stops it from expanding across the middle */
flex-grow: 0 !important;
width: auto !important;
position: relative !important;
z-index: 10 !important;
gap: 18px !important;
margin: 0 !important;
}
#vanipedia-sticky-main-menu {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: 32px !important;
min-width: 32px !important;
height: 32px !important;
margin: 0 !important;
cursor: pointer !important;
position: relative !important;
z-index: 20 !important;
}
#vanipedia-sticky-main-menu .vector-icon {
display: inline-block !important;
width: 20px !important;
height: 20px !important;
}
#vector-sticky-header #p-search,
#vector-sticky-header form#searchform,
#vector-sticky-header .vector-search-box,
#vector-sticky-header .vector-search-box-inner,
#vector-sticky-header .cdx-search-input {
position: relative !important;
left: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
margin: 0 !important;
float: none !important;
display: inline-flex !important;
align-items: center !important;
flex: 0 0 auto !important;
z-index: 10 !important;
}
#vector-sticky-header input.searchbox,
#vector-sticky-header input[type="search"] {
position: relative !important;
left: auto !important;
margin: 0 !important;
}
.skin-vector-2022 #vector-sticky-header .vector-sticky-header-context-bar,
#vector-sticky-header .vector-sticky-header-context-bar {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
flex: 1 1 auto !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: none !important;
}
#vector-sticky-header .vector-sticky-header-context-bar-primary,
#vector-sticky-header .vector-sticky-header-title,
#vector-sticky-header .vector-sticky-header-context-bar .mw-headline {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
font-size: 1.35rem !important;
font-weight: 700 !important;
color: #000000 !important;
margin: 0 auto !important;
padding: 0 !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .mw-headline,
html.skin-theme-clientpref-night #vector-sticky-header .vector-sticky-header-context-bar .vector-sticky-header-title {
color: #ffffff !important;
}
.skin-vector-2022 #vector-sticky-header .vector-sticky-header-end,
#vector-sticky-header .vector-sticky-header-end {
display: flex !important;
align-items: center !important;
flex: 0 0 auto !important;
margin-left: auto !important;
}
#vector-main-menu-dropdown .vector-dropdown-content {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;
border-radius: 4px !important;
background-color: var(--background-color-base, #ffffff) !important;
}
body.page-Main_Page .vector-header-container,
body.page-Main_Page #mw-head { display: flex !important; background: transparent !important; background-color: transparent !important; border: none !important; border-bottom: none !important; box-shadow: none !important; height: auto !important; min-height: 86px !important; }
.vector-header-container .mw-logo-wordmark,
.vector-header-container .vector-menu-heading,
.vector-header-container a,
.vector-sticky-header a {
color: #ffffff !important;
}
.vector-header-container .cdx-text-input__input,
.vector-header-container input[type="search"] {
background-color: #ffffff !important;
border: 1px solid var(--vani-gold) !important;
border-radius: 3px !important;
color: #1a1a1a !important;
}
.vector-header-container .cdx-search-input__end-button,
.vector-header-container input[type="submit"] {
background-color: var(--petal-color-dark) !important;
color: var(--vani-gold) !important;
border: 1px solid var(--vani-gold) !important;
font-weight: bold !important;
}
body.page-Main_Page .vector-sitenotice-container,
body.page-Main_Page #siteNotice,
body.page-Main_Page #localNotice,
body.page-Main_Page #mainbanner,
body.page-Main_Page #mw-head-base {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
visibility: hidden !important;
overflow: hidden !important;
}
@media (max-width:1500px) {
.vh-bottom {
grid-template-columns:
minmax(560px, 1.12fr)
minmax(570px, 1fr);
gap: 20px;
}
}
@media (max-width:1365px) {
.vh-bottom {
grid-template-columns:
1.05fr
.95fr;
}
}
.vh-bottom {
display: grid;
grid-template-columns:
minmax(760px, 1.3fr)
minmax(600px, 1fr);
column-gap: 32px;
align-items: start;
margin-top: 18px;
padding-top: 18px;
padding-bottom: 10px;
}
@media (max-width:1500px) {
.vh-bottom {
grid-template-columns:
minmax(650px, 1.2fr)
minmax(650px, 1fr);
column-gap: 20px;
}
}
@media (max-width:1365px) {
.vh-bottom {
grid-template-columns:
minmax(600px, 1.1fr)
minmax(620px, 1fr);
}
}
body.page-Main_Page .vector-header-container,
body.page-Main_Page #mw-head,
.vector-header-container {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 86px !important;
max-height: 96px !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-bottom: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
position: relative !important;
z-index: 1000 !important;
box-sizing: border-box !important;
}
.mw-header {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 86px !important;
max-height: 96px !important;
padding: 0 20px !important;
margin: 0 !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: nowrap !important;
position: relative !important;
box-sizing: border-box !important;
overflow: visible !important;
}
#vanipedia-topbar-title,
.vanipedia-topbar-main-title {
position: static !important;
transform: none !important;
display: block !important;
font-family: 'Cinzel', Georgia, serif !important;
font-size: 16.5px !important;
font-weight: 700 !important;
letter-spacing: 1.8px !important;
color: #f5d77f !important;
text-decoration: none !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(245, 215, 127, 0.3) !important;
white-space: nowrap !important;
line-height: 1.25 !important;
margin: 0 0 3px 0 !important;
padding: 0 !important;
pointer-events: none !important;
user-select: text !important;
}
#vanipedia-topbar-title {
pointer-events: none !important;
cursor: default !important;
user-select: text !important;
}
#vanipedia-topbar-title:hover {
color: #f5d77f !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(245, 215, 127, 0.3) !important;
cursor: default !important;
}
.vector-header-start {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 12px !important;
flex: 0 0 auto !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.vector-header-start #vector-main-menu-dropdown {
display: flex !important;
align-items: center !important;
visibility: visible !important;
margin: 0 !important;
}
.vector-header-start #vector-main-menu-dropdown .vector-dropdown-label,
.vector-header-start #vector-main-menu-dropdown .vector-main-menu-dropdown-toggle,
.vector-header-start #vector-main-menu-dropdown .cdx-button--fake-button {
color: #f5d77f !important;
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 6px !important;
line-height: 1 !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
}
.vector-header-start #vector-main-menu-dropdown .vector-dropdown-label:hover {
background-color: rgba(245, 215, 127, 0.15) !important;
border-radius: 4px !important;
}
.vector-header-container .vector-icon,
.vector-header-start .vector-icon,
.vector-header-end .vector-icon,
.mw-header .vector-icon {
background-color: #f5d77f !important;
color: #f5d77f !important;
fill: #f5d77f !important;
filter: brightness(0) saturate(100%) invert(86%) sepia(26%) saturate(884%) hue-rotate(352deg) brightness(102%) contrast(96%) !important;
opacity: 1 !important;
visibility: visible !important;
width: 22px !important;
height: 22px !important;
display: inline-block !important;
}
.vector-header-start .mw-logo-wordmark,
.vector-header-start .mw-logo-tagline,
.vector-header-start .mw-logo {
display: none !important;
}
.vector-header-container #p-search,
.mw-header #p-search {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
.vector-header-container #searchform,
.mw-header #searchform {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
.vector-header-container .cdx-search-input,
.vector-header-container .vector-search-box-input,
.vector-header-container .cdx-text-input {
max-width: 260px !important;
height: 32px !important;
margin: 0 !important;
}
.vector-header-container .cdx-text-input__input,
.vector-header-container input[type="search"],
#searchInput {
background-color: #1f3e45 !important;
border: 1px solid rgba(245, 215, 127, 0.45) !important;
color: #ffffff !important;
border-radius: 18px !important;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4) !important;
padding: 4px 12px 4px 30px !important;
font-size: 13px !important;
height: 30px !important;
line-height: 30px !important;
width: 180px !important;
transition: width 0.25s ease, border-color 0.25s ease, background-color 0.25s ease !important;
box-sizing: border-box !important;
}
.vector-header-container .cdx-text-input__input:focus,
.vector-header-container input[type="search"]:focus,
#searchInput:focus {
width: 240px !important;
background-color: #173036 !important;
border-color: #f5d77f !important;
box-shadow: 0 0 8px rgba(245, 215, 127, 0.4), inset 0 1px 3px rgba(0, 0, 0, 0.4) !important;
outline: none !important;
}
.vector-header-container .cdx-text-input__input::placeholder,
.vector-header-container input[type="search"]::placeholder,
#searchInput::placeholder {
color: #a5c4c9 !important;
font-style: italic !important;
}
.vector-header-container .cdx-text-input__icon,
.vector-header-container .vector-search-box-inner .vector-icon {
color: #f5d77f !important;
fill: #f5d77f !important;
}
.vector-header-container .cdx-search-input__end-button,
.vector-header-container #searchButton,
.vector-header-container #mw-searchButton,
.vector-header-container .searchButton,
.vector-header-container input[type="submit"] {
display: none !important;
}
.vector-header-end {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-end !important;
flex-wrap: nowrap !important;
gap: 8px !important;
flex: 0 0 auto !important;
height: 100% !important;
margin: 0 0 0 auto !important;
}
.vector-header-end .cdx-button,
.vector-header-end .cdx-button--fake-button,
.vector-header-end .cdx-button--weight-quiet,
.vector-header-end .vector-dropdown-label,
.vector-header-end .vector-menu-heading,
.vector-header-end #p-personal,
.vector-header-end .vector-user-links,
.vector-header-end .vector-user-menu,
.vector-header-end .vector-menu,
.vector-header-end .vector-menu-content,
.vector-header-end #pt-userpage-2,
.vector-header-end #vector-user-links-dropdown {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
}
.vector-header-end #pt-userpage-2,
.vector-header-end #pt-userpage-2 span,
.vector-header-end .vector-dropdown-label,
.vector-header-end .vector-user-menu-overflow .vector-dropdown-label {
color: #f5d77f !important;
fill: #f5d77f !important;
font-size: 13px !important;
font-weight: 600 !important;
text-decoration: none !important;
white-space: nowrap !important;
padding: 4px 8px !important;
border-radius: 4px !important;
display: inline-flex !important;
align-items: center !important;
transition: background-color 0.2s ease, color 0.2s ease !important;
}
.vector-header-end #pt-userpage-2:hover,
.vector-header-end .vector-dropdown-label:hover {
background-color: rgba(245, 215, 127, 0.15) !important;
color: #ffffff !important;
}
.vector-header-end .vector-dropdown-content {
background: #1f3e45 !important;
background-color: #1f3e45 !important;
border: 1.5px solid #b1873d !important;
border-radius: 6px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
padding: 6px 0 !important;
min-width: 175px !important;
width: 180px !important;
overflow: visible !important;
}
.vector-header-end .vector-dropdown-content div,
.vector-header-end .vector-dropdown-content ul,
.vector-header-end .vector-dropdown-content .vector-menu-content {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.vector-header-end .vector-dropdown-content li {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
background-color: transparent !important;
border: none !important;
}
.vector-header-end .vector-dropdown-content #pt-mytalk {
display: block !important;
visibility: visible !important;
}
.vector-header-end .vector-dropdown-content .vector-icon {
display: none !important;
}
.vector-header-end .vector-dropdown-content a {
display: flex !important;
align-items: center !important;
color: #ffffff !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 10px 18px !important;
line-height: 1.2 !important;
background: transparent !important;
background-color: transparent !important;
border: none !important;
text-decoration: none !important;
box-sizing: border-box !important;
width: 100% !important;
transition: background-color 0.15s ease, color 0.15s ease !important;
}
.vector-header-end .vector-dropdown-content a span {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
color: inherit !important;
font-size: inherit !important;
font-weight: inherit !important;
background: transparent !important;
}
.vector-header-end .vector-dropdown-content a:hover,
.vector-header-end .vector-dropdown-content a:focus,
.vector-header-end .vector-dropdown-content a:active {
background-color: #526B50 !important;
color: #f5d77f !important;
text-decoration: none !important;
}
.vector-header-end .vector-dropdown-content #pt-logout,
.vector-header-end .vector-dropdown-content #p-user-menu-logout,
.vector-header-end .vector-dropdown-content .vector-user-menu-logout {
border-top: 1px solid rgba(177, 135, 61, 0.35) !important;
margin-top: 6px !important;
padding-top: 4px !important;
}
.vector-header-end .vector-dropdown-content #pt-logout a,
.vector-header-end .vector-dropdown-content #p-user-menu-logout a {
color: #ffffff !important;
}
.vector-header-end .vector-dropdown-content #pt-logout a:hover,
.vector-header-end .vector-dropdown-content #p-user-menu-logout a:hover {
background-color: #526B50 !important;
color: #fca5a5 !important;
}
.vector-header-container [title]:hover::after,
.vector-header-container [title]:hover::before,
.vector-header-container a[title]:hover::after,
.vector-header-container a[title]:hover::before,
.mw-header [title]:hover::after,
.mw-header [title]:hover::before,
.mw-header a[title]:hover::after,
.mw-header a[title]:hover::before {
display: none !important;
content: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
.vector-sticky-header {
background-color: #526B50 !important;
border-bottom: 2px solid #b1873d !important;
height: 48px !important;
}
.vector-sticky-header a,
.vector-sticky-header .vector-icon {
color: #f5d77f !important;
fill: #f5d77f !important;
}
body.page-Main_Page #siteNotice,
body.page-Main_Page #localNotice,
body.page-Main_Page #mw-head-base {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
visibility: hidden !important;
overflow: hidden !important;
}
body.page-Main_Page .vector-header-container {
margin-bottom: 0 !important;
}
.vh-bottom-card {
background: #ffffff !important;
border: 1px solid rgba(177, 135, 61, 0.35) !important;
border-radius: 6px !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
box-sizing: border-box !important;
}
.vh-bottom-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
width: 100% !important;
flex: 0 0 auto !important;
}
.vh-bottom-card {
padding: 0 !important;
overflow: hidden !important;
}
.vh-bottom-grid,
.vh-bottom-card {
display: none !important;
}
.vector-header-start {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 12px !important;
flex: 0 0 auto !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.vector-header-start #vector-main-menu-dropdown {
order: 1 !important;
}
.vector-header-start #p-search,
.vector-header-container #p-search,
.mw-header #p-search {
order: 2 !important;
display: flex !important;
align-items: center !important;
margin: 0 0 0 4px !important;
padding: 0 !important;
}
#mw-head [title]::before,
#mw-head [title]::after,
.vector-header [title]::before,
.vector-header [title]::after {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.vector-header {
-webkit-user-select: none !important;
user-select: none !important;
}
.vector-header-container,
#mw-head,
.mw-header {
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
background-color: #526B50 !important;
}
.vector-header-container .vector-icon,
.vector-header-start .vector-icon,
.vector-header-end .vector-icon,
.vector-header-start .cdx-button,
.vector-header-end .cdx-button,
.vector-header-start .vector-dropdown-label,
.vector-header-end .vector-dropdown-label,
.vector-header-container .cdx-text-input__icon,
.mw-header .vector-icon,
.vector-sticky-header .vector-icon {
transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.25, 1),
filter 0.25s ease,
color 0.25s ease,
background-color 0.25s ease !important;
will-change: transform, filter !important;
}
.vector-header-start #vector-main-menu-dropdown:hover .vector-icon,
.vector-header-start .cdx-button:hover .vector-icon,
.vector-header-end .cdx-button:hover .vector-icon,
.vector-header-start .vector-dropdown-label:hover .vector-icon,
.vector-header-end .vector-dropdown-label:hover .vector-icon,
.vector-header-end #pt-userpage-2:hover .vector-icon,
.vector-header-container .cdx-search-input:hover .cdx-text-input__icon,
.vector-header-container .cdx-text-input__input:focus~.cdx-text-input__icon,
.vector-header-container .vector-icon:hover {
transform: translateY(-2.5px) scale(1.14) !important;
filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.55))
drop-shadow(0 0 10px rgba(245, 215, 127, 0.8)) !important;
color: #ffffff !important;
fill: #ffffff !important;
}
.vector-header-start .vector-dropdown-label:hover,
.vector-header-end .vector-dropdown-label:hover,
.vector-header-start .cdx-button:hover,
.vector-header-end .cdx-button:hover,
.vector-header-end #pt-userpage-2:hover {
transform: translateY(-2px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(245, 215, 127, 0.45) !important;
background-color: rgba(245, 215, 127, 0.18) !important;
}
.vector-header-start .vector-dropdown-label:active .vector-icon,
.vector-header-end .vector-dropdown-label:active .vector-icon,
.vector-header-start .cdx-button:active .vector-icon,
.vector-header-end .cdx-button:active .vector-icon {
transform: translateY(0.5px) scale(0.98) !important;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) !important;
}
.vector-header-container .cdx-button,
.vector-header-container .vector-dropdown-label,
.vector-header-container #pt-userpage-2,
.vector-header-container .vector-user-links a,
.vector-header-container .vector-icon,
.vector-header-container svg {
transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.25, 1),
background-color 0.2s ease,
color 0.2s ease,
box-shadow 0.2s ease,
filter 0.22s ease !important;
}
.vector-header-container .vector-header-start .cdx-button:hover,
.vector-header-container .vector-header-end .cdx-button:hover,
.vector-header-container .vector-dropdown-label:hover,
.vector-header-container #vector-main-menu-dropdown .vector-dropdown-label:hover,
.vector-header-container #pt-userpage-2:hover,
.vector-header-container .vector-user-links a:hover {
transform: translateY(-2px) !important;
background-color: rgba(245, 215, 127, 0.18) !important;
border-radius: 4px !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25), inset 0 0 0 1px rgba(245, 215, 127, 0.4) !important;
color: #ffffff !important;
}
.vector-header-container .vector-header-start .cdx-button:hover .vector-icon,
.vector-header-container .vector-header-end .cdx-button:hover .vector-icon,
.vector-header-container .vector-dropdown-label:hover .vector-icon,
.vector-header-container #vector-main-menu-dropdown:hover .vector-icon,
.vector-header-container #pt-userpage-2:hover .vector-icon,
.vector-header-container .vector-user-links a:hover .vector-icon,
.vector-header-container .cdx-button:hover svg,
.vector-header-container .vector-dropdown-label:hover svg,
.vector-header-container .vector-icon:hover {
transform: scale(1.08) !important;
color: #ffffff !important;
fill: #ffffff !important;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5))
drop-shadow(0 0 8px rgba(245, 215, 127, 0.65)) !important;
}
.vector-header-container,
.vector-header-start,
.vector-header-end,
.vector-header-container *,
.vector-header-container .vector-icon,
.vector-header-container svg,
.vector-header-container .cdx-button,
.vector-header-container .vector-dropdown-label,
.vector-header-container #pt-userpage-2,
.vector-header-container .vector-user-links a,
.mw-header .vector-icon,
.vector-sticky-header .vector-icon {
transform: none !important;
animation: none !important;
filter: none !important;
will-change: auto !important;
}
.vector-header-container .vector-icon:hover,
.vector-header-container svg:hover,
.vector-header-container .cdx-button:hover .vector-icon,
.vector-header-container .cdx-button:hover svg,
.vector-header-container .vector-dropdown-label:hover .vector-icon,
.vector-header-container .vector-dropdown-label:hover svg,
.vector-header-container #vector-main-menu-dropdown:hover .vector-icon,
.vector-header-container #vector-main-menu-dropdown:hover svg,
.vector-header-container #pt-userpage-2:hover .vector-icon,
.vector-header-container #pt-userpage-2:hover svg,
.vector-header-container .vector-user-links a:hover .vector-icon,
.vector-header-container .vector-user-links a:hover svg,
.vector-header-container .cdx-search-input:hover .cdx-text-input__icon,
.vector-header-container .cdx-text-input__input:focus~.cdx-text-input__icon,
.vector-header-start .cdx-button:hover .vector-icon,
.vector-header-end .cdx-button:hover .vector-icon,
.vector-header-start .vector-dropdown-label:hover .vector-icon,
.vector-header-end .vector-dropdown-label:hover .vector-icon,
.vector-header-start #vector-main-menu-dropdown:hover .vector-icon,
.vector-header-end #pt-userpage-2:hover .vector-icon {
transform: none !important;
filter: none !important;
animation: none !important;
color: #ffffff !important;
fill: #ffffff !important;
}
.vector-header-container .cdx-button:hover,
.vector-header-container .vector-dropdown-label:hover,
.vector-header-container #vector-main-menu-dropdown .vector-dropdown-label:hover,
.vector-header-container #pt-userpage-2:hover,
.vector-header-container .vector-user-links a:hover,
.vector-header-start .cdx-button:hover,
.vector-header-end .cdx-button:hover,
.vector-header-start .vector-dropdown-label:hover,
.vector-header-end .vector-dropdown-label:hover,
.vector-header-start #vector-main-menu-dropdown .vector-dropdown-label:hover,
.vector-header-end #pt-userpage-2:hover {
transform: none !important;
box-shadow: none !important;
background-color: rgba(245, 215, 127, 0.15) !important;
border-radius: 4px !important;
color: #ffffff !important;
}
.vector-header-container .cdx-button:active,
.vector-header-container .vector-dropdown-label:active,
.vector-header-container .vector-icon:active,
.vector-header-start .vector-dropdown-label:active .vector-icon,
.vector-header-end .vector-dropdown-label:active .vector-icon,
.vector-header-start .cdx-button:active .vector-icon,
.vector-header-end .cdx-button:active .vector-icon {
transform: none !important;
filter: none !important;
}
.vh-bottom-bar {
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: 38px !important;
background: #526B50 !important;
border-top: 1.5px solid rgba(223, 173, 62, 0.45) !important;
box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.35) !important;
z-index: 99990 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
user-select: none !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
}
.vh-bottom-bar-inner {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 14px !important;
max-width: 1200px !important;
width: 100% !important;
padding: 0 16px !important;
overflow-x: auto !important;
white-space: nowrap !important;
scrollbar-width: none !important;             /* Firefox */
}
.vh-bottom-bar-inner::-webkit-scrollbar {
display: none !important;                     /* Chrome/Safari */
}
.vh-bottom-link {
color: #f5d77f !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 13.5px !important;
font-weight: 600 !important;
text-decoration: none !important;
letter-spacing: 0.35px !important;
padding: 3px 10px !important;
border-radius: 4px !important;
transition: color 0.18s ease, background-color 0.18s ease, transform 0.15s ease !important;
display: inline-flex !important;
align-items: center !important;
white-space: nowrap !important;
}
.vh-bottom-link:hover {
color: #ffffff !important;
background-color: rgba(245, 215, 127, 0.18) !important;
text-decoration: none !important;
}
.vh-bottom-donate {
background: linear-gradient(135deg, rgba(223, 173, 62, 0.3) 0%, rgba(223, 173, 62, 0.12) 100%) !important;
border: 1px solid rgba(223, 173, 62, 0.65) !important;
color: #fce8a6 !important;
padding: 2.5px 14px !important;
border-radius: 12px !important;
font-weight: 700 !important;
}
.vh-bottom-donate:hover {
background: linear-gradient(135deg, #dfad3e 0%, #b88a38 100%) !important;
color: #150b00 !important;
border-color: #dfad3e !important;
box-shadow: 0 0 10px rgba(223, 173, 62, 0.5) !important;
}
.vh-bottom-sep {
color: rgba(245, 215, 127, 0.35) !important;
font-size: 12px !important;
line-height: 1 !important;
pointer-events: none !important;
}
body.page-Main_Page .vh-bottom-link {
cursor: none !important;
}
body.page-Main_Page .vector-sitenotice-container {
display: none !important;
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.vector-sticky-header-container {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 1000 !important;
}
.vector-sticky-header-container:not(.vector-sticky-header-visible),
.vector-header-container.vector-sticky-header-container:not(.vector-sticky-header-visible) {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.vh-bottom-link.vh-bottom-home {
color: #dfad3e !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
}
.vh-bottom-link.vh-bottom-home:hover {
color: #ffffff !important;
background-color: rgba(223, 173, 62, 0.25) !important;
}
.vector-header-container,
.vector-header,
.mw-header,
#mw-head {
background-color: #526B50 !important;
background: #526B50 !important;
border-bottom: 2px solid #b1873d !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
@media screen and (max-width:999px) {
#vanipedia-topbar-title,
#vanipedia-topbar-title-link,
#vanipedia-topbar-center-title {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
}
}
@media screen and (max-width:768px) {
.mw-header {
padding: 0 10px !important;
gap: 8px !important;
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
background-color: #526B50 !important;
}
.vector-header-start {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 8px !important;
flex: 1 1 auto !important;
min-width: 0 !important;
}
.vector-header-start #vector-main-menu-dropdown {
display: flex !important;
align-items: center !important;
visibility: visible !important;
opacity: 1 !important;
cursor: pointer !important;
flex-shrink: 0 !important;
margin: 0 !important;
padding: 0 4px !important;
}
.vector-header-start #vector-main-menu-dropdown .vector-icon {
background-color: #f5d77f !important;
color: #f5d77f !important;
fill: #f5d77f !important;
width: 22px !important;
height: 22px !important;
}
.vector-header-container #p-search,
.mw-header #p-search,
.vector-header-start #p-search {
display: flex !important;
align-items: center !important;
flex: 1 1 auto !important;
max-width: calc(100vw - 110px) !important;
min-width: 100px !important;
margin: 0 !important;
padding: 0 !important;
}
.vector-header-container #searchform,
.mw-header #searchform {
width: 100% !important;
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
.vector-header-container .cdx-search-input,
.vector-header-container .vector-search-box-input,
.vector-header-container .cdx-text-input {
width: 100% !important;
max-width: 100% !important;
height: 32px !important;
margin: 0 !important;
}
.vector-header-container .cdx-text-input__input,
.vector-header-container input[type="search"],
#searchInput {
width: 100% !important;
min-width: 80px !important;
height: 32px !important;
font-size: 13.5px !important;
padding-left: 30px !important;
box-sizing: border-box !important;
border-radius: 16px !important;
background-color: #1f3e45 !important;
border: 1px solid rgba(245, 215, 127, 0.45) !important;
color: #ffffff !important;
}
.vector-header-container .cdx-text-input__input:focus,
.vector-header-container input[type="search"]:focus,
#searchInput:focus {
width: 100% !important;
background-color: #173036 !important;
border-color: #f5d77f !important;
}
#vector-main-menu-dropdown .vector-dropdown-content,
#vector-main-menu-dropdown-content,
#vector-main-menu-unpinned-container,
#vector-main-menu-dropdown .vector-dropdown-content.is-open {
position: fixed !important;
top: 52px !important;
left: 0 !important;
width: 290px !important;
max-width: 85vw !important;
height: calc(100vh - 52px - 38px) !important;
max-height: calc(100vh - 90px) !important;
overflow-y: auto !important;
background-color: #1f3e45 !important;
border-right: 2px solid #b1873d !important;
box-shadow: 4px 0 18px rgba(0, 0, 0, 0.45) !important;
z-index: 100001 !important;
padding: 10px 0 !important;
}
#vector-main-menu-dropdown .vector-dropdown-content a,
#vector-main-menu-dropdown-content a,
#vector-main-menu-unpinned-container a {
color: #f5d77f !important;
font-size: 14.5px !important;
padding: 9px 18px !important;
display: block !important;
text-decoration: none !important;
border-left: 3px solid transparent !important;
}
#vector-main-menu-dropdown .vector-dropdown-content a:hover,
#vector-main-menu-dropdown-content a:hover,
#vector-main-menu-unpinned-container a:hover {
background-color: #526B50 !important;
color: #ffffff !important;
border-left-color: #f5d77f !important;
}
#vector-main-menu-dropdown .vector-menu-heading,
#vector-main-menu-dropdown-content .vector-menu-heading,
#vector-main-menu-unpinned-container .vector-menu-heading {
color: #fce8a6 !important;
font-weight: 700 !important;
font-size: 13px !important;
letter-spacing: 0.6px !important;
text-transform: uppercase !important;
border-bottom: 1px solid rgba(245, 215, 127, 0.3) !important;
padding: 10px 18px 6px 18px !important;
margin-top: 8px !important;
}
.vh-bottom-bar {
height: 38px !important;
}
.vh-bottom-bar-inner {
gap: 10px !important;
padding: 0 10px !important;
}
.vh-bottom-link {
font-size: 12px !important;
padding: 2px 6px !important;
}
}
body.skin-minerva .minerva-header {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
height: 100% !important;
width: 100% !important;
padding: 0 12px !important;
margin: 0 !important;
box-sizing: border-box !important;
background-color: #526B50 !important;
}
.minerva-header .navigation-drawer.toggle-list {
flex: 0 0 32px !important;
width: 32px !important;
height: 32px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.minerva-header #mw-mf-main-menu-button,
.minerva-header .toggle-list__toggle {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
padding: 0 !important;
margin: 0 !important;
width: 32px !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
}
.minerva-header .minerva-icon--menu,
.minerva-header #mw-mf-main-menu-button .minerva-icon--menu {
background-color: #f5d77f !important;
opacity: 1 !important;
width: 24px !important;
height: 24px !important;
display: inline-block !important;
}
.minerva-header .branding-box {
display: flex !important;
align-items: center !important;
flex: 0 0 auto !important;
margin: 0 0 0 20px !important;
padding: 0 !important;
}
.minerva-header .branding-box a,
.minerva-header .branding-box span {
color: #f5d77f !important;
font-family: 'DM Serif Display', 'Cormorant Garamond', Georgia, serif !important;
font-size: 19px !important;
font-weight: 700 !important;
letter-spacing: 0.8px !important;
text-decoration: none !important;
white-space: nowrap !important;
}
.minerva-header .minerva-search-form {
margin-left: auto !important; /* Absorbs ALL horizontal space between title and search */
margin-right: 8px !important;
flex: 0 0 32px !important;
width: 32px !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
}
.minerva-header .minerva-search-form .search-box {
display: none !important;
}
.minerva-header #searchIcon {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
padding: 0 !important;
margin: 0 !important;
width: 32px !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
}
.minerva-header .minerva-icon--search,
.minerva-header #searchIcon .minerva-icon--search {
background-color: #f5d77f !important;
opacity: 1 !important;
width: 22px !important;
height: 22px !important;
display: inline-block !important;
}
.minerva-header #searchIcon span:last-child {
display: none !important;
}
.minerva-header .minerva-user-navigation {
flex: 0 0 32px !important;
width: 32px !important;
height: 32px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
}
.minerva-header .minerva-notifications,
.minerva-header .minerva-user-navigation ul,
.minerva-header .minerva-user-navigation li {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
}
.minerva-header #ca-mytalks {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
padding: 0 !important;
margin: 0 !important;
width: 32px !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
}
.minerva-header .minerva-icon--bellOutline,
.minerva-header #ca-mytalks .minerva-icon--bellOutline {
background-color: #f5d77f !important;
opacity: 1 !important;
width: 22px !important;
height: 22px !important;
display: inline-block !important;
}
.minerva-header #ca-mytalks span:last-child {
display: none !important;
}
#vanipedia-mobile-user-menu {
display: none !important;
position: fixed !important;
top: 52px !important;
right: 8px !important;
width: 175px !important;
background-color: #1f3e45 !important;
border: 1.5px solid #b1873d !important;
border-radius: 6px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
padding: 6px 0 !important;
z-index: 999999 !important;
box-sizing: border-box !important;
flex-direction: column !important;
}
#vanipedia-mobile-user-menu.is-open {
display: flex !important;
}
#vanipedia-mobile-user-menu a.vani-user-menu-item {
color: #f5d77f !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 10px 18px !important;
text-decoration: none !important;
display: block !important;
line-height: 1.2 !important;
}
#vanipedia-mobile-user-menu a.vani-user-menu-item:hover,
#vanipedia-mobile-user-menu a.vani-user-menu-item:active {
background-color: #526B50 !important;
color: #ffffff !important;
}
#vanipedia-mobile-user-menu .vani-user-menu-divider {
height: 1px !important;
background-color: rgba(177, 135, 61, 0.35) !important;
margin: 5px 0 !important;
}
#vanipedia-mobile-user-menu a.vani-user-menu-logout {
color: #fca5a5 !important;
}
#vanipedia-mobile-user-menu a.vani-user-menu-logout:hover {
background-color: rgba(239, 68, 68, 0.2) !important;
color: #ffffff !important;
}
#mw-mf-page-left.navigation-drawer,
#mw-mf-page-left.menu {
background-color: #1f3e45 !important;
border-right: 2px solid #b1873d !important;
box-shadow: 4px 0 18px rgba(0, 0, 0, 0.45) !important;
}
#mw-mf-page-left a.toggle-list-item__anchor {
color: #f5d77f !important;
font-size: 14.5px !important;
}
#mw-mf-page-left a.toggle-list-item__anchor:hover {
background-color: #526B50 !important;
color: #ffffff !important;
}
#mw-mf-page-left .minerva-icon {
background-color: #ffd700 !important;
}
html #vector-user-links-dropdown .vector-dropdown-content,
html body.page-Main_Page #vector-user-links-dropdown .vector-dropdown-content,
html body #p-personal.vector-menu,
html body #p-personal .vector-menu-content,
#vector-user-links-dropdown-content {
background: #1f3e45 !important;
background-color: #1f3e45 !important;
border: 1.5px solid #b1873d !important;
border-radius: 6px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55) !important;
padding: 6px 0 !important;
min-width: 175px !important;
width: 180px !important;
box-sizing: border-box !important;
}
html #vector-user-links-dropdown .vector-dropdown-content div,
html #vector-user-links-dropdown .vector-dropdown-content ul,
html #vector-user-links-dropdown .vector-dropdown-content li,
html #vector-user-links-dropdown .vector-dropdown-content .vector-menu-content,
html #vector-user-links-dropdown .vector-dropdown-content .vector-menu-content-list {
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
html #vector-user-links-dropdown #pt-mytalk,
html .vector-user-menu #pt-mytalk {
display: block !important;
visibility: visible !important;
}
#vector-user-links-dropdown-label .vector-icon,
#vector-user-links-dropdown .vector-dropdown-label .vector-icon,
.vector-header-end #vector-user-links-dropdown .vector-icon {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
width: 20px !important;
height: 20px !important;
color: #f5d77f !important;
fill: #f5d77f !important;
background-color: #f5d77f !important;
margin-right: 4px !important;
vertical-align: middle !important;
}
#vector-user-links-dropdown .vector-dropdown-content .vector-icon {
display: inline-block !important;
width: 16px !important;
height: 16px !important;
margin: 0 8px 0 0 !important;
padding: 0 !important;
color: #f5d77f !important;
fill: #f5d77f !important;
background-color: #f5d77f !important;
vertical-align: middle !important;
}
html #vector-user-links-dropdown .vector-dropdown-content a,
html #p-personal .vector-menu-content a {
display: flex !important;
align-items: center !important;
color: #f5d77f !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 10px 18px !important;
line-height: 1.2 !important;
background: transparent !important;
background-color: transparent !important;
border: none !important;
text-decoration: none !important;
box-sizing: border-box !important;
width: 100% !important;
transition: background-color 0.15s ease, color 0.15s ease !important;
}
html #vector-user-links-dropdown .vector-dropdown-content a span,
html #p-personal .vector-menu-content a span {
color: #f5d77f !important;
font-size: 15px !important;
font-weight: 500 !important;
display: inline !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
}
html #vector-user-links-dropdown .vector-dropdown-content a:hover,
html #vector-user-links-dropdown .vector-dropdown-content a:focus,
html #vector-user-links-dropdown .vector-dropdown-content a:active {
background-color: #526B50 !important;
color: #ffffff !important;
text-decoration: none !important;
}
html #vector-user-links-dropdown .vector-dropdown-content a:hover span {
color: #ffffff !important;
}
html #vector-user-links-dropdown #pt-logout,
html .vector-user-menu #pt-logout {
border-top: 1px solid rgba(177, 135, 61, 0.35) !important;
margin-top: 6px !important;
padding-top: 4px !important;
}
html #vector-user-links-dropdown #pt-logout a,
html .vector-user-menu #pt-logout a {
color: #fca5a5 !important;
}
html #vector-user-links-dropdown #pt-logout a:hover,
html .vector-user-menu #pt-logout a:hover {
background-color: rgba(239, 68, 68, 0.25) !important;
color: #ffffff !important;
}
@media screen and (max-width:768px) {
.vh-bottom-bar-inner {
justify-content: flex-start !important;
padding: 0 14px !important;
gap: 10px !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}
.vh-bottom-link.vh-bottom-home {
display: inline-flex !important;
flex-shrink: 0 !important;
}
}
body.ext-vp3d-fullscreen #vh-bottom-bar,
body.ext-vp3d-fullscreen .minerva-header,
body.ext-vp3d-fullscreen .vector-header-container,
body.ext-vp3d-fullscreen #mw-head,
body.ext-vp3d-fullscreen .mw-header,
body:has(.vp-entry3d-container) #vh-bottom-bar,
body:has(.vp-entry3d-container) .minerva-header,
body:has(.vp-entry3d-container) .vector-header-container,
body:has(.vp-entry3d-wrapper) #vh-bottom-bar,
body:has(.vp-entry3d-wrapper) .minerva-header,
body:has(.vp-entry3d-wrapper) .vector-header-container {
display: none !important;
visibility: hidden !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
}
#vani-stage-header-slot .minerva-header,
#vani-stage-header-slot .vector-header-container,
#vani-stage-header-slot #mw-head {
position: static !important;
width: 100% !important;
height: 100% !important;
max-height: 100% !important;
min-height: 100% !important;
margin: 0 !important;
padding: 0 12px !important;
box-shadow: none !important;
border: none !important;
background-color: #526B50 !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
}
#vani-stage-footer-slot #vh-bottom-bar,
#vani-stage-footer-slot .vh-bottom-bar {
position: static !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
background-color: transparent !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
#vani-stage-footer-slot .vh-bottom-bar-inner {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
gap: 14px !important;
padding: 0 16px !important;
}
#vani-stage-header-slot #vanipedia-mobile-user-menu {
position: absolute !important;
top: 48px !important;
right: 8px !important;
z-index: 1000000 !important;
}
#mw-mf-page-left.navigation-drawer {
z-index: 1000005 !important;
}
#vani-stage-header-slot .vector-header,
#vani-stage-header-slot .mw-header {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 12px !important;
box-sizing: border-box !important;
}
#vani-stage-header-slot .vector-header-start {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 12px !important;
flex: 1 1 auto !important;
}
#vani-stage-header-slot .vector-header-end {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 10px !important;
flex: 0 0 auto !important;
}
body.has-vani-stage>.vector-header-container,
body.has-vani-stage>.vector-sticky-header-container,
body.has-vani-stage>#mw-head,
body.has-vani-stage>#vh-bottom-bar {
display: none !important;
}
#mw-mf-page-left {
background-color: #f6f2e9 !important;
border-right: 2px solid #b1873d !important;
box-shadow: 4px 0 20px rgba(0, 0, 0, 0.45) !important;
padding: 12px 10px !important;
box-sizing: border-box !important;
width: 290px !important;
max-width: 85vw !important;
}
#mw-mf-page-left>ul#p-navigation,
#mw-mf-page-left>ul#p-personal,
#mw-mf-page-left>ul.hlist,
#mw-mf-page-left .menu__item--nearby,
#mw-mf-page-left .menu__item--random {
display: none !important;
}
#mw-mf-page-left #vani-mobile-synced-sidebar {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
#mw-mf-page-left .vanipedia-sidebar-menu {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin-bottom: 6px !important;
}
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-heading {
cursor: pointer !important;
background-color: #2c4c50 !important;
border: 1px solid #1b3033 !important;
border-radius: 4px !important;
margin-bottom: 4px !important;
padding: 10px 14px !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #ffffff !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
box-sizing: border-box !important;
transition: all 0.2s ease !important;
}
#mw-mf-page-left .vanipedia-sidebar-menu:not(.vanipedia-collapsed) .vector-menu-heading {
border-radius: 4px 4px 0 0 !important;
margin-bottom: 0 !important;
}
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-heading:hover {
background-color: #385e63 !important;
}
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-heading::after {
content: "▼" !important;
font-size: 0.75em !important;
color: #ffffff !important;
transition: transform 0.2s ease !important;
}
#mw-mf-page-left .vanipedia-sidebar-menu.vanipedia-collapsed .vector-menu-heading::after {
transform: rotate(-90deg) !important;
}
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content {
background-color: #eaeff0 !important;
border: 1px solid #2c4c50 !important;
border-top: none !important;
border-radius: 0 0 4px 4px !important;
padding: 0 0 4px 0 !important;
margin-bottom: 6px !important;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15) !important;
box-sizing: border-box !important;
}
#mw-mf-page-left .vanipedia-sidebar-menu.vanipedia-collapsed .vector-menu-content {
display: none !important;
}
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content li a {
display: block !important;
padding: 9px 14px 9px 18px !important;
color: #1b3033 !important;
font-size: 14px !important;
text-decoration: none !important;
border-left: 3px solid transparent !important;
border-bottom: 1px solid rgba(44, 76, 80, 0.1) !important;
transition: all 0.15s ease !important;
}
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content li:last-child a {
border-bottom: none !important;
}
#mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content li a:hover {
background-color: #dbe4e6 !important;
border-left: 3px solid #2c4c50 !important;
color: #000000 !important;
}
#mw-mf-page-left #sidebarLanguageSearch {
width: 100% !important;
box-sizing: border-box !important;
padding: 7px 10px !important;
font-size: 14px !important;
border: 1px solid #a2a9b1 !important;
border-radius: 3px !important;
background-color: #ffffff !important;
color: #1a1a1a !important;
margin-bottom: 4px !important;
}
.vector-header-start {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
flex-wrap: nowrap !important;
}
.vector-header-start .vector-main-menu-landmark,
.vector-header-start #vector-main-menu-dropdown {
order: 1 !important;
}
.vector-header-start .mw-logo {
order: 2 !important;
display: none !important;
}
.vector-header-start #p-search,
.vector-header-container #p-search,
.mw-header #p-search,
div#p-search {
order: 5 !important;
margin-right: 0 !important;
}
.vector-header-start #vanipedia-topbar-home-link,
.vector-header-container #vanipedia-topbar-home-link,
#vanipedia-topbar-home-link,
a.vanipedia-topbar-home {
order: 10 !important;
margin-left: 10px !important;
margin-right: 14px !important;
color: #f5d77f !important;
text-decoration: none !important;
text-decoration-line: none !important;
border: none !important;
border-bottom: none !important;
outline: none !important;
box-shadow: none !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 14.5px !important;
font-weight: 600 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
padding: 5px 10px !important;
border-radius: 4px !important;
background: transparent !important;
background-color: transparent !important;
transition: all 0.2s ease !important;
cursor: pointer !important;
flex-shrink: 0 !important;
line-height: 1 !important;
visibility: visible !important;
opacity: 1 !important;
}
a.vanipedia-topbar-home:hover,
a.vanipedia-topbar-home:active,
.vector-header-container a.vanipedia-topbar-home:hover,
.vector-header-container #vanipedia-topbar-home-link:hover,
.minerva-header a.vanipedia-topbar-home:hover,
#vani-stage-header-slot a.vanipedia-topbar-home:hover {
color: #ffffff !important;
background-color: rgba(245, 215, 127, 0.2) !important;
text-decoration: none !important;
text-decoration-line: none !important;
border-bottom: none !important;
transform: translateY(-1px) !important;
}
.vanipedia-topbar-home .vanipedia-home-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
.vanipedia-topbar-home .vanipedia-home-icon svg {
width: 18px !important;
height: 18px !important;
stroke: #f5d77f !important;
fill: none !important;
stroke-width: 2 !important;
stroke-linecap: round !important;
stroke-linejoin: round !important;
transition: stroke 0.2s ease, transform 0.2s ease !important;
display: inline-block !important;
vertical-align: middle !important;
}
.vanipedia-topbar-home:hover .vanipedia-home-icon svg {
stroke: #ffffff !important;
transform: scale(1.1) !important;
}
.vanipedia-topbar-home .vanipedia-home-text {
display: inline-block !important;
line-height: 1 !important;
text-decoration: none !important;
}
@media screen and (max-width:900px) {
.vector-header-start #p-search,
.vector-header-container #p-search,
.mw-header #p-search {
flex: 1 1 auto !important;
max-width: calc(100vw - 160px) !important;
}
.vanipedia-topbar-home .vanipedia-home-text {
display: none !important;
}
.vector-header-start #vanipedia-topbar-home-link,
.vector-header-container #vanipedia-topbar-home-link,
#vanipedia-topbar-home-link,
a.vanipedia-topbar-home {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
width: 32px !important;
height: 32px !important;
padding: 0 !important;
margin: 0 4px !important;
border-radius: 50% !important;
order: 10 !important;
}
.vanipedia-topbar-home .vanipedia-home-icon svg {
width: 20px !important;
height: 20px !important;
}
}
.minerva-header .vanipedia-topbar-home,
.minerva-header #vanipedia-topbar-home-link {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
visibility: visible !important;
opacity: 1 !important;
flex: 0 0 32px !important;
width: 32px !important;
height: 32px !important;
margin: 0 6px !important;
padding: 0 !important;
z-index: 1000 !important;
border-radius: 50% !important;
}
.minerva-header .vanipedia-topbar-home .vanipedia-home-text {
display: none !important;
}
.minerva-header .vanipedia-topbar-home .vanipedia-home-icon svg {
width: 20px !important;
height: 20px !important;
}
#vani-stage-header-slot .vanipedia-topbar-home .vanipedia-home-text {
display: none !important;
}
#vani-stage-header-slot .vanipedia-topbar-home {
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
padding: 0 !important;
margin: 0 8px !important;
width: 34px !important;
height: 34px !important;
box-sizing: border-box !important;
order: 10 !important;
}
#vani-stage-header-slot .vanipedia-topbar-home .vanipedia-home-icon svg {
width: 20px !important;
height: 20px !important;
}
#vani-stage-header-slot .vector-header-start #p-search {
order: 5 !important;
}
.vh-bottom-link.vh-bottom-entry,
a.vh-bottom-link {
text-decoration: none !important;
text-decoration-line: none !important;
border-bottom: none !important;
}
.vh-bottom-link.vh-bottom-entry:hover,
a.vh-bottom-link:hover {
text-decoration: none !important;
text-decoration-line: none !important;
}
#vanipedia-topbar-title,
span#vanipedia-topbar-title,
a#vanipedia-topbar-title {
pointer-events: none !important;
cursor: default !important;
user-select: text !important;
text-decoration: none !important;
}
#vanipedia-topbar-title:hover,
span#vanipedia-topbar-title:hover,
a#vanipedia-topbar-title:hover {
color: #f5d77f !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(245, 215, 127, 0.3) !important;
cursor: default !important;
transform: translate(-50%, -50%) !important;
}
.vh-bottom-bar-inner {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
padding: 0 24px !important;
position: relative !important;
box-sizing: border-box !important;
}
.vh-bottom-bar-left-space {
flex: 1 1 0 !important;
min-width: 0 !important;
}
.vh-bottom-nav-links {
flex: 0 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
white-space: nowrap !important;
}
.vh-bottom-bar-right-space {
flex: 1 1 0 !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.vh-bottom-social-links {
position: static !important;
transform: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 24px !important;
}
.vh-bottom-social-item {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 24px !important;
line-height: 0 !important;
transition: transform 0.2s ease, opacity 0.2s ease !important;
text-decoration: none !important;
}
.vh-bottom-social-item:hover {
transform: scale(1.15) !important;
opacity: 0.9 !important;
}
.vh-bottom-social-item img {
display: block !important;
height: 20px !important;
width: auto !important;
max-height: 20px !important;
object-fit: contain !important;
border: none !important;
}
body.page-Main_Page .vector-header-container,
.vector-header-container,
.vector-header-container.vector-sticky-header-container {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-bottom: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 0 !important;
}
header.mw-header,
header.vector-header,
body.page-Main_Page #mw-head,
body.page-Main_Page .vector-header-container header.mw-header {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 86px !important;
max-height: 96px !important;
padding: 10px 24px !important;
background: #526B50 !important;
background-color: #526B50 !important;
border-bottom: 2px solid #b1873d !important;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
position: relative !important;
box-sizing: border-box !important;
}
.vanipedia-topbar-center-block {
position: absolute !important;
left: 50% !important;
top: 54% !important;
transform: translate(-50%, -50%) !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
white-space: nowrap !important;
z-index: 10 !important;
pointer-events: auto !important;
line-height: 1 !important;
}
#vanipedia-topbar-center-block * {
position: static !important;
transform: none !important;
}
.vanipedia-topbar-main-title,
#vanipedia-topbar-title {
position: static !important;
transform: none !important;
display: block !important;
font-family: 'Cinzel', Georgia, serif !important;
font-size: 17.5px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
color: #f5d77f !important;
text-decoration: none !important;
text-decoration-line: none !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(245, 215, 127, 0.3) !important;
line-height: 1.25 !important;
margin: 0 0 4px 0 !important;
padding: 0 !important;
pointer-events: none !important;
user-select: text !important;
}
.vanipedia-topbar-vaniseva-title {
position: static !important;
transform: none !important;
display: block !important;
margin: 0 0 4px 0 !important;
line-height: 1.2 !important;
}
.vanipedia-topbar-vaniseva-title a {
color: #fff2c4 !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12.5px !important;
font-style: normal !important;
font-weight: 500 !important;
letter-spacing: 0.35px !important;
text-decoration: none !important;
text-decoration-line: none !important;
border: 1px solid rgba(223, 173, 62, 0.35) !important;
border-bottom: 1px solid rgba(223, 173, 62, 0.35) !important;
background: rgba(245, 215, 127, 0.08) !important;
outline: none !important;
padding: 2px 14px !important;
border-radius: 12px !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
display: inline-block !important;
}
.vanipedia-topbar-vaniseva-title a:hover,
.vanipedia-topbar-vaniseva-title a:focus,
.vanipedia-topbar-vaniseva-title a:active {
color: #ffffff !important;
text-decoration: none !important;
text-decoration-line: none !important;
border-color: rgba(223, 173, 62, 0.7) !important;
background-color: rgba(245, 215, 127, 0.22) !important;
box-shadow: 0 0 10px rgba(245, 215, 127, 0.3) !important;
}
.vanipedia-topbar-sister-links {
position: static !important;
transform: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 14px !important;
margin: 0 !important;
line-height: 1.2 !important;
}
.vanipedia-topbar-sister-link {
color: #f5d77f !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.4px !important;
text-decoration: none !important;
text-decoration-line: none !important;
border: none !important;
border-bottom: none !important;
outline: none !important;
padding: 1px 6px !important;
border-radius: 3px !important;
transition: all 0.18s ease !important;
display: inline-flex !important;
align-items: center !important;
cursor: pointer !important;
}
.vanipedia-topbar-sister-link:hover,
.vanipedia-topbar-sister-link:focus,
.vanipedia-topbar-sister-link:active {
color: #ffffff !important;
text-decoration: none !important;
text-decoration-line: none !important;
border-bottom: none !important;
background-color: rgba(245, 215, 127, 0.18) !important;
}
.vanipedia-topbar-sister-sep {
color: rgba(245, 215, 127, 0.4) !important;
font-size: 10px !important;
line-height: 1 !important;
user-select: none !important;
}
body.skin-minerva .minerva-header {
flex-wrap: nowrap !important;
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
padding: 0 10px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
background-color: #526B50 !important;
border-bottom: 2px solid #b1873d !important;
}
.minerva-header .navigation-drawer.toggle-list,
.minerva-header #mw-mf-main-menu-button,
.minerva-header .toggle-list__toggle {
flex: 0 0 32px !important;
width: 32px !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: none !important;
cursor: pointer !important;
margin: 0 !important;
padding: 0 !important;
}
.minerva-header .minerva-icon--menu,
.minerva-header #mw-mf-main-menu-button .minerva-icon--menu {
background-color: #f5d77f !important;
display: inline-block !important;
width: 24px !important;
height: 24px !important;
}
body.skin-minerva .minerva-header .branding-box,
.minerva-header .branding-box {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
align-items: center !important;
flex: 1 1 auto !important;
margin: 0 0 0 14px !important;
padding: 0 !important;
min-width: 0 !important;
overflow: visible !important;
}
body.skin-minerva .minerva-header .branding-box a,
.minerva-header .branding-box a {
display: inline-flex !important;
align-items: center !important;
visibility: visible !important;
opacity: 1 !important;
text-decoration: none !important;
color: #f5d77f !important;
}
body.skin-minerva .minerva-header .branding-box a::before,
.minerva-header .branding-box a::before {
content: "Vanipedia" !important;
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
color: #f5d77f !important;
font-family: 'DM Serif Display', 'Cormorant Garamond', Georgia, serif !important;
font-size: 19px !important;
font-weight: 700 !important;
letter-spacing: 0.8px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.skin-minerva .minerva-header .branding-box a>span,
.minerva-header .branding-box a>span,
body.skin-minerva .minerva-header .branding-box a>img,
.minerva-header .branding-box a>img {
display: none !important;
}
.minerva-header a.vanipedia-topbar-home {
flex: 0 0 28px !important;
width: 28px !important;
height: 28px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 4px !important;
padding: 0 !important;
border-radius: 50% !important;
background: transparent !important;
color: #f5d77f !important;
}
.minerva-header .minerva-search-form {
flex: 0 0 32px !important;
width: 32px !important;
height: 32px !important;
margin: 0 4px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
}
.minerva-header #searchIcon {
width: 32px !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: none !important;
cursor: pointer !important;
padding: 0 !important;
margin: 0 !important;
}
.minerva-header .minerva-icon--search,
.minerva-header #searchIcon .minerva-icon--search {
background-color: #f5d77f !important;
display: inline-block !important;
width: 22px !important;
height: 22px !important;
}
.minerva-header .minerva-user-navigation {
flex: 0 0 32px !important;
width: 32px !important;
height: 32px !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
}
.minerva-header #ca-mytalks {
width: 32px !important;
height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: none !important;
cursor: pointer !important;
padding: 0 !important;
margin: 0 !important;
}
.minerva-header .minerva-icon--bellOutline,
.minerva-header #ca-mytalks .minerva-icon--bellOutline {
background-color: #f5d77f !important;
display: inline-block !important;
width: 22px !important;
height: 22px !important;
}
body.skin-minerva .vanipedia-topbar-center-block,
body.skin-minerva #vanipedia-topbar-center-block,
body.skin-minerva #vanipedia-topbar-center-block-mobile,
body.skin-minerva .vanipedia-topbar-main-title,
body.skin-minerva .vanipedia-topbar-vaniseva-title,
body.skin-minerva .vanipedia-topbar-sister-links,
body.skin-minerva .vanipedia-topbar-sister-link,
body.skin-minerva .vanipedia-topbar-sister-sep {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
visibility: hidden !important;
overflow: hidden !important;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
body.skin-minerva .vh-bottom-social-links,
body.skin-minerva .vh-bottom-bar-right-space {
display: none !important;
width: 0 !important;
}
body.skin-minerva .vh-bottom-bar-left-space {
display: none !important;
}
body.skin-minerva .vh-bottom-bar-inner {
justify-content: center !important;
padding: 0 10px !important;
}
body.skin-minerva .vh-bottom-nav-links {
width: 100% !important;
justify-content: center !important;
gap: 8px !important;
font-size: 11px !important;
}
@media screen and (max-width:1200px) and (min-width:1000px) {
.vanipedia-topbar-main-title {
font-size: 16px !important;
letter-spacing: 1.5px !important;
}
.vanipedia-topbar-vaniseva-title a {
font-size: 11.5px !important;
padding: 2px 10px !important;
}
.vanipedia-topbar-sister-link {
font-size: 11.5px !important;
}
}
@media screen and (max-width:999px) {
header.mw-header,
header.vector-header,
.vector-header-container .mw-header {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
padding: 0 10px !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
background-color: #526B50 !important;
border-bottom: 2px solid #b1873d !important;
}
.vector-header-start {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
flex-wrap: nowrap !important;
flex: 1 1 auto !important;
min-width: 0 !important;
gap: 6px !important;
}
.vector-header-start #vector-main-menu-dropdown,
#vector-main-menu-dropdown {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
cursor: pointer !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 4px !important;
}
.vector-header-start #vector-main-menu-dropdown .vector-dropdown-label,
.vector-header-start #vector-main-menu-dropdown .vector-main-menu-dropdown-toggle {
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: transparent !important;
border: none !important;
padding: 4px !important;
}
.vector-header-start #vector-main-menu-dropdown .vector-icon {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
background-color: #f5d77f !important;
color: #f5d77f !important;
fill: #f5d77f !important;
width: 22px !important;
height: 22px !important;
}
.vector-header-container #p-search,
.mw-header #p-search,
.vector-header-start #p-search {
display: flex !important;
align-items: center !important;
flex: 1 1 auto !important;
min-width: 60px !important;
max-width: calc(100vw - 140px) !important;
margin: 0 !important;
padding: 0 !important;
}
.vector-header-container .cdx-search-input,
.vector-header-container .vector-search-box-input,
.vector-header-container .cdx-text-input,
.vector-header-start .cdx-text-input {
width: 100% !important;
max-width: 100% !important;
height: 32px !important;
margin: 0 !important;
position: relative !important;
display: flex !important;
align-items: center !important;
}
.vector-header-container .cdx-text-input__icon,
.vector-header-container .cdx-text-input__start-icon,
.vector-header-start .cdx-text-input__icon,
.vector-header-start .cdx-text-input__start-icon,
#p-search .cdx-text-input__icon,
#p-search .cdx-text-input__start-icon {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
position: absolute !important;
left: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 18px !important;
height: 18px !important;
background-color: #f5d77f !important;
color: #f5d77f !important;
fill: #f5d77f !important;
z-index: 5 !important;
pointer-events: none !important;
}
.vector-header-container .cdx-text-input__input,
.vector-header-container input[type="search"],
#searchInput {
width: 100% !important;
min-width: 60px !important;
height: 32px !important;
font-size: 13px !important;
padding-left: 32px !important;
padding-right: 8px !important;
box-sizing: border-box !important;
border-radius: 16px !important;
background-color: #1f3e45 !important;
border: 1px solid rgba(245, 215, 127, 0.45) !important;
color: #ffffff !important;
}
.vanipedia-topbar-home .vanipedia-home-text {
display: none !important;
}
.vector-header-start #vanipedia-topbar-home-link,
#vanipedia-topbar-home-link,
a.vanipedia-topbar-home {
margin: 0 2px !important;
padding: 3px 5px !important;
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
}
.vector-header-end {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-end !important;
flex: 0 0 auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.vector-header-end .vector-user-links,
.vector-header-end .vector-user-links-wide,
.vector-header-end .vector-user-links-main {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-end !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
}
.vector-header-end #p-vector-user-menu-userpage {
display: none !important;
}
.vector-header-end #p-vector-user-menu-overflow,
.vector-header-end #vector-user-links-dropdown,
.vector-header-end .vector-user-menu-overflow {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
margin: 0 !important;
padding: 0 !important;
}
.vector-header-end #vector-user-links-dropdown .vector-dropdown-label,
.vector-header-end .vector-user-menu-overflow .vector-dropdown-label {
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 4px !important;
background: transparent !important;
border: none !important;
cursor: pointer !important;
}
.vector-header-end #vector-user-links-dropdown .vector-icon,
.vector-header-end .vector-user-menu-overflow .vector-icon {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
width: 20px !important;
height: 20px !important;
background-color: #f5d77f !important;
color: #f5d77f !important;
fill: #f5d77f !important;
}
.vector-header-end .vector-dropdown-label-text {
display: none !important;
}
.vanipedia-topbar-center-block,
#vanipedia-topbar-center-block,
#vanipedia-topbar-center-block-mobile,
.vanipedia-topbar-main-title,
#vanipedia-topbar-title,
#vanipedia-topbar-title-mobile,
#vanipedia-topbar-title-link,
#vanipedia-topbar-center-title,
.vanipedia-topbar-vaniseva-title,
.vanipedia-topbar-sister-links,
.vanipedia-topbar-sister-link,
.vanipedia-topbar-sister-sep {
display: none !important;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
visibility: hidden !important;
overflow: hidden !important;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.vh-bottom-social-links,
.vh-bottom-bar-right-space {
display: none !important;
width: 0 !important;
flex: 0 0 0 !important;
visibility: hidden !important;
}
.vh-bottom-bar-left-space {
display: none !important;
width: 0 !important;
flex: 0 0 0 !important;
}
.vh-bottom-bar-inner {
justify-content: center !important;
padding: 0 10px !important;
}
.vh-bottom-nav-links {
width: 100% !important;
justify-content: center !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
gap: 8px !important;
font-size: 11px !important;
}
}
#vani-stage-header-slot .vanipedia-topbar-title-link,
#vani-stage-header-slot .vanipedia-topbar-main-title,
#vani-stage-header-slot .branding-box a {
display: inline-flex !important;
align-items: center !important;
visibility: visible !important;
opacity: 1 !important;
font-family: 'DM Serif Display', 'Cormorant Garamond', Georgia, serif !important;
font-size: 19px !important;
font-weight: 700 !important;
color: #f5d77f !important;
text-decoration: none !important;
letter-spacing: 0.8px !important;
line-height: 1 !important;
margin: 0 10px !important;
cursor: pointer !important;
}

/* Petal identity only; inherited V173 dimensions, effects and typography stay. */
header.vector-header, header.mw-header, #vector-sticky-header, #vh-bottom-bar {
    background:#526b50 !important; background-color:#526b50 !important;
}
#vh-bottom-bar .vh-bottom-petal-links { display:flex; justify-content:center; align-items:center; gap:12px; }
#vh-bottom-bar .vh-bottom-petal-links a { color:#f5d77f; font:600 12px 'Noto Serif',Georgia,serif; text-decoration:none; }
#vh-bottom-bar .vh-bottom-petal-links a:hover { color:#fff; }
/* Vanisource content reflows; do not activate the V173 rotated stage. */
body.vs-main-view { padding-bottom:46px !important; }
body.vs-main-view .mw-body-header, body.vs-main-view #firstHeading,
body.vs-main-view .vector-column-start, body.vs-main-view .vector-column-end { display:none; }
/* Retain the complete controls in native portrait flow when there is no stage. */
@media(max-width:999px) {
 body.vs-main-view #vh-bottom-bar { position:static !important; height:auto !important; min-height:38px; }
 body.vs-main-view #vh-bottom-bar .vh-bottom-bar-inner { flex-wrap:wrap !important; height:auto !important; padding:10px !important; gap:10px; }
 body.vs-main-view #vh-bottom-bar .vh-bottom-bar-left-space,
 body.vs-main-view #vh-bottom-bar .vh-bottom-bar-right-space { flex:1 1 100% !important; }
 body.vs-main-view #vh-bottom-bar .vh-bottom-nav-links { flex:1 1 100% !important; flex-wrap:wrap; white-space:normal !important; }
 body.vs-main-view { padding-bottom:0 !important; }
}

/* V11: main-page cleanup; shared bar and top-bar search retained. */
#footer,
.mw-footer { display:none !important; }
/* The fixed desktop bottom bar is 38px high; leave a 16px gap above it. */
#vanipedia-back-to-top { bottom:54px !important; }

/* V12: one sticky primary header across Vanisource; native controls retained. */
body > .vector-header-container:not(.vector-sticky-header-container),
body > header.vector-header,
body > header.mw-header {
 position:sticky !important; top:0 !important; z-index:99995 !important;
 overflow:visible !important;
}
html { scroll-padding-top:calc(var(--vs-header-height, 96px) + 12px); }
#vector-sticky-header { display:none !important; }

/* V13: book catalogue and source details. Shared V173 bars and V12 sticky
   header/footer behaviour remain in the preceding, unchanged rules. */
#vs-home.vs-library-main { max-width:1180px; font-size:16px; }
#vs-home.vs-library-main .vs-sanctuary { display:flex; align-items:center; justify-content:center; gap:24px; max-width:730px; margin:0 auto 32px; padding:0; border:0; text-align:left; }
#vs-home.vs-library-main #vs-portrait-frame { width:106px; height:106px; flex:none; margin:0; border-width:2px; }
#vs-home.vs-library-main .vs-sanctuary-copy { min-width:0; }
#vs-home.vs-library-main .vs-eyebrow { color:var(--vs-green); font-size:15px; }
#vs-home.vs-library-main h1 { text-align:left; font-size:30px; margin:3px 0 10px; }
#vs-home.vs-library-main .vs-source-quote { margin-bottom:7px; font-size:16px; }
#vs-home.vs-library-main .vs-source-meta { font-size:14px; }
#vs-home.vs-library-main .vs-library-heading { padding-top:24px; border-top:1px solid var(--vs-line); }
#vs-home.vs-library-main .vs-library-heading h2 { margin:0 0 7px; }
#vs-home.vs-library-main .vs-book-jump { display:flex; flex-wrap:wrap; gap:10px 24px; margin:14px 0 24px; }
#vs-home.vs-library-main .vs-book-jump a { display:inline-flex; min-height:44px; align-items:center; color:var(--vs-green); font-size:15px; }
#vs-home.vs-library-main .vs-book-shelf { margin-bottom:32px; scroll-margin-top:calc(var(--vs-header-height,96px) + 16px); }
#vs-home.vs-library-main .vs-book-shelf h3 { background:none; font:500 21px/1.3 Georgia,'Noto Serif',serif; color:var(--vs-brass); margin:0 0 22px; padding:0 0 9px; border:0; border-bottom:1px solid var(--vs-line); text-align:left; }
#vs-home.vs-library-main .vs-book-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:28px 22px; }
#vs-home.vs-library-main .vs-book-card { min-width:0; text-align:center; font-size:15px; line-height:1.45; }
#vs-home.vs-library-main .vs-book-cover { display:flex; align-items:flex-end; justify-content:center; height:195px; margin-bottom:12px; }
#vs-home.vs-library-main .vs-book-cover p { margin:0; }
#vs-home.vs-library-main .vs-book-cover > span, #vs-home.vs-library-main .vs-book-cover > p { min-width:0; max-width:100%; }
#vs-home.vs-library-main .vs-book-cover a { display:block; max-width:100%; }
#vs-home.vs-library-main .vs-book-cover img { display:block; width:auto; height:auto !important; max-width:100%; max-height:195px; object-fit:contain; box-shadow:2px 4px 7px #263a3925; }
#vs-home.vs-library-main .vs-cover-unavailable { display:flex; align-items:center; justify-content:center; width:125px; max-width:100%; height:190px; padding:16px; background:var(--vs-wash); color:var(--vs-ink); border:1px dashed #afb5a8; font-size:14px; }
#vs-home.vs-library-main .vs-book-title { min-height:46px; overflow-wrap:anywhere; }
#vs-home.vs-library-main .vs-book-title a { text-decoration:none; }
#vs-home.vs-library-main .vs-book-title a:hover { text-decoration:underline; }
#vs-home.vs-library-main .vs-book-meta { margin-top:5px; color:var(--vs-green); font-size:13px; }
#vs-home.vs-library-main .vs-book-action a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; color:var(--vs-green); font-size:14px; }
#vs-home.vs-library-main .vs-publication-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 28px; }
#vs-home.vs-library-main .vs-publication-item { min-width:0; }
#vs-home.vs-library-main .vs-publication-item .vs-book-title { min-height:0; font-size:18px; }
#vs-home.vs-library-main .vs-other-teachings { border-top:1px solid var(--vs-line); padding-top:24px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
#vs-home.vs-library-main .vs-other-teachings h2 { font-size:22px; margin-bottom:12px; }
#vs-home.vs-library-main .vs-other-teachings a { display:block; min-height:44px; padding:7px 0; font-size:15px; color:var(--vs-green); }
#vs-home.vs-library-main .vs-support { display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:center; margin-top:25px; padding-top:16px; border-top:1px solid var(--vs-line); }
#vs-home.vs-library-main .vs-support a { display:inline-flex; align-items:center; min-height:44px; font-size:15px; color:var(--vs-green); }
#vs-home.vs-library-main a[title]:hover::after, #vs-editions a[title]:hover::after { content:none; }

#vs-editions { background:var(--vs-paper); color:var(--vs-ink); padding:24px; max-width:1000px; margin:0 auto; font:400 16px/1.55 Georgia,'Noto Serif',serif; }
#vs-editions * { box-sizing:border-box; }
#vs-editions p { margin:8px 0; }
#vs-editions h1, #vs-editions h2, #vs-editions h3 { background:none; border:0; font-family:inherit; color:var(--vs-brass); font-weight:500; text-align:left; padding:0; }
#vs-editions h1 { font-size:28px; margin:0 0 16px; }
#vs-editions h2 { font-size:25px; margin:0 0 12px; }
#vs-editions h3 { font-size:21px; margin:0; }
#vs-editions a { color:var(--vs-green); background-image:none; text-underline-offset:4px; overflow-wrap:anywhere; }
#vs-editions a:focus-visible { outline:3px solid var(--vs-green); outline-offset:3px; }
#vs-editions .vs-edition-nav { display:flex; gap:12px 24px; flex-wrap:wrap; margin-bottom:24px; }
#vs-editions .vs-edition-nav a { display:inline-flex; align-items:center; min-height:44px; }
#vs-editions .vs-edition-index-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 20px; }
#vs-editions .vs-edition-index-grid a { display:flex; align-items:center; min-height:44px; }
#vs-editions .vs-edition-book { margin:32px 0; padding-top:24px; border-top:1px solid var(--vs-line); scroll-margin-top:calc(var(--vs-header-height,96px) + 16px); }
#vs-editions .vs-edition-intro { display:flex; gap:32px; align-items:center; margin-bottom:24px; }
#vs-editions .vs-edition-cover { width:140px; flex:none; text-align:center; }
#vs-editions .vs-edition-cover img { max-width:100%; max-height:210px; width:auto; height:auto !important; object-fit:contain; }
#vs-editions .vs-cover-caption { font-size:14px; color:var(--vs-green); }
#vs-editions .vs-edition-row { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:22px 0; border-top:1px solid var(--vs-line); }
#vs-editions .vs-edition-row > div { min-width:0; }
#vs-editions .vs-edition-actions { display:flex; flex-wrap:wrap; gap:10px; flex:none; }
#vs-editions .vs-edition-actions a { display:inline-flex; align-items:center; min-height:44px; padding:8px 14px; border:1px solid var(--vs-green); border-radius:4px; text-decoration:none; }
#vs-editions .vs-edition-actions a.vs-read-link { background:var(--vs-green); color:var(--vs-gold); }
#vs-editions .vs-related-publication { margin:24px 0; }
#vs-editions .vs-related-publication a { display:inline-flex; align-items:center; min-height:44px; margin-right:20px; }
#vs-editions [hidden] { display:none !important; }
#vs-editions .vs-edition-book:focus { outline:none; }

@media(max-width:1000px) {
 #vs-home.vs-library-main .vs-book-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
 #vs-editions .vs-edition-index-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 #vs-home.vs-library-main { padding:20px 18px; }
 #vs-home.vs-library-main .vs-sanctuary { flex-direction:column; text-align:center; gap:12px; }
 #vs-home.vs-library-main h1 { text-align:center; font-size:27px; }
 #vs-home.vs-library-main .vs-book-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 18px; }
 #vs-home.vs-library-main .vs-publication-grid, #vs-home.vs-library-main .vs-other-teachings { grid-template-columns:1fr; }
 #vs-editions { padding:20px 16px; }
 #vs-editions .vs-edition-index-grid { grid-template-columns:1fr; }
 #vs-editions .vs-edition-intro { flex-direction:column; gap:18px; text-align:center; }
 #vs-editions .vs-edition-intro h2 { text-align:center; }
 #vs-editions .vs-edition-row { display:block; }
 #vs-editions .vs-edition-actions { margin-top:14px; }
}

#vs-editions .vs-edition-actions .vs-read-link a { background:var(--vs-green); color:var(--vs-gold); }

/* V15: native modal top layer preserves the existing petal bars underneath. */
html.vs-edition-modal-open { overflow:hidden; }
#vs-edition-dialog { box-sizing:border-box; width:680px; max-width:calc(100vw - 32px); max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); overflow-y:auto; margin:auto; padding:24px; border:1px solid var(--vs-line); border-radius:12px; background:var(--vs-paper); color:var(--vs-ink); font:400 16px/1.55 Georgia,'Noto Serif',serif; box-shadow:0 12px 40px #263a3930; }
#vs-edition-dialog::backdrop { background:#17262299; }
#vs-edition-dialog * { box-sizing:border-box; }
#vs-edition-dialog .vs-modal-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:12px; }
#vs-edition-dialog h2 { margin:0; min-width:0; color:var(--vs-brass); font:500 25px/1.3 Georgia,'Noto Serif',serif; }
#vs-edition-dialog h3 { margin:0; color:var(--vs-brass); font:500 21px/1.3 Georgia,'Noto Serif',serif; }
#vs-edition-dialog p { margin:8px 0; }
#vs-edition-dialog .vs-modal-close { flex:none; min-height:44px; padding:8px 12px; border:1px solid var(--vs-line); border-radius:4px; background:var(--vs-paper); color:var(--vs-green); font:400 15px/1.4 Georgia,serif; cursor:pointer; }
#vs-edition-dialog a { color:var(--vs-green); background-image:none; text-underline-offset:4px; overflow-wrap:anywhere; }
#vs-edition-dialog a[title]:hover::after { content:none; }
#vs-edition-dialog :focus-visible { outline:3px solid var(--vs-green); outline-offset:3px; }
#vs-edition-dialog .vs-modal-note { font-size:14px; }
#vs-edition-dialog .vs-modal-edition { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--vs-line); padding:18px 0; }
#vs-edition-dialog .vs-modal-edition-description { min-width:0; flex:1; }
#vs-edition-dialog .vs-modal-edition-description p { font-size:14px; }
#vs-edition-dialog .vs-modal-actions { display:flex; flex-wrap:wrap; gap:8px; max-width:48%; }
#vs-edition-dialog .vs-modal-actions a { display:inline-flex; align-items:center; min-height:44px; padding:8px 12px; border:1px solid var(--vs-green); border-radius:4px; text-decoration:none; }
#vs-edition-dialog .vs-modal-actions .vs-modal-read { background:var(--vs-green); color:var(--vs-gold); }
#vs-edition-dialog .vs-modal-last-used { display:inline-block; font-size:13px; color:var(--vs-green); }
#vs-edition-dialog .vs-modal-more-sources { border-top:1px solid var(--vs-line); margin-top:10px; padding-top:12px; }
#vs-edition-dialog summary { min-height:44px; padding:8px 0; color:var(--vs-green); cursor:pointer; }
#vs-edition-dialog .vs-modal-related { padding:12px 0; }
#vs-edition-dialog .vs-modal-related a { display:inline-flex; align-items:center; min-height:44px; }
@media(max-width:600px) {
 #vs-edition-dialog { position:fixed; top:auto; bottom:0; left:0; right:0; width:100%; max-width:none; max-height:85vh; max-height:85dvh; margin:0; padding:20px 18px; padding-bottom:max(20px, env(safe-area-inset-bottom)); border-radius:16px 16px 0 0; }
 #vs-edition-dialog h2 { font-size:23px; }
 #vs-edition-dialog .vs-modal-edition { display:block; }
 #vs-edition-dialog .vs-modal-actions { max-width:none; margin-top:12px; }
}
Retrieved from "https://dev.vanisource.org/w/index.php?title=MediaWiki:Common.css&oldid=793330"