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 editNewer edit →
Kashya (talk | contribs)
Editor, Bureaucrats, Interface administrators, Administrators
98 edits
No edit summary
No edit summary
Line 583: Line 583:
     box-shadow: none !important;
     box-shadow: none !important;
}
}
/* VANISOURCE V2 — scoped Vanipedia V173 blueprint */
body.page-Main_Page .cw_0{
display: none;
}
body.page-Main_Page .cw_50{
width: 50px;
}
body.page-Main_Page .cw_150{
width: 150px;
}
body.page-Main_Page .cw_500{
width: 500px;
}
body.page-Main_Page .tabs-input{
display: none !important;
}
body.page-Main_Page .noautonum .tocnumber{
display: none;
}
body.page-Main_Page .daytable{                    /* Usage: {| class="daytable" */
text-align: left;
}
body.page-Main_Page .vanitable{                      /* Usage: {| class="vanitable" */
border: 0.1em solid #BFBFBF;  /* #BFBFBF=light grey border */
border-collapse: collapse;
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 */
}
body.page-Main_Page .timelineh2{                          /* (Used on the timeline pages) Usage: <div class="timelineh2" */
text-align: center;
border: 1px solid #ddcef2;
background: #F2F2F2;                /* was #faf5ff; */
padding: 0.2em 0.4em;
margin: auto;
overflow: hidden;
}
body.page-Main_Page .timelineh3{                          /* Usage: <div class="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;
}
body.page-Main_Page .timelinesummary{                      /* Usage: <div class="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;
}
body.page-Main_Page .timelinelinks{                      /* Usage: <div class="timelinelinks"> for Timelinenav template */
text-align: center;
font-size: 132%;
font-weight: bold;
}
body.page-Main_Page .timelinelinks a{                    /* Usage: for Timelinenav template, link text color */
color: #B5BD64;                  /* #B5BD64 (light mustard) */
}
body.page-Main_Page .greentext{                          /* Usage: <span class="greentext">vaniquotes.org</span> */
color: #296F39;                  /* #296F39=green */
}
body.page-Main_Page .quotelink{                          /* Usage: <span class="quotelink">vaniquotes.org</span> for quote boxes */
font-size: 1em;
font-weight: bold;
color: #296F39;                  /* #296F39=green */
}
body.page-Main_Page .nectardroptext{                    /* Usage: <span class="nectardroptext">"Text"</span> for Nectar Drop boxes */
font-size: 1em;
font-weight: bold;
color: #296F39;                  /* #296F39=green */
}
body.page-Main_Page .firstchar{                          /* Usage: <span class="firstchar">A</span> */
float: left;
width: 0.7em;
font-size: 375%;
font-family: algerian, courier;
line-height: 80%;
}
body.page-Main_Page .daystext{                            /* Usage: <span class="daystext">Text Here</span> */
color: #296F39;                    /* #296F39 = Green used for Video info on the Day in the life pages */
}
body.page-Main_Page .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;
}
body.page-Main_Page .MITL_page_nav{                      /* Usage: <div class="MITL_page_nav" */
text-align: left;
border: 1px solid #BFBFBF;
background: #FFF2E6;
padding: 0.2em 0.4em;
margin: auto
}
body.page-Main_Page .daysnav,
body.page-Main_Page .monthsnav{                  /* For D/MITL desktop & mobile */
display: flex;
flex-wrap: wrap;
justify-content: center;
}
body.page-Main_Page .daysnav .month{
margin: 25px 2%;
}
body.page-Main_Page .monthsnav .year{
margin: 25px 5%;
}
body.page-Main_Page .devanagari{                    /* Usage: <div class="devanagari"> */
color: #000000;              /* Font color #0000 = black */
font-weight: bold;
}
@font-face{
font-family: interDiac;
src: url(/css/GauraTimes.ttf);      /* Vedabase font */
}
body.page-Main_Page .verse{                                /* Usage: <div class="verse"> */
color: #000000;                    /* Font color #0000 = black */
font-style: italic;
}
body.page-Main_Page .verse.inter_diac{                    /* Usage: <div class="verse inter_diac"> */
font-family: interDiac;            /* International diacritics */
}
body.page-Main_Page .synonyms{                            /* Usage: <div class="synonyms"> */
color: #000000;
}
body.page-Main_Page .synonyms.inter_diac{                  /* Usage: <div class="synonyms inter_diac"> */
font-family: interDiac;            /* International diacritics */
}
body.page-Main_Page .translation{                          /* Usage: <div class="translation"> */
color: #000000;                    /* #296F39 = green */
font-weight: bold;
}
body.page-Main_Page .translation.inter_diac{              /* Usage: <div class="translation inter_diac"> */
font-family: interDiac;            /* International diacritics */
font-size: 1.1em;
}
body.page-Main_Page .purport{                              /* Usage: <div class="purport"> */
color: #000000;
}
body.page-Main_Page .purport.inter_diac{                  /* Usage: <div class="purport inter_diac"> */
font-family: interDiac;            /* International diacritics */
font-size: 1.1em;
}
body.page-Main_Page \*:not(a).text{                                /* Usage: <div class="text"> */
color: #000000;                    /* Font color #0000 = black */
}
body.page-Main_Page .text.inter_diac{                      /* Usage: <div class="text inter_diac"> */
font-family: interDiac;            /* International diacritics */
font-size: 1.1em;
}
body.page-Main_Page .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 */
}
body.page-Main_Page #verse{
white-space: pre;
}
body.page-Main_Page #text{                          /* Used for verses and was: font-style: italic; */
}
body.page-Main_Page #synonyms{                      /* Usage: <div id="synonyms"> */
}
body.page-Main_Page #translation{                  /* Usage: <div id="translation"> */
color: #000000;
font-weight: bold;
}
body.page-Main_Page #purport{                      /* Usage: <div id="purport"> */
}
body.page-Main_Page .quote{
margin: 1.5em 0em;            /* Places 20px space between quotes on multi-quote pages */
font-family: tahoma;
}
body.page-Main_Page .quote_heading{
font-weight: bold;
color: #296F39;
}
body.page-Main_Page .quote_translation{
font-weight: bold;
color: #000000;
}
body.page-Main_Page .quote_link{                      /* Vanisource link */
font-weight: bold;
}
body.page-Main_Page .quote_text{
color: #000000;
}
body.page-Main_Page .quote_verse{                    /* To center use: text-align: center; */
color: #000000;
}
body.page-Main_Page .quote_text a{                    /* Makes the Vanisource verse links bold */
font-weight: bold;
}
body.page-Main_Page .MainHeader h4{
margin:0!important;
padding:0.2em 0.4em;
}
body.page-Main_Page #mainbanner{
display: none !important;
}
body.page-Main_Page #mainlinks{
text-align:center;
font-weight:bold;
font-size: 110%;
margin-bottom:0.5em
}
body.page-Main_Page #mainlinks a{
color:#B5BD64
}
body.page-Main_Page #mainmantra{
text-align:center;
margin-top:1.5em;
color:#B5BD64;
}
body.page-Main_Page .maincenter{
text-align:center;
max-width:65em;
margin:0px auto;
padding-bottom:1em;
}
body.page-Main_Page #t-cite,
body.page-Main_Page #lastmod,
body.page-Main_Page #siteSub{
display: none;
}
body.page-Main_Page,
body.page-Main_Page .skin-vector-2022,
body.page-Main_Page{
--background-color-base: #D4ECDD !important;
--background-color-page: #D4ECDD !important;
--background-color-quiet: #D4ECDD !important;
--border-color-base: transparent !important;
}
body.page-Main_Page,
body.page-Main_Page #content,
body.page-Main_Page .mw-body,
body.page-Main_Page #mw-page-base,
#mw-head-base{
background: #D4ECDD !important;
background-image: none !important;
font-family: tahoma;
}
body.page-Main_Page #headertabs{
background: inherit;
}
body.page-Main_Page #headertabs ul li.ui-state-active{
background: #D4ECDD;
}
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 .vector-column-start,
body.page-Main_Page .vector-column-end,
body.page-Main_Page .vector-sidebar-container,
body.page-Main_Page .vector-pinnable-element,
body.page-Main_Page .vector-toc,
body.page-Main_Page #vector-toc,
body.page-Main_Page .vector-toc-pinned-container,
body.page-Main_Page .vector-toc-contents,
body.page-Main_Page .vector-dropdown-content,
body.page-Main_Page .vector-menu-content,
body.page-Main_Page .cdx-menu,
body.page-Main_Page .cdx-menu__list{
background-color: #D4ECDD !important;
background-image: none !important;
box-shadow: none !important;
border: none !important;
}
body.page-Main_Page div.thumb{          /* Remove white border from thumbnails */
border: none;
}
body.page-Main_Page div.tright{
border: none;
margin: 0.5em 0 0.8em 1.4em;
}
body.page-Main_Page div.tleft{
border: none;
margin: 0.5em 1.4em 0.8em 0;
}
body.page-Main_Page #lastmod{
display:none
}
li#ca-unify{
margin-left:1.6em;
}
body.page-Main_Page #google-search input{
font-size:95%;
width:10.9em;
}
body.page-Main_Page #searchform{
padding-bottom:0.5em
}
body.page-Main_Page #p-logo a,
body.page-Main_Page #p-logo a:hover{
height:190px;
}
body.page-Main_Page #column-one{
padding-top:190px;
}
body.page-Main_Page #p-navigation{
padding-top:30px;
}
body.page-Main_Page .ac_results{
padding: 0px;
border: 1px solid black;
background-color: Window;
overflow: hidden;
z-index: 99999;
}
body.page-Main_Page .ac_results ul{
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
body.page-Main_Page .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;
}
body.page-Main_Page .ac_loading{
background: Window url('indicator.gif') right center no-repeat;
}
body.page-Main_Page .ac_odd{
background-color: #eee;
}
body.page-Main_Page .ac_over{
background-color: aquamarine;
color: HighlightText;
}
body.page-Main_Page .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;
}
body.page-Main_Page_test h1{
background:#f0f0f0;            /* was background:#faf5ff; */
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
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;
}
body.page-Main_Page #mainh2links a{
color:#B5BD64
}
body.page-Main_Page #iframeframe{
height: 800px;
}
body.page-Main_Page a[href\*='MainPage']::after{
content: 'a';
font-size: 50px;
visibility: hidden;
}
body.page-Main_Page img[src\*='MainPage']{
transform: scale(1.225) translateX(9%);
}
@media screen and (max-width: 768px){body.page-Main_Page .MainPageBG{
display: inline-table;
}
body.page-Main_Page #mp-upper > tbody > tr{
display: table-cell;
}
body.page-Main_Page #mp-upper > tbody > tr > td:nth-child(2){
display: none;
}
body.page-Main_Page .theme-analysis-grid{
grid-template-columns: 1fr;
gap: 20px;
}
body.page-Main_Page .timelinesummary{
min-width: unset;
width: 100%;
box-sizing: border-box;
margin: 1em auto;
}
body.page-Main_Page .youtube_right .thumbcaption,
body.page-Main_Page .youtube_left .thumbcaption{
width: auto;
max-width: 100%;
}
body.page-Main_Page .vanitable{
display: block;
overflow-x: auto;
width: 100%;
}
}
@media screen and (max-width: 400px){body.page-Main_Page #mp-upper div[style\*="40em"]{
width: 78vw !important;
}
body.page-Main_Page #mp-upper > tbody > tr > td:nth-child(1){
border-bottom: none !important;
}
body.page-Main_Page .youtube_right .thumbcaption,
body.page-Main_Page .youtube_left .thumbcaption{
width: 69vw !important;
}
body.page-Main_Page #mp-upper .embedvideowrap{
width: 69vw !important;
}
body.page-Main_Page #mp-upper .embedvideo{
padding: 0px !important;
}
body.page-Main_Page #mp-upper div[style\*="24em"]{
width: unset !important;
}
body.page-Main_Page #mp-upper .embedvideo iframe{
width: 67vw;
}
body.page-Main_Page #mp-upper div[style\*="32em"]{ /* right-to-left languages */
min-width: 80vw !important;
}
}
@media screen and (max-width: 320px){body.page-Main_Page #mp-upper .embedvideo iframe{
width: 70vw;
}
body.page-Main_Page .youtube_right .thumbcaption,
body.page-Main_Page .youtube_left .thumbcaption{
width: 69vw;
}
body.page-Main_Page #mp-upper .embedvideo{
width: 71vw !important;
}
body.page-Main_Page #mp-upper .embedvideowrap{
width: 67vw !important;
}
body.page-Main_Page .NectarDropBox{
min-width: 17.5em !important;
}
body.page-Main_Page #mp-right > tbody > tr:nth-child(4) > td{
padding: 0 0 0 .5em !important;
}
body.page-Main_Page #mp-right > tbody > tr:nth-child(6) > td{
padding: 0 0 0 .4em !important;
}
body.page-Main_Page #mp-upper div[style\*="32em"]{ /* right-to-left languages */
min-width: 86vw !important;
}
}
body.page-Main_Page div.center{
text-align: center;
}
@media only screen and (max-width: 640px){body.page-Main_Page div.NectarDropBox{
max-width: 30%;
}
}
body.page-Main_Page .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){body.page-Main_Page .vaniquotebox{
max-width:80%;
}
}
body.page-Main_Page .vaniquotebox > table{
text-align:left;
font-size:1em;
color:#000000;
min-height: 11.5em;
margin: 0;
}
body.page-Main_Page .vaniquotebox td{
padding: 8px;
}
body.page-Main_Page .youtube_right .embedvideo{
padding: 10px;
}
body.page-Main_Page .youtube_right .thumbcaption,
body.page-Main_Page .youtube_left .thumbcaption{
width: 330px;
}
body.page-Main_Page .youtube_left .embedvideo{
padding: 10px;
}
body.page-Main_Page .rtltoc ul{
text-align: right !important;
direction: rtl;
}
body.page-Main_Page .rtltoc .tocnumber{
padding-left: 0.5em;
padding-right: 0;
}
body.page-Main_Page .rtltoc .toctitle{
direction: rtl;
}
body.page-Main_Page .rtltoc.ar .toctitle::before{
content: "محتويات";
}
body.page-Main_Page .rtltoc.he .toctitle::before{
content: "תוכן עניינים";
}
body.page-Main_Page .rtltoc.he,
body.page-Main_Page .rtltoc.ar{
font-weight: bold;
font-weight: sans-serif;
}
body.page-Main_Page .rtltoc.he h2,
body.page-Main_Page .rtltoc.ar h2{
display: none !important;
}
body.page-Main_Page 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;
}
body.page-Main_Page .theme-analysis-grid{
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
margin: 2em 0;
}
body.page-Main_Page .theme-column{
background: rgba(255, 255, 255, 0.2);
padding: 15px;
border: 1px solid #B5BD64;
border-radius: 8px;
}
body.page-Main_Page .theme-column ul{
list-style-type: none;
padding: 0;
margin: 0;
}
body.page-Main_Page .theme-column li{
margin-bottom: 10px;
font-weight: bold;
}
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-toc,
body.page-Main_Page .vector-pinnable-element,
body.page-Main_Page .mw-body,
body.page-Main_Page .mw-page-container-inner,
body.page-Main_Page .vector-sidebar-container{
border: none !important;
background-color: #D4ECDD !important;
}
body.page-Main_Page,
body.page-Main_Page .skin-vector-2022,
body.page-Main_Page{
--background-color-base: #D4ECDD !important;
--background-color-page: #D4ECDD !important;
--background-color-quiet: #D4ECDD !important;
--border-color-base: transparent !important; /* Neutralizes structural borders */
}
body.page-Main_Page .vector-sidebar-container,
body.page-Main_Page .vector-column-start,
body.page-Main_Page .vector-column-end,
body.page-Main_Page .vector-toc-pinned-container,
body.page-Main_Page .vector-pinnable-element,
body.page-Main_Page .mw-page-container,
body.page-Main_Page .mw-page-container-inner{
background-color: #D4ECDD !important;
background-image: none !important;
border: none !important;
}
body.page-Main_Page .ww-card{
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
body.page-Main_Page .ww-card:hover{
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(0,0,0,0.2) !important;
}
body.page-Main_Page .ww-image-layer{
transition: transform 0.5s ease;
}
body.page-Main_Page .ww-card:hover .ww-image-layer{
transform: scale(1.05);
}
body.page-Main_Page .ww-text-arrow{
display: inline-block;
transition: transform 0.3s ease;
}
body.page-Main_Page .ww-card:hover .ww-text-arrow{
transform: translateX(4px);
}
body.page-Main_Page .book-accordion-report{
background: #FDF2D5;
border: 1px solid #d0d7de;
border-radius: 6px;
margin-bottom: 12px;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
overflow: hidden;
}
body.page-Main_Page .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;
}
body.page-Main_Page .book-accordion-header{
background-color: #91cfa9;
color: #1f4033;
padding: 16px 20px 16px 60px; /* Top: 16px, Right: 20px, Bottom: 16px, Left: 60px */
font-size: 18px;
font-weight: bold;
border-bottom: 3px solid #2a4452;
cursor: pointer;
transition: background-color 0.2s ease;
user-select: none;
}
body.page-Main_Page .book-accordion-header:hover{
background-color: #7fbd97; /* Lightens the bar slightly on hover */
}
body.page-Main_Page .extra-button{
background-color: #5B3E34;
}
body.page-Main_Page .extra-button:hover{
background-color: #907359;
}
body.page-Main_Page .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;
}
body.page-Main_Page .book-accordion .mw-collapsible-toggle a{
color: #1f4033 !important;
text-decoration: none;
}
body.page-Main_Page .book-accordion .mw-collapsible-toggle a:hover{
text-decoration: underline;
}
body.page-Main_Page .book-accordion-content{
padding: 24px;
}
body.page-Main_Page .book-grid-list{
column-width: 280px;
column-gap: 20px;
list-style-type: none;
margin: 0;
padding: 0;
}
body.page-Main_Page .book-grid-list.single-column{
column-width: auto;
column-count: 1;
column-gap: 0;
}
body.page-Main_Page .book-grid-list li{
margin-bottom: 12px;
break-inside: avoid;
}
body.page-Main_Page .mw-parser-output .book-grid-list li a,
body.page-Main_Page .mw-parser-output .book-grid-list li a.external{
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;
}
body.page-Main_Page .mw-parser-output .book-grid-list li a:hover,
body.page-Main_Page .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);
}
body.page-Main_Page .book-grid-list li a:hover{
background-color: #f4f8fc;
border-color: #1a5e9a;
transform: translateY(-2px); /* Lifts the card up slightly */
box-shadow: 0 4px 10px rgba(26,94,154,0.12); /* Subtle blue glow */
}
body.page-Main_Page .vision-btn.btn-framed{
position: relative !important; /* Required to anchor the frame */
margin: 12px !important; /* Ensures there is room for the frame to render */
}
body.page-Main_Page .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 */
}
body.page-Main_Page .vision-btn.btn-framed:hover::after{
border-color: #466e84 !important;
}
@media screen and (max-width: 720px){body.page-Main_Page .book-grid-list{
/* Forces the grid to stack into a single vertical column on small screens */
grid-template-columns: 1fr;
display: block;
}
body.page-Main_Page .book-accordion-content{
padding: 10px;
}
}
@media screen and (max-width: 768px){body.page-Main_Page .mw-parser-output img{
max-width: 100%;
height: auto !important;
}
}
body.page-Main_Page .mw-parser-output a.external:has(img){
background-image: none !important;
padding-right: 0 !important;
}
body.page-Main_Page .compilation-wrapper{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
gap: 30px;
margin: 20px auto;
max-width: 1000px;
}
body.page-Main_Page .compilation-image{
flex: 1 1 300px;
text-align: center;
max-width: 450px;
}
body.page-Main_Page .compilation-button-grid{
flex: 1 1 400px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 15px;
}
body.page-Main_Page .compilation-btn{
background-color: #3a5c6e;
padding: 12px 24px;
font-size: 16px;
font-weight: bold;
border-bottom: 3px solid #2a4452;
border-radius: 4px;
text-align: center;
}
body.page-Main_Page .compilation-btn a{
color: #ffffff !important;
text-decoration: none;
display: block;
}
body.page-Main_Page .compilation-btn-full{
grid-column: 1 / -1;
}
body.page-Main_Page .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;
}
@media screen and (max-width: 900px){body.page-Main_Page .theme-analysis-grid{
grid-template-columns: repeat(2, 1fr); /* 2 columns on medium screens */
}
}
@media screen and (max-width: 600px){body.page-Main_Page .theme-analysis-grid{
grid-template-columns: 1fr; /* 1 single column on mobile */
}
}
body.page-Main_Page .mw-parser-output div[style\*="#feffe1"]{
max-width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important; /* Force-stops ANY visual spilling */
}
body.page-Main_Page .mw-parser-output div[style\*="#feffe1"] div{
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page .mw-parser-output div[style\*="#feffe1"] img,
body.page-Main_Page .mw-parser-output div[style\*="#feffe1"] iframe,
body.page-Main_Page .mw-parser-output div[style\*="#feffe1"] .embedvideo,
body.page-Main_Page .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 */
}
body.page-Main_Page .vision-layout-wrapper{
display: block;
width: 100%;
max-width: 950px;
margin: 10px auto 30px;
box-sizing: border-box;
}
body.page-Main_Page .vision-intro{
max-width: 850px;
margin: 0 auto 22px;
text-align: center;
color: #263b38;
font-size: 17px;
line-height: 1.6;
}
body.page-Main_Page .vision-core-title{
margin: 0 auto 14px;
text-align: center;
color: #3a5c6e;
font-size: 22px;
font-weight: 700;
line-height: 1.25;
}
body.page-Main_Page .vision-core-title span{
font-size: 18px;
font-weight: 500;
}
body.page-Main_Page .vision-core-image{
width: 100%;
margin: 0;
padding: 0;
line-height: 0;
cursor: pointer;
}
body.page-Main_Page .vision-core-image .mw-file-description,
body.page-Main_Page .vision-core-image .mw-file-element,
body.page-Main_Page .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;
}
body.page-Main_Page .vision-buttons-row{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
width: 100%;
gap: 14px;
margin-top: 22px;
}
body.page-Main_Page .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.page-Main_Page .vision-btn:hover{
background-color: #466e84;
}
body.page-Main_Page .vision-btn a,
body.page-Main_Page .vision-btn a.external{
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 22px 14px !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: bold;
text-align: center;
text-decoration: none;
}
@media (max-width: 800px){body.page-Main_Page .vision-buttons-row{
flex-wrap: wrap;
}
body.page-Main_Page .vision-btn{
flex: 1 1 45%;
}
body.page-Main_Page .vision-intro{
font-size: 16px;
}
}
body.page-Main_Page .community-layout-wrapper{
max-width: 1100px;
margin: 35px auto 40px;
padding: 0 15px;
box-sizing: border-box;
}
body.page-Main_Page .community-platform-row{
display: flex;
justify-content: center;
align-items: center;
gap: 100px;
margin-bottom: 0px;
}
body.page-Main_Page .community-platform-item{
display: flex;
align-items: center;
justify-content: center;
}
body.page-Main_Page .community-platform-item img{
display: block;
max-width: 240px;
height: auto !important;
}
body.page-Main_Page .community-platform-item a{
display: inline-block;
transition: transform 0.2s ease;
}
body.page-Main_Page .community-platform-item a:hover{
transform: scale(1.05);
}
body.page-Main_Page .community-social-row{
display: flex;
justify-content: center;
align-items: center;
gap: 102px;
margin-bottom: 2px;
}
body.page-Main_Page .community-social-item{
display: flex;
align-items: center;
justify-content: center;
}
body.page-Main_Page .community-social-item img{
display: block;
max-width: 115px;
height: auto !important;
}
body.page-Main_Page .community-social-item a{
display: inline-block;
transition: transform 0.2s ease;
}
body.page-Main_Page .community-social-item a:hover{
transform: scale(1.08);
}
body.page-Main_Page .community-image-container{
width: 100%;
text-align: center;
margin-bottom: 28px;
}
body.page-Main_Page .community-image-container img{
display: block;
width: 100%;
max-width: 1000px;
height: auto !important;
margin: 0 auto;
}
body.page-Main_Page .community-button-row{
display: flex;
justify-content: center;
align-items: stretch;
gap: 30px;
margin: 0 auto 30px;
}
body.page-Main_Page .community-button-row .vision-btn{
width: 250px;
box-sizing: border-box;
}
@media screen and (max-width: 768px){body.page-Main_Page .community-layout-wrapper{
padding: 0 10px;
margin-top: 25px;
}
body.page-Main_Page .community-platform-row{
gap: 25px;
margin-bottom: 22px;
}
body.page-Main_Page .community-platform-item img{
max-width: 150px;
}
body.page-Main_Page .community-social-row{
gap: 18px;
margin-bottom: 25px;
}
body.page-Main_Page .community-social-item img{
max-width: 65px;
}
body.page-Main_Page .community-image-container{
margin-bottom: 22px;
}
body.page-Main_Page .community-button-row{
gap: 12px;
}
body.page-Main_Page .community-button-row .vision-btn{
width: calc(50% - 6px);
}
}
body.page-Main_Page #siteNotice,
body.page-Main_Page #localNotice,
body.page-Main_Page .mw-sitenotice,
body.page-Main_Page .sitenotice,
body.page-Main_Page .vector-sitenotice-container,
body.page-Main_Page #mainbanner,
body.page-Main_Page .anonnotice,
body.page-Main_Page .dismissable-notice,
body.page-Main_Page #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;
}
body.restricted-ui #ca-history,
body.restricted-ui #ca-talk,
body.restricted-ui #ca-viewsource{
display: none !important;
}
body.page-Main_Page html.skin-theme-clientpref-night{
--background-color-base: #121212 !important;
--background-color-page: #121212 !important;
--background-color-quiet: #1a1a1a !important;
--color-base: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night body,
body.page-Main_Page html.skin-theme-clientpref-night #content,
body.page-Main_Page html.skin-theme-clientpref-night .mw-body,
body.page-Main_Page html.skin-theme-clientpref-night #mw-page-base,
html.skin-theme-clientpref-night #mw-head-base{
background: #121212 !important;
color: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .mw-page-container,
body.page-Main_Page html.skin-theme-clientpref-night .mw-page-container-inner,
body.page-Main_Page 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,
body.page-Main_Page html.skin-theme-clientpref-night .vector-column-start,
body.page-Main_Page html.skin-theme-clientpref-night .vector-column-end,
body.page-Main_Page html.skin-theme-clientpref-night .vector-sidebar-container,
body.page-Main_Page html.skin-theme-clientpref-night .vector-pinnable-element,
body.page-Main_Page html.skin-theme-clientpref-night .vector-pinnable-header,
body.page-Main_Page html.skin-theme-clientpref-night .vector-pinned-container,
body.page-Main_Page html.skin-theme-clientpref-night .vector-toc,
body.page-Main_Page html.skin-theme-clientpref-night #vector-toc,
body.page-Main_Page html.skin-theme-clientpref-night .vector-toc-pinned-container,
body.page-Main_Page html.skin-theme-clientpref-night .vector-toc-contents,
body.page-Main_Page html.skin-theme-clientpref-night .vector-menu-content,
body.page-Main_Page html.skin-theme-clientpref-night .vector-appearance-pinned-container,
body.page-Main_Page html.skin-theme-clientpref-night .vector-page-toolbar-container,
body.page-Main_Page html.skin-theme-clientpref-night .vector-page-toolbar,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-menu,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-menu__list,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-menu-item,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-radio,
body.page-Main_Page 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;
}
body.page-Main_Page html.skin-theme-clientpref-night .theme-column{
background: rgba(0, 0, 0, 0.4) !important;
border: 1px solid #4a5568 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .book-accordion{
background: #1a1a1a !important;
border-color: #333 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .book-accordion-header{
background-color: #2d3748 !important;
border-bottom: 3px solid #1a202c !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .mw-parser-output .book-grid-list li a,
body.page-Main_Page 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;
}
body.page-Main_Page html.skin-theme-clientpref-night .mw-parser-output .book-grid-list li a:hover{
background-color: #4a5568 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .quote_text,
body.page-Main_Page html.skin-theme-clientpref-night \*:not(a).text{
color: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .cdx-text-input,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-search-input,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-search-input__input-wrapper,
body.page-Main_Page html.skin-theme-clientpref-night .vector-typeahead-search-container{
background-color: #1a1a1a !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .cdx-text-input__input{
background-color: transparent !important;
color: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .cdx-text-input__input::placeholder{
color: #a0aec0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .cdx-search-input__end-button{
background-color: #2d3748 !important;
border-color: #4a5568 !important;
color: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .cdx-typeahead-search__menu{
background-color: #121212 !important;
border: 1px solid #333 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .cdx-menu-item:hover,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-menu-item--selected{
background-color: #2d3748 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .vanipedia-clock iframe{
filter: invert(0.92) hue-rotate(180deg) !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .mw-parser-output div[style\*="#ede9ce"],
body.page-Main_Page html.skin-theme-clientpref-night .mw-parser-output div[style\*="background-color: #ede9ce"],
body.page-Main_Page html.skin-theme-clientpref-night .mw-parser-output div[style\*="background-color:#ede9ce"]{
background-color: #121212 !important;
border-color: #333 !important;
color: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .mw-parser-output div[style\*="#ede9ce"] a,
body.page-Main_Page html.skin-theme-clientpref-night .oo-ui-panelLayout-framed a{
color: #90cdf4 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .oo-ui-panelLayout-framed,
body.page-Main_Page html.skin-theme-clientpref-night .oo-ui-tabPanelLayout{
background-color: #121212 !important;
border: 1px solid #333 !important;
color: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .oo-ui-fieldsetLayout,
body.page-Main_Page html.skin-theme-clientpref-night .oo-ui-widget{
background-color: transparent !important;
color: inherit !important;
}
body.page-Main_Page html.skin-theme-clientpref-night #vector-toc,
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content{
scrollbar-color: #3b4b5f #1a202c !important;
}
body.page-Main_Page html.skin-theme-clientpref-night #vector-toc::-webkit-scrollbar,
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content::-webkit-scrollbar{
width: 8px !important;
}
body.page-Main_Page html.skin-theme-clientpref-night #vector-toc::-webkit-scrollbar-track,
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content::-webkit-scrollbar-track{
background: #1a202c !important;
}
body.page-Main_Page html.skin-theme-clientpref-night #vector-toc::-webkit-scrollbar-thumb,
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content::-webkit-scrollbar-thumb{
background-color: #3b4b5f !important;
border-radius: 4px !important;
}
body.page-Main_Page 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,
body.page-Main_Page html.skin-theme-clientpref-night .vector-pinned-container::after,
body.page-Main_Page html.skin-theme-clientpref-night .vector-pinned-container::before{
background-image: none !important;
background: transparent !important;
box-shadow: none !important;
}
body.page-Main_Page 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;
}
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content a,
body.page-Main_Page 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 \*{
color: #e2e8f0 !important;
background-color: transparent !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content a:hover,
body.page-Main_Page 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 \*{
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,
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content .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;
}
body.page-Main_Page .vanipedia-sidebar-menu.vanipedia-collapsed:has(.vector-menu-content-list:empty){
display: none !important;
}
body.page-Main_Page html:not(.skin-theme-clientpref-night){
--background-color-base: #D4ECDD !important;
--background-color-page: #D4ECDD !important;
--background-color-quiet: #D4ECDD !important;
}
body.page-Main_Page html:not(.skin-theme-clientpref-night) body,
body.page-Main_Page html:not(.skin-theme-clientpref-night) .mw-page-container,
body.page-Main_Page html:not(.skin-theme-clientpref-night) .mw-page-container-inner{
background-color: #D4ECDD !important;
background-image: none !important;
}
body.page-Main_Page 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-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,
body.page-Main_Page 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,
body.page-Main_Page 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,
body.page-Main_Page 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,
body.page-Main_Page 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;
}
body.page-Main_Page #mainbanner{
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
body.page-Main_Page .mw-body,
body.page-Main_Page #content,
body.page-Main_Page .mw-body-content,
body.page-Main_Page #mw-content-text{
margin-top: 0 !important;
padding-top: 0 !important;
border-top: none !important;
border: none !important;
outline: none !important;
}
body.page-Main_Page .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;
}
body.page-Main_Page .personality-hero{
display: flex;
gap: 28px;
align-items: center; /* This centers the shorter column (image or text) vertically */
}
body.page-Main_Page .personality-image{
flex: 0 0 396px;
text-align: center;
}
body.page-Main_Page .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);
}
body.page-Main_Page .personality-title{
font-size: 180%;
text-align: left;
font-weight: bold;
margin-top: 0;
line-height: 1;
margin-bottom: 12px;
}
body.page-Main_Page .personality-content{
flex: 1;
padding: 0 24px 0 0;
}
@media (max-width: 768px){body.page-Main_Page .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 */
}
body.page-Main_Page .personality-image{
flex: 1 1 auto; /* Removes the rigid 360px width constraint */
width: 100%; /* Allows the image to fill the mobile container gracefully */
}
body.page-Main_Page .personality-image img{
max-width: 100%; /* Ensures the image never spills off the screen */
}
body.page-Main_Page .personality-title{
text-align: center; /* Optional: Centering the title often looks better on stacked mobile layouts */
}
body.page-Main_Page .personality-content{
padding: 0 16px; /* Adds 16px of space to the left and right of the text */
}
}
body.page-Main_Page .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;
}
body.page-Main_Page .info-card h3{
margin: 0 0 15px;
font-size: 150%;
color: #345B63;
}
body.page-Main_Page .info-card p{
margin: 0 0 16px;
line-height: 1.7;
}
body.page-Main_Page .info-card .cta-button{
margin-top: 10px;
}
#vector-main-menu.vanipedia-sidebar-menu.vanipedia-collapsed{
display: none !important;
}
body.page-Main_Page .accordion-toc-heading{
display: none;
}
#vector-main-menu-pinned-container,
.vector-main-menu-pinned-container,
body.page-Main_Page .vector-pinnable-header,
.vector-main-menu-action,
body.page-Main_Page .vector-pinnable-header-toggle-button,
body.page-Main_Page .vector-pinnable-header-pin-button,
body.page-Main_Page .vector-pinnable-header-unpin-button,
[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;
}
#vanipedia-back-to-top{
position: fixed !important;
bottom: 54px !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;
}
#vanipedia-back-to-top.visible{
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
#vanipedia-back-to-top:hover{
background-color: #244147 !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
}
#vanipedia-back-to-top:active{
transform: translateY(0) !important;
}
#vanipedia-back-to-top svg{
display: block !important;
width: 22px !important;
height: 22px !important;
stroke: #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;
}
@media screen and (max-width: 768px){#vanipedia-back-to-top{
bottom: 54px !important;
right: 18px !important;
width: 40px !important;
height: 40px !important;
}
}
body.page-Main_Page{
--petal-color:        #1b2e4b; /* Vanipedia Midnight Blue */
--petal-color-dark:  #101c2e;
--vani-gold:          #d4af37;
--vani-wood-wall:    #241913; /* Rich dark walnut edge-to-edge */
--vani-shelf-depth:  #140d09; /* Deep shadow inside open shelves */
--vani-border-wood:  #3d2b20;
}
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 #content,
body.page-Main_Page .mw-body,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output{
padding: 0 !important;
margin: 0 !important;
max-width: 100vw !important;
background-color: var(--vani-wood-wall) !important;
}
body.page-Main_Page .vani-wood-sanctuary{
width: 100vw !important;
max-width: 100vw !important;
min-height: calc(100vh - 110px);
box-sizing: border-box;
margin: 0 !important;
padding: 24px 40px 80px 40px !important;
background:
linear-gradient(180deg, rgba(0,0,0,0.35) 0%, transparent 15%, transparent 85%, rgba(0,0,0,0.55) 100%),
radial-gradient(ellipse at 50% 25%, #3a281e 0%, var(--vani-wood-wall) 80%);
color: #e6dfd5;
font-family: 'Noto Serif', Georgia, serif;
position: relative;
}
body.page-Main_Page .vani-canopy-box{
width: 100%;
background: linear-gradient(180deg, #18100c 0%, #2b1d15 70%, #1c130e 100%);
border-top: 2px solid var(--vani-gold);
border-bottom: 3px solid #140d09;
border-radius: 6px;
padding: 22px 30px 18px;
text-align: center;
position: relative;
box-shadow: 0 10px 30px rgba(0,0,0,0.6);
}
body.page-Main_Page .vani-canopy-box::after{
content: "";
position: absolute;
left: 3%;
right: 3%;
bottom: -24px;
height: 24px;
background: radial-gradient(ellipse at 50% 0%, rgba(212, 175, 55, 0.45) 0%, rgba(212, 175, 55, 0.12) 50%, transparent 80%);
pointer-events: none;
filter: blur(8px);
}
body.page-Main_Page .vani-canopy-title{
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: clamp(28px, 2.5vw, 42px);
font-weight: 700;
color: var(--vani-gold);
letter-spacing: 0.05em;
margin: 0 0 6px 0;
text-shadow: 0 2px 8px rgba(0,0,0,0.8);
}
body.page-Main_Page .vani-canopy-subtitle{
font-size: 15px;
color: #c9bfb1;
margin: 0;
letter-spacing: 0.04em;
}
body.page-Main_Page .vani-shelves-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin: 34px 0 28px;
width: 100%;
}
body.page-Main_Page .vani-open-shelf{
background: linear-gradient(180deg, #110b08 0%, var(--vani-shelf-depth) 100%);
border: 2px solid var(--vani-border-wood);
border-bottom: 4px solid #0d0806;
border-radius: 4px;
padding: 18px 20px;
min-height: 180px;
position: relative;
box-shadow:
inset 0 6px 14px rgba(0, 0, 0, 0.75),
0 4px 12px rgba(0,0,0,0.35);
display: flex;
flex-direction: column;
justify-content: flex-start;
}
body.page-Main_Page .vani-open-shelf::before{
content: "";
position: absolute;
top: 0;
left: 8%;
right: 8%;
height: 6px;
background: radial-gradient(ellipse at 50% 0%, rgba(212, 175, 55, 0.3) 0%, transparent 80%);
filter: blur(2px);
pointer-events: none;
}
body.page-Main_Page .vani-shelf-title{
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 20px;
font-weight: 700;
color: var(--vani-gold);
border-bottom: 1px solid rgba(212, 175, 55, 0.25);
padding-bottom: 6px;
margin-bottom: 14px;
}
body.page-Main_Page .vani-open-shelf a{
color: #dcd4c7 !important;
text-decoration: none !important;
}
body.page-Main_Page .vani-open-shelf a:hover{
color: var(--vani-gold) !important;
}
body.page-Main_Page .vani-center-showcase{
width: 100%;
max-width: 1100px;
margin: 0 auto 35px;
background: #0d0806;
border: 3px solid #3d2b20;
border-radius: 6px;
padding: 18px;
box-shadow:
inset 0 0 20px rgba(0,0,0,0.8),
0 8px 25px rgba(0,0,0,0.5);
}
body.page-Main_Page .vani-plinth-footer{
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 48px;
background: linear-gradient(180deg, #18110c 0%, #0f0a07 100%);
border-top: 1px solid var(--vani-gold);
z-index: 1000;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30px;
font-size: 13px;
box-shadow: 0 -4px 15px rgba(0,0,0,0.45);
}
body.page-Main_Page .vani-footer-links{
display: flex;
align-items: center;
gap: 14px;
}
body.page-Main_Page .vani-petal-badge{
color: #d1c7b8 !important;
text-decoration: none !important;
padding: 4px 12px;
border-radius: 12px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.12);
transition: all 0.2s ease;
}
body.page-Main_Page .vani-petal-badge:hover,
body.page-Main_Page .vani-petal-badge.is-active{
background: var(--petal-color);
border-color: var(--vani-gold);
color: #ffffff !important;
}
body.page-Main_Page .vani-footer-milestone{
color: var(--vani-gold);
font-weight: 600;
letter-spacing: 0.03em;
}
@media screen and (max-width: 900px){body.page-Main_Page .vani-shelves-grid{
grid-template-columns: 1fr;
}
}
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .vector-column-end,
body.page-Main_Page .page-Vanipedia_Visitors_Statistics #vector-appearance-pinned-container,
body.page-Main_Page .page-Vanipedia_Visitors_Statistics #vector-page-tools-pinned-container{
display: none !important;
}
body.page-Main_Page.page-Vanipedia_Visitors_Statistics{
--max-width-base: 1350px !important;
--width-layout: 1350px !important;
}
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .mw-page-container{
max-width: 1350px !important;
width: 90% !important;
margin: 0 auto !important;
}
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .mw-page-container-inner,
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .mw-content-container,
body.page-Main_Page .page-Vanipedia_Visitors_Statistics #content,
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .mw-parser-output{
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .vanipedia-analytics-dashboard{
width: 100% !important;
max-width: 100% !important;
margin: 15px auto !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
overflow: hidden !important;
}
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .vanipedia-analytics-dashboard iframe{
display: block !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;
}
body.page-Main_Page #left-navigation,
body.page-Main_Page #right-navigation,
body.page-Main_Page #p-namespaces,
body.page-Main_Page #p-views,
body.page-Main_Page #p-cactions,
body.page-Main_Page .vector-page-toolbar,
body.page-Main_Page .vector-page-toolbar-container,
body.page-Main_Page .vector-page-tools,
body.page-Main_Page #vector-page-tools-dropdown,
body.page-Main_Page #vector-page-tools-pinned-container,
body.page-Main_Page .vector-page-titlebar,
body.page-Main_Page .mw-page-title-main,
body.page-Main_Page .firstHeading,
body.page-Main_Page #firstHeading,
body.page-Main_Page .mw-indicators,
body.page-Main_Page .mw-editsection,
body.page-Main_Page .catlinks,
body.page-Main_Page .printfooter,
body.page-Main_Page #siteSub,
body.page-Main_Page #contentSub,
body.page-Main_Page #jump-to-nav,
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-page-base,
body.page-Main_Page #mw-head-base,
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 #p-lang-btn{
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;
}
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{
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 .mw-page-container,
body.page-Main_Page .mw-page-container-inner,
body.page-Main_Page .mw-content-container{
display: block !important;
min-height: 0 !important;
}
body.page-Main_Page main#content{
position: static !important;
}
body.page-Main_Page{
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden;
background: #f5f1e8 !important;
}
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;
}
body.page-Main_Page #vani-home p{
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home a{
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: inherit;
text-decoration: none !important;
}
body.page-Main_Page #vani-home a.external{
padding-right: 0 !important;
background-image: none !important;
}
body.page-Main_Page #vani-home img{
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.page-Main_Page #vani-home{
--cream: #f6f2e9;
--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;
}
body.page-Main_Page .vh-top{
height: 66px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 20;
margin-bottom: 20px;
}
body.page-Main_Page .vh-brand{
display: flex;
align-items: center;
}
body.page-Main_Page .vh-round-logo{
flex: 0 0 auto;
}
body.page-Main_Page .vh-round-logo img{
width: 60px;
height: 60px;
object-fit: contain;
}
body.page-Main_Page .vh-wordmark-group{
position: relative;
flex: 0 0 auto;
line-height: 0;
}
body.page-Main_Page .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;
}
body.page-Main_Page .vh-brand-network a{
color: #B5BC64 !important;
text-decoration: none !important;
transition: color .2s ease;
}
body.page-Main_Page .vh-brand-network a:hover{
color: var(--gold) !important;
}
body.page-Main_Page .vh-brand-network span{
margin: 0 3px;
color: var(--gold);
}
body.page-Main_Page .vh-round-logo{
flex: 0 0 auto;
}
body.page-Main_Page .vh-round-logo img{
width: 60px;
height: 60px;
object-fit: contain;
}
body.page-Main_Page .vh-wordmark img{
width: auto;
height: 60px;
object-fit: contain;
}
body.page-Main_Page .vh-wordmark img{
width: auto;
height: 50px;
object-fit: contain;
}
body.page-Main_Page .vh-subtitle{
width: 950px;
margin-left: 28px;
padding-left: 18px;
border-left: 2px solid rgba(177,135,61,.45);
color: var(--gold);
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
line-height: 1.3;
letter-spacing: .11em;
white-space: nowrap;
align-self: center;
transform: translateY(6px);
}
body.page-Main_Page .vh-top-links{
display: flex;
align-items: center;
gap: 17px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: .08em;
color: var(--green);
}
body.page-Main_Page .vh-top-links i{
display: block;
width: 2px;
height: 17px;
background: rgba(177,135,61,.38);
}
body.page-Main_Page .vh-top-links a{
color: var(--green) !important;
}
body.page-Main_Page .vh-main{
position: relative;
z-index: 2;
display: grid;
grid-template-columns:
minmax(600px, 1fr)
220px;
column-gap: 24px;
height: 510px;
}
body.page-Main_Page .vh-main::after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -35px; /* move divider down */
height: 1px;
background: rgba(177,135,61,.35);
pointer-events: none;
}
body.page-Main_Page .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;
}
body.page-Main_Page #vh-random-letter{
opacity: 1;
transition:
opacity .45s ease,
transform .45s ease;
}
body.page-Main_Page #vh-random-letter.is-changing{
opacity: 0;
transform: translateY(5px);
}
body.page-Main_Page .vh-random-letter-link{
display: block;
color: inherit;
text-decoration: none !important;
}
body.page-Main_Page .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;
}
body.page-Main_Page .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-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 .vh-random-letter-more{
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;
}
body.page-Main_Page .vh-random-letter-link:hover
.vh-random-letter-person,
body.page-Main_Page .vh-random-letter-link:hover
.vh-random-letter-more{
color: var(--gold);
}
body.page-Main_Page .vh-intro{
position: relative;
z-index: 8;
grid-column: 1;
grid-row: 1;
width: 650px;
min-width: 0;
padding-top: 36px;
padding-left: 145px;
}
body.page-Main_Page .vh-main-title{
font-family: "Cormorant Garamond", Georgia, serif;
font-size: clamp(64px, 5.2vw, 94px);
font-weight: 700;
line-height: .88;
letter-spacing: -.025em;
color: var(--green);
}
body.page-Main_Page .vh-description,
body.page-Main_Page .vh-quote-text,
body.page-Main_Page .vh-quote-source,
body.page-Main_Page .vh-discover-primary,
body.page-Main_Page .vh-discover-secondary,
body.page-Main_Page .vh-gateway-text,
body.page-Main_Page .vh-feature-copy,
body.page-Main_Page .vh-network-mission{
font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
}
body.page-Main_Page .vh-subtitle,
body.page-Main_Page .vh-top-links,
body.page-Main_Page .vh-small-heading,
body.page-Main_Page .vh-gateway-title,
body.page-Main_Page .vh-section-title,
body.page-Main_Page .vh-feature-copy small,
body.page-Main_Page .vh-network-grid small{
font-family: Arial, Helvetica, sans-serif;
}
body.page-Main_Page .vh-gold-rule{
width: 35px;
height: 2px;
margin: 27px 0 18px;
background: var(--gold);
}
body.page-Main_Page .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;
}
body.page-Main_Page .vh-description.is-changing{
opacity: 0 !important;
}
body.page-Main_Page .vh-photo-stage{
position: relative;
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;
}
body.page-Main_Page .vh-photo{
position: absolute;
inset: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
filter:
grayscale(.10)
sepia(.06)
saturate(.82)
contrast(.96);
transition: opacity 1.4s 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;
}
body.page-Main_Page .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;
}
body.page-Main_Page .vh-discover-heading{
font-size: 18px;
line-height: 1.35;
letter-spacing: .12em;
color: var(--gold);
}
body.page-Main_Page #vh-random-article{
margin-top: 28px;
transition:
opacity .7s ease,
transform .7s ease;
}
body.page-Main_Page #vh-random-article.is-changing{
opacity: 0;
transform: translateY(5px);
}
body.page-Main_Page .vh-random-article-link{
display: block;
color: inherit;
text-decoration: none !important;
}
body.page-Main_Page .vh-random-article-title{
color: var(--green);
font-family: "Noto Serif", Georgia, serif;
font-size: 18px;
font-weight: 400;
line-height: 1.18;
margin-bottom: 13px;
}
body.page-Main_Page .vh-random-article-extract{
color: var(--text);
font-family: "Noto Serif", Georgia, serif;
font-size: 14px;
font-weight: 400;
line-height: 1.45;
}
body.page-Main_Page .vh-random-article-more{
margin-top: 15px;
padding-top: 10px;
border-top: 1px solid rgba(177,135,61,.35);
color: var(--gold);
font-size: 10px;
line-height: 1.2;
letter-spacing: .08em;
text-transform: uppercase;
}
body.page-Main_Page .vh-random-article-link:hover .vh-random-article-title,
body.page-Main_Page .vh-random-article-link:hover .vh-random-article-more{
color: var(--gold);
}
body.page-Main_Page .vh-gateways{
position: absolute;
left: 170px;
bottom: 35px;
z-index: 20;
display: flex;
align-items: stretch;
width: 1000px;
height: 125px;
}
body.page-Main_Page .vh-gateway{
position: relative;
flex: 1 1 150px;
min-width: 140px;
padding: 0 8px;
text-align: center;
}
body.page-Main_Page .vh-gateway:not(:last-child)::after{
content: "";
position: absolute;
right: 0;
top: 15px;
bottom: 15px;
width: 1px;
background: rgba(18,63,56,.18);
pointer-events: none;
}
body.page-Main_Page .vh-gateway:last-child{
border-right: 0;
}
body.page-Main_Page .vh-icon{
display: block;
height: 50px;
color: var(--green);
font-size: 29px;
line-height: 45px;
}
body.page-Main_Page .vh-gateway-title{
margin: 4px 0 4px;
color: var(--text);
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.1;
letter-spacing: .05em;
}
body.page-Main_Page .vh-gateway-title a{
display: inline !important;
color: var(--text) !important;
}
body.page-Main_Page .vh-gateway-text{
font-size: 18px;
line-height: 1.12;
}
body.page-Main_Page .vh-gateway-text.vh-gateway-links{
font-size: 18px;
line-height: 1.12;
}
body.page-Main_Page .vh-gateway-links a{
margin: 0 !important;
}
body.page-Main_Page .vh-lifeline-window{
position: relative;
z-index: 10;
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;
}
body.page-Main_Page .vh-lifeline-window:active{
cursor: grabbing;
}
body.page-Main_Page .vh-lifeline{
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
touch-action: pan-y;
}
body.page-Main_Page .vh-timeline-track{
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: flex-start;
width: max-content;
height: 100%;
will-change: transform;
}
body.page-Main_Page .vh-timeline-track::before{
content: "";
position: absolute;
left: 0;
right: 0;
top: 42px;
height: 1px;
background: rgba(177,135,61,.55);
}
body.page-Main_Page .vh-timeline-item{
position: relative;
flex: 0 0 220px;
box-sizing: border-box;
padding: 10px 20px 0;
color: var(--green);
text-decoration: none !important;
}
body.page-Main_Page .vh-timeline-date{
height: 21px;
color: var(--gold);
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .06em;
text-transform: uppercase;
}
body.page-Main_Page .vh-timeline-dot{
position: absolute;
top: 38px;
left: 20px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--green);
border: 2px solid #f6f2e9;
box-sizing: border-box;
z-index: 2;
}
body.page-Main_Page .vh-timeline-text{
margin-top: 24px;
max-width: 175px;
color: var(--text);
font-family: "Noto Serif", Georgia, serif;
font-size: 11px;
font-weight: 400;
line-height: 1.35;
}
body.page-Main_Page .vh-timeline-item:hover .vh-timeline-date,
body.page-Main_Page .vh-timeline-item:hover .vh-timeline-text{
color: var(--gold);
}
body.page-Main_Page .vh-lifeline-window::before,
body.page-Main_Page .vh-lifeline-window::after{
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 65px;
z-index: 20;
pointer-events: none;
}
body.page-Main_Page .vh-lifeline-window::before{
left: 0;
background:
linear-gradient(
to right,
#f6f2e9,
rgba(246,242,233,0)
);
}
body.page-Main_Page .vh-lifeline-window::after{
right: 0;
background:
linear-gradient(
to left,
#f6f2e9,
rgba(246,242,233,0)
);
}
body.page-Main_Page .vh-logo-temp{
width: 58px;
height: 58px;
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;
}
@media (prefers-reduced-motion: reduce){body.page-Main_Page .vh-lifeline{
animation: none !important;
}
body.page-Main_Page .vh-photo,
body.page-Main_Page #vh-discover-content,
body.page-Main_Page .vh-feature-grid{
transition: none !important;
}
}
@media (max-width: 1500px){body.page-Main_Page #vani-home{
padding-left: 24px !important;
padding-right: 24px !important;
}
body.page-Main_Page .vh-main-title{
font-size: 67px;
}
body.page-Main_Page .vh-gateways{
width: 585px;
}
body.page-Main_Page .vh-gateway{
padding-left: 8px;
padding-right: 8px;
}
.vh-bottom{
grid-template-columns:
minmax(560px, 1.12fr)
minmax(570px, 1fr);
gap: 20px;
}
body.page-Main_Page .vh-network-grid{
grid-template-columns:
repeat(4, 88px)
minmax(150px, 1fr);
}
body.page-Main_Page .vh-wordmark{
font-size: 30px;
}
body.page-Main_Page .vh-subtitle{
font-size: 9px;
}
}
@media (max-width: 1365px){body.page-Main_Page .vh-main-title{
font-size: 61px;
}
body.page-Main_Page .vh-description{
font-size: 12px;
}
body.page-Main_Page .vh-gateways{
width: 525px;
}
body.page-Main_Page .vh-gateway-text{
font-size: 9px;
}
body.page-Main_Page .vh-gateway-title{
font-size: 9px;
}
.vh-bottom{
grid-template-columns:
1.05fr
.95fr;
}
body.page-Main_Page .vh-network-grid{
grid-template-columns:
repeat(4, 78px)
minmax(140px, 1fr);
}
}
body.page-Main_Page .vh-gateway-links{
line-height: 1.65;
}
body.page-Main_Page .vh-gateway-links a{
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;
}
body.page-Main_Page .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);
}
body.page-Main_Page .vh-gateway-links a:hover{
color: var(--gold) !important;
opacity: 1;
transform: translateY(-1px);
}
body.page-Main_Page .vh-gateway-links a:hover::after{
width: 100%;
}
body.page-Main_Page .vh-link-sep{
margin: 0 3px;
color: var(--gold);
opacity: .55;
}
body.page-Main_Page .vh-gateway-links a{
animation: vh-link-arrive .65s ease both;
}
body.page-Main_Page .vh-gateway-links a:nth-of-type(1){
animation-delay: .45s;
}
body.page-Main_Page .vh-gateway-links a:nth-of-type(2){
animation-delay: .60s;
}
body.page-Main_Page .vh-gateway-links a:nth-of-type(3){
animation-delay: .75s;
}
body.page-Main_Page .vh-gateway-links a:nth-of-type(4){
animation-delay: .90s;
}
@keyframes vh-link-arrive{
from {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: .82;
transform: translateY(0);
}
}
body.page-Main_Page #vani-home a[title]:hover::after{
content: none !important;
display: none !important;
}
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;
}
body.page-Main_Page .mw-parser-output > p:empty{
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
}
body.page-Main_Page .mw-parser-output > p:first-child{
display: none !important;
}
body.page-Main_Page #vani-home{
margin: 0 !important;
}
body.page-Main_Page .mw-footer-container,
body.page-Main_Page footer,
body.page-Main_Page #footer{
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
min-height: 0 !important;
}
body.page-Main_Page .mw-jump-link{
display: none !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.page-Main_Page .vh-intro::before{
content: "";
position: absolute;
z-index: -1;
left: -20px;
top: 0;
bottom: 0;
width: 500px;
height: 500px;
pointer-events: none;
}
body.page-Main_Page #vani-home .vh-main-title,
body.page-Main_Page #vani-home .vh-gold-rule,
body.page-Main_Page #vani-home .vh-description{
position: relative !important;
left: 60px !important;
}
body.page-Main_Page .vh-now{
position: absolute;
z-index: 15;
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;
}
body.page-Main_Page .vh-letter-heading{
display: block;
width: 100%;
height: auto;
margin: 0 0 22px;
padding: 0;
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;
}
body.page-Main_Page .vh-hero-title-wrap{
position: relative;
display: inline-block;
}
body.page-Main_Page .vh-hero-title-link{
position: relative;
display: inline-block;
}
body.page-Main_Page .vh-hero-title-link > a{
display: block;
position: relative;
color: inherit;
text-decoration: none !important;
}
body.page-Main_Page .vh-who-corner{
position: absolute;
/* VERTICAL POSITION */
top: 3px;
/* 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);
}
body.page-Main_Page .vh-hero-title-wrap:hover .vh-who-corner{
opacity: 1;
transform: translateX(0);
}
body.page-Main_Page .vh-hero-title-link a:hover,
body.page-Main_Page .vh-hero-title-link a:visited{
color: inherit;
text-decoration: none !important;
}
body.page-Main_Page .vh-who-link{
position: absolute;
left: 4px;
bottom: -39px;
z-index: 30;
opacity: 0;
transform: translateY(-7px);
pointer-events: none;
transition:
opacity .35s ease,
transform .35s ease;
}
body.page-Main_Page .vh-who-link a{
display: inline-flex;
align-items: center;
gap: 9px;
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;
}
body.page-Main_Page .vh-who-arrow{
position: relative;
top: -1px;
font-size: 14px;
line-height: 1;
transition: transform .25s ease;
}
body.page-Main_Page .vh-hero-title-wrap:hover .vh-who-link{
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
body.page-Main_Page .vh-who-link a:hover{
color: var(--green);
border-color: var(--gold);
background: rgba(246,242,233,.98);
}
body.page-Main_Page .vh-who-link a:hover .vh-who-arrow{
transform: translateX(3px);
}
body.page-Main_Page .vh-lifeline-window{
cursor: grab;
user-select: none;
-webkit-user-select: none;
}
body.page-Main_Page .vh-lifeline-window.is-dragging{
cursor: grabbing;
}
body.page-Main_Page .vh-timeline-item{
-webkit-user-drag: none;
user-drag: none;
}
body.page-Main_Page .vh-timeline-item:hover .vh-timeline-dot{
transform: scale(1.5);
}
body.page-Main_Page .vh-timeline-dot{
transition: transform .2s ease;
}
body.page-Main_Page #vani-home .vh-timeline-track{
transition: none !important;
animation: none !important;
scroll-behavior: auto !important;
transform-origin: 0 0;
}
body.page-Main_Page #vani-home .vh-timeline-item{
transition: none !important;
}
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;
}
body.page-Main_Page #vani-home .vh-timeline-item{
flex: 0 0 220px;
width: 220px;
transition: none !important;
animation: none !important;
-webkit-user-drag: none;
}
body.page-Main_Page #vani-home .vh-lifeline-window{
cursor: grab;
user-select: none;
-webkit-user-select: none;
touch-action: pan-y;
}
body.page-Main_Page #vani-home .vh-lifeline-window.is-dragging{
cursor: grabbing;
}
body.page-Main_Page .vh-timeline-section{
position: relative;
top: 12px;
}
body.page-Main_Page .vh-timeline-years{
display: flex !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;
}
body.page-Main_Page .vh-timeline-years .vh-year{
display: inline-block;
margin: 0;
padding: 4px 2px;
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;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover{
color: var(--gold);
transform: translateY(-1px);
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active{
color: var(--gold);
font-weight: 700;
}
body.page-Main_Page .vh-quote{
height: 82px;
display: flex;
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;
}
body.page-Main_Page .vh-quote-inner{
flex: 1 1 auto;
min-width: 0;
max-width: 1500px;
text-align: center;
}
body.page-Main_Page .vh-quote-text{
display: block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--text);
font-size: clamp(20px, 1.65vw, 29px);
line-height: 1.16;
}
body.page-Main_Page .vh-quote-source{
margin-top: 7px;
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
color: var(--gold);
font-size: 12px;
line-height: 1;
}
body.page-Main_Page .vh-quote-source::before,
body.page-Main_Page .vh-quote-source::after{
content: "";
width: 74px;
height: 1px;
background: rgba(177,135,61,.45);
flex: 0 0 auto;
}
body.page-Main_Page .vh-quote-source a{
color: inherit !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-quote-source a:hover{
color: var(--green) !important;
}
body.page-Main_Page .vh-quote-mark{
position: relative;
top: 15px;
flex: 0 0 auto;
color: var(--gold);
font-size: 93px;
line-height: 1;
}
body.page-Main_Page #vh-random-quote,
body.page-Main_Page #vh-random-quote-source{
transition: opacity .45s ease;
}
body.page-Main_Page #vh-random-quote.is-changing,
body.page-Main_Page #vh-random-quote-source.is-changing{
opacity: 0;
}
body.page-Main_Page .vh-featured{
width: auto;
padding-right: 0;
}
body.page-Main_Page .vh-featured .vh-section-title{
display: flex;
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;
}
body.page-Main_Page .vh-featured .vh-section-title::after{
content: "";
width: 85px;
height: 1px;
background: rgba(177,135,61,.45);
}
.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;
}
body.page-Main_Page .vh-featured,
body.page-Main_Page .vh-network{
min-width: 0;
}
body.page-Main_Page .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;
}
body.page-Main_Page .vh-featured .vh-section-title::after{
content: "";
width: 85px;
height: 1px;
background: rgba(177,135,61,.45);
}
body.page-Main_Page .vh-feature-grid{
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin-top: 0;
}
body.page-Main_Page .vh-feature{
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;
}
body.page-Main_Page .vh-feature:hover{
transform: translateY(-2px);
}
body.page-Main_Page .vh-feature a{
color: inherit;
text-decoration: none !important;
}
body.page-Main_Page .vh-feature-media,
body.page-Main_Page .vh-feature-audio{
position: relative;
width: 100%;
height: 125px;
box-sizing: border-box;
overflow: hidden;
border-radius: 6px 0 0 6px;
background: #f3ecdf;
}
body.page-Main_Page .vh-feature-video .vh-feature-media,
body.page-Main_Page .vh-feature-imagequote .vh-feature-media{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
body.page-Main_Page .vh-feature-short .vh-feature-media{
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: #f3ecdf;
}
body.page-Main_Page .vh-feature-copy{
min-width: 0;
box-sizing: border-box;
padding: 3px 10px 5px 12px;
background: #f3ecdf;
border-radius: 0 6px 6px 0;
}
body.page-Main_Page .vh-feature-copy small,
body.page-Main_Page .vh-feature-copy small{
margin-bottom: 5px;
color: var(--gold);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: .08em;
text-transform: uppercase;
}
body.page-Main_Page .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;
}
body.page-Main_Page .vh-feature-copy span{
display: none;
}
body.page-Main_Page .vh-feature-audio{
display: flex;
align-items: center;
justify-content: center;
background: #f3ecdf;
}
body.page-Main_Page .vh-feature-audio-icon{
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
font-size: 37px;
border: 1px solid rgba(177,135,61,.50);
border-radius: 50%;
color: var(--gold);
line-height: 1;
cursor: pointer;
transition:
transform .2s ease,
background .2s ease;
}
body.page-Main_Page .vh-feature-nectar:hover .vh-feature-audio-icon{
transform: scale(1.06);
background: rgba(177,135,61,.08);
}
body.page-Main_Page .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;
}
body.page-Main_Page .vh-network .vh-section-title::after{
content: "";
width: 85px;
height: 1px;
background: rgba(177,135,61,.45);
}
body.page-Main_Page .vh-network-row{
display: flex !important;
flex-direction: row !important;
align-items: stretch;
width: 100%;
height: 125px;
}
body.page-Main_Page .vh-network-stat{
flex: 0 0 120px;
min-width: 120px;
box-sizing: border-box;
padding: 5px 10px 0;
text-align: center;
border-left: 1px solid rgba(18,63,56,.16);
border-right: 1px solid rgba(18,63,56,.16);
cursor: pointer;
transition:
background .22s ease,
transform .22s ease;
}
body.page-Main_Page .vh-network-stat > a{
display: block;
width: 100%;
height: 100%;
color: inherit !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-network-stat:hover{
background: rgba(177,135,61,.08);
transform: translateY(-3px);
}
body.page-Main_Page .vh-network-stat:hover .vh-network-icon{
transform: scale(1.12);
color: var(--gold);
}
body.page-Main_Page .vh-network-stat:hover strong{
color: var(--gold);
}
body.page-Main_Page .vh-network-icon{
display: flex;
align-items: center;
justify-content: center;
height: 42px;
color: var(--green);
font-size: 32px;
line-height: 1;
transition:
transform .22s ease,
color .22s ease;
}
body.page-Main_Page .vh-icon-quotes{
font-family: Georgia, "Times New Roman", serif;
font-size: 60px;
line-height: 1;
position: relative;
top: 10px;
}
body.page-Main_Page .vh-network-stat strong{
display: block;
margin-top: -8px;
color: var(--green);
font-family: Georgia, "Times New Roman", serif;
font-weight: 400;
white-space: nowrap;
line-height: 1;
font-size: 21px;
}
body.page-Main_Page .vh-icon-quotes + strong{
white-space: normal;
line-height: 1;
font-size: 19px;
}
body.page-Main_Page .vh-network-stat small{
display: block;
margin-top: 8px;
color: var(--green);
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: 700;
line-height: 1.25;
letter-spacing: .04em;
}
body.page-Main_Page .vh-network-mission{
display: flex;
align-items: center;
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.page-Main_Page .vh-network-world{
flex: 0 0 150px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-right: 0px;
}
body.page-Main_Page .vh-network-mission-text{
flex: 1 1 auto;
min-width: 250px;
color: var(--green);
font-family: Georgia, "Times New Roman", serif;
font-size: 15px;
font-weight: 400;
line-height: 1.45;
}
body.page-Main_Page .vh-network-mission:hover{
background: rgba(177,135,61,.08);
}
body.page-Main_Page .vh-network-mission:hover .vh-network-world img{
transform: scale(1.05);
opacity: 1;
}
@media (max-width: 1500px){.vh-bottom{
grid-template-columns:
minmax(650px, 1.2fr)
minmax(650px, 1fr);
column-gap: 20px;
}
body.page-Main_Page .vh-feature-grid{
gap: 10px;
}
body.page-Main_Page .vh-feature{
grid-template-columns: 47% 53%;
}
body.page-Main_Page .vh-feature-copy{
padding-left: 9px;
padding-right: 7px;
}
body.page-Main_Page .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);
}
body.page-Main_Page .vh-feature-grid{
gap: 8px;
}
body.page-Main_Page .vh-network-stat{
flex: 0 0 105px;
min-width: 105px;
}
}
body.page-Main_Page .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;
}
body.page-Main_Page .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;
}
body.page-Main_Page .social-stats-header:hover{
background: #7fbd97;
}
body.page-Main_Page .social-stats-platform{
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding: 16px 20px;
border-right: 1px solid #c8ccd1;
}
body.page-Main_Page .social-stats-name{
margin-bottom: 4px;
font-size: 12px;
font-weight: 600;
color: #72777d;
text-transform: uppercase;
letter-spacing: .04em;
}
body.page-Main_Page .social-stats-views{
font-size: 21px;
line-height: 1.2;
font-weight: 700;
color: #202122;
}
body.page-Main_Page .social-stats-open{
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
padding: 0 20px;
font-size: 14px;
font-weight: 600;
color: #2a4452;
background: #eef2f4;
white-space: nowrap;
}
body.page-Main_Page .social-stats-arrow{
font-size: 10px;
}
body.page-Main_Page .social-stats-details{
box-sizing: border-box;
margin-top: -2px;
padding: 24px 28px 30px;
background: #fff;
border: 2px solid #2a4452;
border-top: 1px solid #c8ccd1;
border-radius: 0 0 8px 8px;
}
body.page-Main_Page .social-stats-number{
font-size: 21px;
line-height: 1.15;
font-weight: 700;
color: #202122;
}
body.page-Main_Page .social-stats-view-label{
margin-top: 2px;
font-size: 11px;
line-height: 1.2;
color: #72777d;
}
body.page-Main_Page #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.page-Main_Page #vh-imagequote-lightbox.is-open{
opacity: 1;
visibility: visible;
pointer-events: auto;
}
body.page-Main_Page #vh-imagequote-lightbox img{
display: block;
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);
}
body.page-Main_Page .vh-imagequote-lightbox-close{
position: absolute;
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;
}
body.page-Main_Page .vh-feature-audio{
flex-direction: column;
gap: 10px;
}
body.page-Main_Page .vh-nectar-wave{
display: flex;
align-items: center;
justify-content: center;
gap: 3px;
height: 18px;
opacity: 0;
transition: opacity .2s ease;
}
body.page-Main_Page .vh-nectar-wave.is-playing{
opacity: 1;
}
body.page-Main_Page .vh-nectar-wave span{
width: 2px;
height: 4px;
border-radius: 2px;
background: var(--gold);
transform-origin: center;
}
body.page-Main_Page .vh-nectar-wave.is-playing span{
animation: vhNectarWave .75s ease-in-out infinite alternate;
}
body.page-Main_Page .vh-nectar-wave.is-playing span:nth-child(2){
animation-delay: -.45s;
}
body.page-Main_Page .vh-nectar-wave.is-playing span:nth-child(3){
animation-delay: -.20s;
}
body.page-Main_Page .vh-nectar-wave.is-playing span:nth-child(4){
animation-delay: -.60s;
}
body.page-Main_Page .vh-nectar-wave.is-playing span:nth-child(5){
animation-delay: -.30s;
}
body.page-Main_Page .vh-nectar-wave.is-playing span:nth-child(6){
animation-delay: -.55s;
}
body.page-Main_Page .vh-nectar-wave.is-playing span:nth-child(7){
animation-delay: -.10s;
}
@keyframes vhNectarWave{
0% {
height: 3px;
}
100% {
height: 16px;
}
}
body.page-Main_Page .vh-feature-nectar .vh-feature-audio{
overflow: hidden !important;
}
body.page-Main_Page .vh-feature-nectar .vh-nectar-wave{
flex-shrink: 0;
}
body.page-Main_Page .vh-feature-video .vh-feature-copy strong,
body.page-Main_Page .vh-feature-nectar .vh-feature-copy strong{
font-size: 13px;
line-height: 1.08;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
body.page-Main_Page .vani-flipbook-trigger{
display: inline-block;
cursor: pointer;
}
body.page-Main_Page .vani-flipbook-trigger img{
display: block;
max-width: 100%;
height: auto;
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}
body.page-Main_Page .vani-flipbook-trigger:hover img{
transform: translateY(-3px);
box-shadow:
0 8px 24px
rgba(0, 0, 0, 0.22);
}
body.page-Main_Page #vani-flipbook-overlay{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100000;
display: none;
align-items: center;
justify-content: center;
padding: 20px;
background:
rgba(15, 20, 18, 0.90);
}
body.page-Main_Page #vani-flipbook-overlay.is-open{
display: flex;
}
body.page-Main_Page .vani-flipbook-modal{
position: relative;
width: calc(100vw - 80px);
height: calc(100vh - 40px);
max-width: 1800px;
overflow: hidden;
background: #d9d6cf;
border-radius: 6px;
box-shadow:
0 20px 70px
rgba(0, 0, 0, 0.55);
}
body.page-Main_Page #vani-flipbook-frame-holder{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
body.page-Main_Page #vani-flipbook-frame{
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
background: #d9d6cf;
}
body.page-Main_Page .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;
}
body.page-Main_Page .vani-flipbook-close:hover{
background: #000000;
}
body.page-Main_Page.vani-flipbook-open{
overflow: hidden;
}
@media (max-width: 720px){body.page-Main_Page #vani-flipbook-overlay{
padding: 0;
width: 100%;
height: 100vh;
height: 100dvh;
}
body.page-Main_Page .vani-flipbook-modal{
width: 100%;
height: 100vh;
height: 100dvh;
max-width: none;
border-radius: 0;
}
}
body.page-Main_Page .vision-layout-wrapper .vision-logo{
width: 100%;
text-align: center;
margin: 0 auto 22px;
}
body.page-Main_Page .vision-layout-wrapper .vision-logo img{
display: block;
max-width: 350px;
height: auto;
margin: 0 auto;
}
body.page-Main_Page .vision-buttons-container{
display: flex;
width: 100%;
gap: 14px;
align-items: stretch;
}
body.page-Main_Page .vision-buttons-container .vision-col{
display: flex;
flex-direction: column;
flex: 1 1 0;
gap: 14px;
min-width: 0;
}
body.page-Main_Page .vision-buttons-container .vision-btn{
background-color: #91cfa9;
border-bottom: 3px solid #2a4452;
border-radius: 6px;
}
body.page-Main_Page .vision-buttons-container .vision-btn:hover{
background-color: #7fbd97;
}
body.page-Main_Page .vision-buttons-container .vision-btn a,
body.page-Main_Page .vision-buttons-container .vision-btn a.external{
color: #1f4033 !important;
}
@media (max-width: 700px){body.page-Main_Page .vision-buttons-container{
flex-direction: column;
}
}
body.page-Main_Page{
--wood-darkest: #110804;
--wood-dark: #1c0e07;
--wood-mid: #2b170e;
--wood-warm: #3d2214;
--wood-light: #54311c;
--gold-bright: #f5d77f;
--gold-mid: #d4af37;
--gold-deep: #997a15;
--text-cream: #f4ebd9;
--text-muted: #bda892;
--spotlight-glow: radial-gradient(circle at 50% 0%, rgba(255, 230, 160, 0.28) 0%, rgba(255, 210, 120, 0.08) 45%, transparent 75%);
}
body.page-Main_Page .sanctum-cabinet{
width: 100%;
max-width: 1280px;
margin: 0 auto;
background: linear-gradient(180deg, #2b170e 0%, #1c0e07 40%, #140904 100%);
border: 3px solid #3d2314;
border-radius: 12px;
box-shadow: 0 25px 60px rgba(0,0,0,0.9), inset 0 2px 4px rgba(255,220,150,0.2), inset 0 -2px 6px rgba(0,0,0,0.9);
position: relative;
overflow: hidden;
font-family: 'Cinzel', 'Georgia', serif;
color: var(--text-cream);
}
body.page-Main_Page .sanctum-cabinet::before{
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: repeating-linear-gradient(90deg, rgba(255,255,255,0.015) 0px, rgba(255,255,255,0.015) 1px, transparent 1px, transparent 4px);
pointer-events: none;
opacity: 0.7;
}
body.page-Main_Page .cornice-header{
background: linear-gradient(180deg, #3f2314 0%, #28140a 60%, #1b0c05 100%);
border-bottom: 2px solid #5a341b;
box-shadow: 0 8px 16px rgba(0,0,0,0.7), inset 0 2px 3px rgba(255,230,170,0.25);
padding: 14px 28px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 10;
}
body.page-Main_Page .cornice-left{
display: flex;
align-items: center;
gap: 16px;
}
body.page-Main_Page .cornice-left .nav-burger{
cursor: pointer;
font-size: 20px;
color: var(--gold-mid);
background: rgba(0,0,0,0.4);
padding: 6px 12px;
border-radius: 4px;
border: 1px solid #4a2814;
}
body.page-Main_Page .vh-brand-group{
display: flex;
flex-direction: column;
}
body.page-Main_Page .main-brand-title{
font-size: 20px;
font-weight: 700;
letter-spacing: 2.5px;
color: var(--gold-bright);
text-transform: uppercase;
text-shadow: 0 2px 4px rgba(0,0,0,0.9), 0 0 12px rgba(212,175,55,0.3);
}
body.page-Main_Page .brand-subline{
font-size: 10px;
letter-spacing: 2.5px;
color: var(--text-muted);
text-transform: uppercase;
margin-top: 2px;
}
body.page-Main_Page .cornice-search{
flex: 1;
max-width: 480px;
margin: 0 24px;
}
body.page-Main_Page .search-input-wrap{
position: relative;
width: 100%;
}
body.page-Main_Page .search-bevel{
width: 100%;
padding: 10px 18px 10px 42px;
background: #0f0704;
border: 1px solid #472613;
border-radius: 20px;
color: var(--text-cream);
font-family: inherit;
font-size: 13px;
box-shadow: inset 0 3px 6px rgba(0,0,0,0.9), 0 1px 2px rgba(255,255,255,0.08);
outline: none;
}
body.page-Main_Page .search-bevel::placeholder{
color: #7d6b58;
font-style: italic;
}
body.page-Main_Page .search-icon{
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: var(--gold-mid);
font-size: 14px;
}
body.page-Main_Page .cornice-links{
display: flex;
align-items: center;
gap: 18px;
font-size: 12px;
letter-spacing: 1.5px;
}
body.page-Main_Page .cornice-links a{
color: var(--text-cream) !important;
text-decoration: none;
}
body.page-Main_Page .cornice-links a:hover{
color: var(--gold-bright) !important;
}
body.page-Main_Page .cornice-links .btn-gold a{
background: linear-gradient(180deg, #b8860b 0%, #7d5904 100%);
padding: 6px 14px;
border-radius: 4px;
color: #fff !important;
font-weight: 600;
box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
body.page-Main_Page .spotlight-frieze{
position: relative;
padding: 24px 20px 10px 20px;
text-align: center;
background: linear-gradient(180deg, #24130b 0%, #180c06 100%);
border-bottom: 2px solid #3a1e0f;
}
body.page-Main_Page .lamp-row{
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-around;
padding: 0 80px;
pointer-events: none;
}
body.page-Main_Page .lamp{
width: 60px;
height: 8px;
background: radial-gradient(ellipse at center, #ffd700 0%, #b8860b 60%, #442500 100%);
border-radius: 0 0 10px 10px;
box-shadow: 0 0 14px 4px rgba(255, 215, 0, 0.45);
position: relative;
}
body.page-Main_Page .lamp::after{
content: "";
position: absolute;
top: 8px;
left: -70px;
width: 200px;
height: 280px;
background: var(--spotlight-glow);
pointer-events: none;
}
body.page-Main_Page .frieze-title{
font-size: 24px;
letter-spacing: 2px;
color: var(--gold-bright);
text-shadow: 0 2px 6px rgba(0,0,0,0.95);
margin-bottom: 4px;
}
body.page-Main_Page .frieze-subtitle{
font-size: 12px;
letter-spacing: 2.5px;
color: var(--text-muted);
font-style: italic;
}
body.page-Main_Page .shadowbox-body{
padding: 24px 24px;
}
body.page-Main_Page .hero-sanctuary-stage{
display: grid;
grid-template-columns: 1fr 1.25fr 1fr;
gap: 20px;
background: linear-gradient(180deg, #180c06 0%, #100703 100%);
border: 3px solid #361e10;
border-radius: 8px;
padding: 20px;
box-shadow: inset 0 10px 25px rgba(0,0,0,0.9);
margin-bottom: 24px;
align-items: stretch;
}
body.page-Main_Page .spotlight-card{
background: rgba(0, 0, 0, 0.45);
border: 1px solid #3b2011;
border-radius: 6px;
padding: 18px;
box-shadow: inset 0 2px 6px rgba(0,0,0,0.8);
display: flex;
flex-direction: column;
}
body.page-Main_Page .spotlight-tag{
font-size: 10px;
letter-spacing: 2px;
color: var(--gold-mid);
text-transform: uppercase;
margin-bottom: 6px;
}
body.page-Main_Page .spotlight-headline a{
font-size: 16px;
color: var(--text-cream) !important;
font-weight: 600;
text-decoration: none;
}
body.page-Main_Page .spotlight-body{
font-size: 12px;
color: #bcaaa4;
line-height: 1.5;
margin: 10px 0;
flex: 1;
}
body.page-Main_Page .spotlight-footer a{
font-size: 11px;
color: var(--gold-bright) !important;
text-decoration: none;
}
body.page-Main_Page .center-frame{
background: #090402;
border: 3px solid #4a2814;
border-radius: 6px;
padding: 18px;
text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.95), inset 0 0 30px rgba(0,0,0,0.9);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
body.page-Main_Page .sanctuary-center-badge{
font-size: 10px;
letter-spacing: 2.5px;
color: var(--gold-mid);
text-transform: uppercase;
margin-bottom: 10px;
}
body.page-Main_Page .vh-hero-title-link a{
text-decoration: none;
}
body.page-Main_Page .vh-who-corner{
display: block;
font-size: 11px;
letter-spacing: 3px;
color: var(--gold-mid);
text-transform: uppercase;
}
body.page-Main_Page .vh-main-title{
display: block;
font-size: 26px;
font-weight: 700;
letter-spacing: 2px;
color: var(--gold-bright);
}
body.page-Main_Page .vh-gold-rule{
width: 80px;
height: 2px;
background: linear-gradient(90deg, transparent, var(--gold-mid), transparent);
margin: 10px auto;
}
body.page-Main_Page .vh-description{
font-size: 12px;
color: var(--text-cream);
font-style: italic;
}
body.page-Main_Page .multilingual-tape{
background: #140904;
border: 1px solid #361b0d;
padding: 6px 14px;
border-radius: 4px;
margin-top: 12px;
font-size: 11px;
color: var(--gold-bright);
letter-spacing: 1px;
}
body.page-Main_Page .niches-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 22px;
}
body.page-Main_Page .wood-niche{
background: linear-gradient(180deg, #0e0603 0%, #170b05 100%);
border: 3px solid #381f11;
border-top: 4px solid #1a0c06;
border-radius: 6px;
padding: 22px 18px;
box-shadow: inset 0 8px 18px rgba(0,0,0,0.95), 0 4px 10px rgba(0,0,0,0.7), inset 0 0 20px rgba(0,0,0,0.8);
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 0.2s, border-color 0.2s;
}
body.page-Main_Page .wood-niche:hover{
transform: translateY(-2px);
border-color: #633b20;
}
body.page-Main_Page .niche-lamp{
position: absolute;
top: 0;
width: 36px;
height: 5px;
background: #e2ba4d;
border-radius: 0 0 6px 6px;
box-shadow: 0 0 10px rgba(255,215,0,0.6);
}
body.page-Main_Page .niche-icon-wrap{
font-size: 32px;
margin: 10px 0 10px 0;
filter: drop-shadow(0 3px 6px rgba(0,0,0,0.8));
}
body.page-Main_Page .niche-title{
font-size: 15px;
font-weight: 700;
letter-spacing: 1.5px;
color: var(--gold-bright);
text-transform: uppercase;
margin-bottom: 8px;
}
body.page-Main_Page .niche-desc{
font-size: 12px;
line-height: 1.5;
color: var(--text-cream);
margin-bottom: 10px;
}
body.page-Main_Page .niche-links{
font-size: 11px;
line-height: 1.6;
margin-bottom: 10px;
}
body.page-Main_Page .niche-links a{
color: var(--text-cream) !important;
text-decoration: underline;
}
body.page-Main_Page .niche-links a:hover{
color: var(--gold-bright) !important;
}
body.page-Main_Page .niche-meta{
margin-top: auto;
font-size: 11px;
color: var(--gold-mid);
border-top: 1px solid #2d180c;
padding-top: 8px;
width: 100%;
letter-spacing: 1px;
}
body.page-Main_Page .taxonomies-carved-shelf{
background: #110704;
border: 1px solid #361b0c;
border-radius: 6px;
padding: 12px 18px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 22px;
box-shadow: inset 0 2px 6px rgba(0,0,0,0.9);
}
body.page-Main_Page .shelf-label{
font-size: 11px;
letter-spacing: 1.5px;
color: var(--gold-mid);
}
body.page-Main_Page .shelf-chips a{
display: inline-block;
background: #1d0f07;
border: 1px solid #422312;
border-radius: 4px;
padding: 4px 10px;
margin: 0 4px;
color: var(--text-cream) !important;
font-size: 11px;
text-decoration: none;
}
body.page-Main_Page .shelf-chips a:hover{
border-color: var(--gold-mid);
color: var(--gold-bright) !important;
}
body.page-Main_Page .timeline-carved-ribbon{
background: linear-gradient(180deg, #1c0e07 0%, #120803 100%);
border: 2px solid #381f11;
border-radius: 6px;
padding: 16px 20px;
box-shadow: inset 0 4px 10px rgba(0,0,0,0.9);
}
body.page-Main_Page .timeline-label-row{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
body.page-Main_Page .timeline-title{
font-size: 13px;
letter-spacing: 2px;
color: var(--gold-mid);
}
body.page-Main_Page .timeline-span-badge{
font-size: 11px;
color: var(--gold-bright);
}
body.page-Main_Page .timeline-years-bar{
display: flex;
justify-content: space-between;
background: #080301;
border: 1px solid #30170a;
border-radius: 20px;
padding: 8px 16px;
box-shadow: inset 0 2px 6px rgba(0,0,0,0.9);
overflow-x: auto;
}
body.page-Main_Page .vh-year{
font-size: 11px;
color: #9c8570;
cursor: pointer;
padding: 2px 6px;
transition: color 0.2s;
}
body.page-Main_Page .vh-year:hover,
body.page-Main_Page .vh-year.active{
color: var(--gold-bright);
font-weight: 700;
}
body.page-Main_Page .plinth-footer{
background: linear-gradient(180deg, #1d0f07 0%, #120803 100%);
border-top: 3px solid #3d2111;
padding: 20px 28px;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: inset 0 3px 6px rgba(255,255,255,0.05);
}
body.page-Main_Page .plinth-stat{
font-size: 13px;
color: var(--gold-bright);
letter-spacing: 1px;
}
body.page-Main_Page .plinth-actions{
display: flex;
gap: 12px;
}
body.page-Main_Page .plinth-btn a{
display: inline-block;
padding: 8px 16px;
background: #190b05;
border: 1px solid #4a2712;
border-radius: 4px;
color: var(--text-cream) !important;
font-size: 11px;
letter-spacing: 1.5px;
text-transform: uppercase;
text-decoration: none;
box-shadow: 0 2px 5px rgba(0,0,0,0.6);
}
body.page-Main_Page .plinth-btn a:hover{
border-color: var(--gold-mid);
color: var(--gold-bright) !important;
}
@media (max-width: 900px){body.page-Main_Page .niches-grid{ grid-template-columns: 1fr; }
body.page-Main_Page .hero-sanctuary-stage{ grid-template-columns: 1fr; }
body.page-Main_Page .taxonomies-carved-shelf{ flex-direction: column; gap: 10px; }
body.page-Main_Page .plinth-footer{ flex-direction: column; gap: 14px; text-align: center; }
}
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"],
body.page-Main_Page #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,
body.page-Main_Page #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,
body.page-Main_Page #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: #345B63 !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: #345B63 !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: #345B63 !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 #vani-home .vh-top{
display: none !important;
}
body.page-Main_Page #vani-home .vh-photo-stage{
top: 0 !important;
}
body.page-Main_Page .vector-page-toolbar-container,
body.page-Main_Page .vector-page-toolbar,
body.page-Main_Page #siteNotice,
body.page-Main_Page #localNotice,
body.page-Main_Page #mw-page-base,
body.page-Main_Page #mw-head-base,
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 #p-lang-btn{
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;
}
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{
margin-top: 0 !important;
padding-top: 0 !important;
background: #f6f2e9 !important;
background-color: #f6f2e9 !important;
}
body.page-Main_Page .vh-hero-title-wrap{
text-align: center !important;
margin: 16px auto 8px auto !important;
position: relative !important;
z-index: 2 !important;
}
body.page-Main_Page .vh-hero-title-link{
text-decoration: none !important;
display: inline-block !important;
}
body.page-Main_Page .vh-who-corner{
display: block !important;
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
color: #b1873d !important; /* Temple Gold */
margin-bottom: 4px !important;
}
body.page-Main_Page .vh-main-title{
display: block !important;
font-family: 'Cormorant Garamond', 'DM Serif Display', Georgia, serif !important;
font-size: 46px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
color: #1e353b !important; /* Deep Sacred Slate-Teal */
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
}
body.page-Main_Page .vh-founder-subline{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
margin: 6px auto 14px auto !important;
padding: 4px 18px !important;
background: rgba(177, 135, 61, 0.08) !important;
border: 1px solid rgba(177, 135, 61, 0.25) !important;
border-radius: 20px !important;
color: #345B63 !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 14px !important;
font-style: italic !important;
letter-spacing: 0.5px !important;
}
body.page-Main_Page .vh-founder-subline::before,
body.page-Main_Page .vh-founder-subline::after{
content: "♦" !important;
font-size: 10px !important;
color: #b1873d !important;
}
body.page-Main_Page .vh-timeline-panoramic{
width: 100% !important;
max-width: 1400px !important;
margin: 18px auto 24px auto !important;
padding: 12px 16px !important;
background: #faf7f0 !important;
border-top: 1px solid rgba(177, 135, 61, 0.35) !important;
border-bottom: 1px solid rgba(177, 135, 61, 0.35) !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
border-radius: 4px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-timeline-panoramic .vh-timeline-years{
top: 0 !important;
margin: 0 auto 12px auto !important;
gap: 14px !important;
justify-content: center !important;
flex-wrap: wrap !important;
}
body.page-Main_Page .vh-timeline-panoramic .vh-year{
font-size: 16px !important;
font-weight: 600 !important;
padding: 5px 12px !important;
border-radius: 14px !important;
color: #345B63 !important;
background: rgba(255, 255, 255, 0.7) !important;
border: 1px solid rgba(177, 135, 61, 0.2) !important;
transition: all 0.2s ease !important;
}
body.page-Main_Page .vh-timeline-panoramic .vh-year:hover{
background: #345B63 !important;
color: #f5d77f !important;
border-color: #345B63 !important;
transform: translateY(-2px) !important;
box-shadow: 0 3px 8px rgba(52, 91, 99, 0.25) !important;
}
body.page-Main_Page .vh-timeline-panoramic .vh-year.is-active{
background: #345B63 !important;
color: #f5d77f !important;
border-color: #b1873d !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}
body.page-Main_Page,
html.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;
background-color: #f6f2e9 !important;
background-image: none !important;
margin-top: 0 !important;
padding-top: 0 !important;
border-top: none !important;
}
html.page-Main_Page,
body.page-Main_Page{
height: 100vh !important;
max-height: 100vh !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page .mw-page-container{
height: 100vh !important;
max-height: 100vh !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !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{
height: calc(100vh - 52px) !important;
max-height: calc(100vh - 52px) !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home{
height: calc(100vh - 52px) !important;
max-height: calc(100vh - 52px) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 8px !important;
max-width: 1400px !important;
margin: 0 auto !important;
padding: 8px 18px 10px 18px !important;
box-sizing: border-box !important;
overflow: hidden !important;
background-color: transparent !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-gateway,
body.page-Main_Page .vh-quote-frame,
.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;
}
body.page-Main_Page .vh-card-header{
background: rgba(177, 135, 61, 0.1) !important;
border-bottom: 1px solid rgba(177, 135, 61, 0.28) !important;
padding: 6px 12px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10.5px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
color: #b1873d !important;
}
body.page-Main_Page .vh-card-header .vh-badge-icon{
font-size: 13px !important;
margin-right: 5px !important;
}
body.page-Main_Page .vh-card-header .vh-badge-sub{
font-size: 9.5px !important;
letter-spacing: 1px !important;
color: #345B63 !important;
opacity: 0.85 !important;
}
body.page-Main_Page .vh-card-body{
padding: 10px 14px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
box-sizing: border-box !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
body.page-Main_Page .vh-triad-grid{
display: grid !important;
grid-template-columns: 280px 1fr 280px !important;
gap: 14px !important;
align-items: stretch !important;
flex: 0 0 auto !important;
max-height: 235px !important;
}
body.page-Main_Page .vh-card-memories .vh-card-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #1e353b !important;
text-decoration: none !important;
display: block !important;
margin-bottom: 6px !important;
}
body.page-Main_Page .vh-card-memories .vh-card-snippet{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12.5px !important;
line-height: 1.45 !important;
color: #4a5568 !important;
flex: 1 1 auto !important;
}
body.page-Main_Page .vh-card-actions{
margin-top: 8px !important;
}
body.page-Main_Page .vh-btn-pill{
display: inline-flex !important;
align-items: center !important;
padding: 4px 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
color: #345B63 !important;
background: rgba(52, 91, 99, 0.08) !important;
border: 1px solid rgba(52, 91, 99, 0.28) !important;
border-radius: 14px !important;
transition: all 0.2s ease !important;
}
body.page-Main_Page .vh-btn-pill:hover{
background: #345B63 !important;
color: #f5d77f !important;
border-color: #345B63 !important;
}
body.page-Main_Page .vh-card-sanctuary{
background: radial-gradient(circle at center, #ffffff 0%, #faf6ee 100%) !important;
padding: 10px 16px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-hero-title-wrap{
margin: 0 !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-who-corner{
display: block !important;
font-size: 10.5px !important;
font-weight: 700 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
color: #b1873d !important;
margin-bottom: 0px !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-main-title{
font-family: 'Cormorant Garamond', 'DM Serif Display', Georgia, serif !important;
font-size: 34px !important;
font-weight: 700 !important;
line-height: 1 !important;
color: #1e353b !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-founder-subline{
display: inline-block !important;
margin: 3px auto 6px auto !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-founder-subline a{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 3px 14px !important;
background: rgba(177, 135, 61, 0.12) !important;
border: 1px solid rgba(177, 135, 61, 0.4) !important;
border-radius: 16px !important;
color: #345B63 !important;
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 13.5px !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-founder-subline a:hover{
background: #345B63 !important;
color: #f5d77f !important;
border-color: #345B63 !important;
box-shadow: 0 2px 6px rgba(52, 91, 99, 0.3) !important;
}
body.page-Main_Page .vh-portrait-wrapper{
margin: 2px auto 4px auto !important;
display: flex !important;
justify-content: center !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage{
width: 110px !important;
height: 110px !important;
border-radius: 50% !important;
border: 2.5px solid #b1873d !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
overflow: hidden !important;
position: relative !important;
background-color: #f4ebd9 !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-description{
font-family: 'Noto Serif', Georgia, serif !important;
font-style: italic !important;
font-size: 12px !important;
color: #576574 !important;
margin: 2px auto 0 auto !important;
max-width: 440px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.page-Main_Page .vh-timeline-section{
position: relative !important;
top: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
width: 100% !important;
flex: 0 0 auto !important;
}
body.page-Main_Page .vh-timeline-years{
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 auto 6px auto !important;
padding: 0 !important;
position: static !important;
top: 0 !important;
}
body.page-Main_Page .vh-timeline-years .vh-year{
padding: 3px 10px !important;
border-radius: 12px !important;
background: #ffffff !important;
border: 1px solid rgba(177, 135, 61, 0.28) !important;
font-size: 12.5px !important;
font-weight: 600 !important;
color: #345B63 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
line-height: 1.2 !important;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover{
background: #345B63 !important;
color: #f5d77f !important;
border-color: #345B63 !important;
transform: translateY(-1px) !important;
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active{
background: #345B63 !important;
color: #f5d77f !important;
border-color: #b1873d !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-lifeline-window{
background: #ffffff !important;
border: 1px solid rgba(177, 135, 61, 0.22) !important;
border-radius: 6px !important;
height: 80px !important;
position: relative !important;
overflow: hidden !important;
margin: 0 auto !important;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
body.page-Main_Page .vh-timeline-track{
display: flex !important;
align-items: flex-start !important;
height: 100% !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
}
body.page-Main_Page .vh-timeline-track::before{
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 36px !important;
height: 1px !important;
background: rgba(177, 135, 61, 0.35) !important;
}
body.page-Main_Page .vh-timeline-item{
flex: 0 0 200px !important;
padding: 6px 14px 0 !important;
box-sizing: border-box !important;
position: relative !important;
}
body.page-Main_Page .vh-timeline-date{
font-size: 11px !important;
font-weight: 700 !important;
color: #b1873d !important;
height: 18px !important;
line-height: 1.2 !important;
}
body.page-Main_Page .vh-timeline-dot{
position: absolute !important;
top: 32px !important;
left: 14px !important;
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background: #b1873d !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 1px #b1873d !important;
}
body.page-Main_Page .vh-timeline-text{
margin-top: 14px !important;
font-size: 11px !important;
line-height: 1.3 !important;
color: #1e293b !important;
max-width: 170px !important;
white-space: normal !important;
}
body.page-Main_Page .vh-gateways-frame{
display: grid !important;
grid-template-columns: repeat(6, 1fr) !important;
gap: 10px !important;
width: 100% !important;
flex: 0 0 auto !important;
}
body.page-Main_Page .vh-gateway{
padding: 8px 6px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
body.page-Main_Page .vh-gateway:hover{
transform: translateY(-2px) !important;
border-color: #b1873d !important;
box-shadow: 0 4px 12px rgba(177, 135, 61, 0.15) !important;
}
body.page-Main_Page .vh-gw-icon-circle{
width: 30px !important;
height: 30px !important;
border-radius: 50% !important;
background: rgba(177, 135, 61, 0.1) !important;
border: 1px solid rgba(177, 135, 61, 0.22) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-bottom: 4px !important;
}
body.page-Main_Page .vh-gateway .vh-icon{
font-size: 15px !important;
color: #b1873d !important;
}
body.page-Main_Page .vh-gateway-title{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 13.5px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #1e353b !important;
margin: 0 0 4px 0 !important;
width: 100% !important;
border-bottom: 1px solid rgba(177, 135, 61, 0.2) !important;
padding-bottom: 2px !important;
}
body.page-Main_Page .vh-gateway-links{
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
width: 100% !important;
font-size: 11.5px !important;
}
body.page-Main_Page .vh-gateway-links a{
color: #2c3e50 !important;
text-decoration: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.page-Main_Page .vh-gateway-links a:hover{
color: #b1873d !important;
text-decoration: underline !important;
}
body.page-Main_Page .vh-quote-frame{
background: #faf6ee !important;
border: 1px solid rgba(177, 135, 61, 0.3) !important;
border-radius: 6px !important;
padding: 8px 24px !important;
margin: 0 auto !important;
text-align: center !important;
width: 100% !important;
max-width: 1000px !important;
flex: 0 0 auto !important;
}
body.page-Main_Page .vh-quote-frame .vh-quote-inner{
font-family: 'Noto Serif', Georgia, serif !important;
font-style: italic !important;
font-size: 13.5px !important;
line-height: 1.4 !important;
color: #1e353b !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
}
body.page-Main_Page .vh-quote-frame .vh-quote-text{
max-width: 750px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.page-Main_Page .vh-quote-frame .vh-quote-source{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-style: normal !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #b1873d !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-quote-mark{
color: rgba(177, 135, 61, 0.45) !important;
font-size: 24px !important;
line-height: 1 !important;
font-family: Georgia, serif !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;
}
body.page-Main_Page .vh-feature-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 8px !important;
padding: 8px 10px !important;
}
body.page-Main_Page .vh-feature{
background: #faf7f0 !important;
border: 1px solid rgba(177, 135, 61, 0.2) !important;
border-radius: 4px !important;
padding: 6px 8px !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
font-size: 11px !important;
}
body.page-Main_Page .vh-network-stats-grid{
display: flex !important;
justify-content: space-around !important;
gap: 6px !important;
padding: 8px 10px 4px 10px !important;
text-align: center !important;
}
body.page-Main_Page .vh-network-stat{
flex: 1 1 0 !important;
background: #faf7f0 !important;
border: 1px solid rgba(177, 135, 61, 0.2) !important;
border-radius: 4px !important;
padding: 6px 2px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-stat-num{
font-size: 13.5px !important;
font-weight: 700 !important;
color: #1e353b !important;
}
body.page-Main_Page .vh-stat-lbl{
font-size: 8.5px !important;
font-weight: 700 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
color: #b1873d !important;
}
body.page-Main_Page .vh-network-mission{
text-align: center !important;
padding: 4px 10px 6px 10px !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
font-style: italic !important;
color: #576574 !important;
}
body.page-Main_Page .vh-section-header{
margin: 18px 0 10px 0 !important;
text-align: left !important;
border-bottom: 1px solid rgba(177, 135, 61, 0.25) !important;
padding-bottom: 6px !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
body.page-Main_Page .vh-section-badge{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
color: #ffffff !important;
background: #345B63 !important;
padding: 3px 8px !important;
border-radius: 4px !important;
}
body.page-Main_Page .vh-section-heading{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 16px !important;
letter-spacing: 1.2px !important;
color: #1e353b !important;
margin: 0 !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 14px !important;
width: 100% !important;
margin-bottom: 16px !important;
}
body.page-Main_Page .vh-card-tax{
display: flex !important;
flex-direction: column !important;
background: #ffffff !important;
border: 1px solid rgba(177, 135, 61, 0.3) !important;
border-radius: 6px !important;
}
body.page-Main_Page .vh-tax-spotlight-item{
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
flex: 1 1 auto !important;
}
body.page-Main_Page .vh-tax-item-name a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #1e353b !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-tax-item-name a:hover{
color: #b1873d !important;
text-decoration: underline !important;
}
body.page-Main_Page .vh-tax-item-desc{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.45 !important;
color: #4a5568 !important;
flex: 1 1 auto !important;
}
body.page-Main_Page .vh-tax-item-link{
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
color: #345B63 !important;
text-decoration: none !important;
margin-top: 6px !important;
display: inline-block !important;
}
body.page-Main_Page .vh-tax-item-link:hover{
color: #b1873d !important;
text-decoration: underline !important;
}
body.page-Main_Page .vh-card-media-section{
background: #faf7f0 !important;
margin-bottom: 16px !important;
}
body.page-Main_Page .vh-media-body{
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 20px !important;
padding: 12px 18px !important;
}
body.page-Main_Page .vh-media-desc{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 13px !important;
line-height: 1.5 !important;
color: #334155 !important;
flex: 1 1 auto !important;
}
body.page-Main_Page .vh-media-actions{
flex-shrink: 0 !important;
}
body.page-Main_Page{
overflow-y: auto !important;
}
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 #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output{
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.page-Main_Page #vani-home{
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
@media (max-width: 1024px){body.page-Main_Page .vh-taxonomy-grid{ grid-template-columns: repeat(2, 1fr) !important; }
body.page-Main_Page .vh-media-body{ flex-direction: column !important; align-items: flex-start !important; }
}
@media (max-width: 640px){body.page-Main_Page .vh-taxonomy-grid{ grid-template-columns: 1fr !important; }
}
body.page-Main_Page .vh-quote-frame,
body.page-Main_Page #vh-random-quote-wrap,
.vh-bottom-grid,
.vh-bottom-card,
body.page-Main_Page .vh-card-treasures,
body.page-Main_Page .vh-card-network{
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;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-gateway,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page .vh-card-media-section{
background: linear-gradient(180deg, #ffffff 0%, #faf8f4 100%) !important;
border: 1px solid rgba(177, 135, 61, 0.32) !important;
border-top: 1px solid rgba(255, 255, 255, 0.95) !important;
border-bottom: 2.5px solid rgba(177, 135, 61, 0.45) !important;
border-radius: 8px !important;
box-shadow:
0 1px 3px rgba(0, 0, 0, 0.05),
0 5px 15px rgba(30, 53, 59, 0.07),
0 10px 24px -5px rgba(30, 53, 59, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
transition: transform 0.22s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.22s cubic-bezier(0.2, 0, 0, 1) !important;
position: relative !important;
}
body.page-Main_Page .vh-card:hover,
body.page-Main_Page .vh-gateway:hover,
body.page-Main_Page .vh-card-tax:hover,
body.page-Main_Page .vh-card-media-section:hover{
transform: translateY(-3px) !important;
box-shadow:
0 2px 5px rgba(0, 0, 0, 0.06),
0 10px 25px rgba(30, 53, 59, 0.12),
0 16px 32px -6px rgba(177, 135, 61, 0.16),
inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}
body.page-Main_Page .vh-card-header{
background: linear-gradient(180deg, #fbf9f4 0%, #f2ebdd 100%) !important;
border-bottom: 1.5px solid rgba(177, 135, 61, 0.3) !important;
box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.03) !important;
border-top-left-radius: 7px !important;
border-top-right-radius: 7px !important;
}
body.page-Main_Page .vh-card-sanctuary{
background: radial-gradient(circle at 50% 35%, #ffffff 0%, #faf6ec 65%, #f3ece0 100%) !important;
border: 1.5px solid rgba(177, 135, 61, 0.45) !important;
border-top: 1.5px solid rgba(255, 255, 255, 1) !important;
border-bottom: 3.5px solid rgba(177, 135, 61, 0.6) !important;
box-shadow:
0 2px 6px rgba(0, 0, 0, 0.06),
0 8px 24px rgba(30, 53, 59, 0.11),
0 16px 36px -6px rgba(177, 135, 61, 0.14),
inset 0 1px 0 #ffffff,
inset 0 0 20px rgba(177, 135, 61, 0.04) !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage{
border: 3.5px solid #b1873d !important;
box-shadow:
0 6px 18px rgba(30, 53, 59, 0.22),
0 12px 28px rgba(0, 0, 0, 0.15),
inset 0 2px 4px rgba(255, 255, 255, 0.8),
inset 0 -3px 6px rgba(0, 0, 0, 0.4) !important;
transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage:hover{
transform: scale(1.03) !important;
box-shadow:
0 8px 24px rgba(30, 53, 59, 0.28),
0 16px 36px rgba(177, 135, 61, 0.3),
inset 0 2px 4px rgba(255, 255, 255, 0.9),
inset 0 -3px 6px rgba(0, 0, 0, 0.45) !important;
}
body.page-Main_Page .vh-gw-icon-circle{
background: linear-gradient(145deg, #ffffff 0%, #f6efe0 50%, #eadecb 100%) !important;
border: 1.5px solid #b1873d !important;
box-shadow:
0 3px 6px rgba(0, 0, 0, 0.10),
inset 0 1px 1px #ffffff,
inset 0 -1.5px 2px rgba(177, 135, 61, 0.45) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
body.page-Main_Page .vh-gateway:hover .vh-gw-icon-circle{
transform: scale(1.08) translateY(-1px) !important;
background: linear-gradient(145deg, #fdfbf7 0%, #f2e3c6 100%) !important;
box-shadow:
0 5px 10px rgba(177, 135, 61, 0.25),
inset 0 1px 1px #ffffff,
inset 0 -1.5px 2px rgba(177, 135, 61, 0.6) !important;
}
body.page-Main_Page .vh-timeline-years .vh-year{
background: linear-gradient(180deg, #ffffff 0%, #f4eee2 100%) !important;
border: 1px solid rgba(177, 135, 61, 0.35) !important;
border-top: 1px solid rgba(255, 255, 255, 0.95) !important;
border-bottom: 2.5px solid rgba(177, 135, 61, 0.55) !important;
border-radius: 14px !important;
box-shadow:
0 2px 4px rgba(0, 0, 0, 0.07),
inset 0 1px 0 #ffffff !important;
transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover{
transform: translateY(-2px) !important;
border-bottom: 3.5px solid rgba(177, 135, 61, 0.75) !important;
box-shadow:
0 4px 10px rgba(177, 135, 61, 0.22),
inset 0 1px 0 #ffffff !important;
color: #1e353b !important;
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active{
background: linear-gradient(180deg, #345B63 0%, #1f373c 100%) !important;
color: #ffffff !important;
border: 1px solid #122124 !important;
border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
border-bottom: 2.5px solid #0d1719 !important;
box-shadow:
inset 0 1px 2px rgba(0, 0, 0, 0.4),
0 2px 5px rgba(0, 0, 0, 0.15) !important;
}
body.page-Main_Page .vh-btn-pill,
body.page-Main_Page .vh-founder-subline a,
body.page-Main_Page .vh-tax-item-link{
box-shadow:
0 2px 5px rgba(0, 0, 0, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.4),
inset 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
transition: all 0.2s ease !important;
}
body.page-Main_Page .vh-btn-pill{
background: linear-gradient(180deg, #3d6a74 0%, #28474e 100%) !important;
color: #ffffff !important;
border: 1px solid #1a2f34 !important;
border-bottom: 2px solid #0f1c1f !important;
border-radius: 16px !important;
padding: 4px 14px !important;
display: inline-block !important;
}
body.page-Main_Page .vh-btn-pill:hover{
background: linear-gradient(180deg, #b1873d 0%, #916c2a 100%) !important;
border-color: #72531a !important;
border-bottom: 2.5px solid #553e13 !important;
transform: translateY(-1.5px) !important;
box-shadow: 0 4px 10px rgba(177, 135, 61, 0.3) !important;
color: #ffffff !important;
}
body.page-Main_Page .vh-founder-subline a{
background: linear-gradient(180deg, #ffffff 0%, #f6efe2 100%) !important;
border: 1px solid rgba(177, 135, 61, 0.4) !important;
border-bottom: 2.5px solid rgba(177, 135, 61, 0.65) !important;
}
body.page-Main_Page .vh-founder-subline a:hover{
background: linear-gradient(180deg, #345B63 0%, #213c42 100%) !important;
color: #ffffff !important;
border-color: #162a2e !important;
border-bottom: 2.5px solid #0b1517 !important;
transform: translateY(-1.5px) !important;
box-shadow: 0 4px 10px rgba(30, 53, 59, 0.25) !important;
}
body.page-Main_Page .vh-lifeline{
background: linear-gradient(180deg, #e4ded0 0%, #ede7db 100%) !important;
border: 1px solid rgba(177, 135, 61, 0.25) !important;
border-bottom: 1px solid #ffffff !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.10) !important;
border-radius: 12px !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-gateway,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page .vh-card-media-section{
background: linear-gradient(180deg, #ffffff 0%, #fbf9f4 60%, #f5efe2 100%) !important;
border: 1.5px solid #c09b4d !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #8e6b22 !important;
border-radius: 8px !important;
box-shadow:
0 2px 4px rgba(0, 0, 0, 0.08),
0 8px 20px rgba(24, 38, 35, 0.12),
0 16px 32px -4px rgba(24, 38, 35, 0.14),
inset 0 1px 0 #ffffff,
inset 0 -1px 0 rgba(192, 155, 77, 0.2) !important;
transition: transform 0.22s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.22s cubic-bezier(0.2, 0, 0, 1), border-color 0.22s ease !important;
position: relative !important;
}
body.page-Main_Page .vh-card:hover,
body.page-Main_Page .vh-gateway:hover,
body.page-Main_Page .vh-card-tax:hover,
body.page-Main_Page .vh-card-media-section:hover{
transform: translateY(-4px) !important;
border-color: #d4ab55 !important;
border-bottom: 4.5px solid #7a5818 !important;
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.10),
0 14px 28px rgba(24, 38, 35, 0.18),
0 24px 42px -6px rgba(177, 135, 61, 0.25),
inset 0 1px 0 #ffffff !important;
}
body.page-Main_Page .vh-card-header{
background: linear-gradient(180deg, #faf6ee 0%, #ebe0ca 100%) !important;
border-bottom: 2px solid #b89348 !important;
box-shadow: inset 0 1px 0 #ffffff, 0 2px 4px rgba(0, 0, 0, 0.05) !important;
border-top-left-radius: 6.5px !important;
border-top-right-radius: 6.5px !important;
padding: 8px 14px !important;
}
body.page-Main_Page .vh-badge-text{
font-weight: 800 !important;
letter-spacing: 1.6px !important;
color: #725215 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
body.page-Main_Page .vh-badge-sub{
font-weight: 700 !important;
color: #55442a !important;
background: rgba(177, 135, 61, 0.16) !important;
border: 1px solid rgba(177, 135, 61, 0.35) !important;
border-radius: 4px !important;
padding: 2px 7px !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
body.page-Main_Page .vh-card-sanctuary{
background: radial-gradient(circle at 50% 32%, #ffffff 0%, #fbf6ec 55%, #f0e6d2 100%) !important;
border: 2px solid #b1873d !important;
border-top: 2px solid #ffffff !important;
border-bottom: 4.5px solid #785414 !important;
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.09),
0 12px 28px rgba(24, 38, 35, 0.16),
0 22px 44px -8px rgba(177, 135, 61, 0.22),
inset 0 1px 0 #ffffff,
inset 0 0 24px rgba(177, 135, 61, 0.08) !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-main-title{
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage{
border: 4px solid #b1873d !important;
box-shadow:
0 8px 24px rgba(20, 35, 32, 0.32),
0 16px 36px rgba(0, 0, 0, 0.22),
inset 0 2px 4px rgba(255, 255, 255, 0.9),
inset 0 -4px 8px rgba(0, 0, 0, 0.5) !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage:hover{
transform: scale(1.04) !important;
border-color: #c99c45 !important;
box-shadow:
0 12px 32px rgba(20, 35, 32, 0.40),
0 20px 45px rgba(177, 135, 61, 0.35),
inset 0 2px 4px rgba(255, 255, 255, 1),
inset 0 -4px 8px rgba(0, 0, 0, 0.55) !important;
}
body.page-Main_Page .vh-gateway{
padding: 14px 10px 12px 10px !important;
}
body.page-Main_Page .vh-gw-icon-circle{
width: 38px !important;
height: 38px !important;
background: linear-gradient(135deg, #ffffff 0%, #eedfc7 50%, #d6ba8f 100%) !important;
border: 2px solid #b1873d !important;
border-top-color: #ffffff !important;
border-bottom-color: #825f18 !important;
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.14),
inset 0 1px 1.5px #ffffff,
inset 0 -2px 3px rgba(130, 95, 30, 0.5) !important;
}
body.page-Main_Page .vh-gateway:hover .vh-gw-icon-circle{
transform: scale(1.1) translateY(-2px) !important;
background: linear-gradient(135deg, #ffffff 0%, #f7ebd5 50%, #e5cb9e 100%) !important;
border-color: #c49d48 !important;
box-shadow:
0 6px 14px rgba(177, 135, 61, 0.35),
inset 0 1px 2px #ffffff,
inset 0 -2px 4px rgba(130, 95, 30, 0.6) !important;
}
body.page-Main_Page .vh-gateway-title{
font-size: 14px !important;
font-weight: 700 !important;
color: #14282c !important;
letter-spacing: 1.4px !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important;
margin-top: 6px !important;
}
body.page-Main_Page .vh-timeline-years .vh-year{
background: linear-gradient(180deg, #ffffff 0%, #efe7d6 100%) !important;
border: 1.5px solid #b89348 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #785414 !important;
border-radius: 14px !important;
font-weight: 700 !important;
color: #213c42 !important;
box-shadow:
0 3px 6px rgba(0, 0, 0, 0.10),
inset 0 1px 0 #ffffff !important;
padding: 4px 12px !important;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover{
transform: translateY(-2.5px) !important;
border-color: #cda24e !important;
border-bottom: 4.5px solid #63430c !important;
box-shadow:
0 6px 14px rgba(177, 135, 61, 0.28),
inset 0 1px 0 #ffffff !important;
color: #0b1a1c !important;
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active{
background: linear-gradient(180deg, #2b4f57 0%, #172c30 100%) !important;
color: #ffffff !important;
border: 1.5px solid #0d191c !important;
border-top: 1.5px solid rgba(255, 255, 255, 0.4) !important;
border-bottom: 3.5px solid #060c0d !important;
box-shadow:
inset 0 2px 4px rgba(0, 0, 0, 0.5),
0 2px 6px rgba(0, 0, 0, 0.2) !important;
}
body.page-Main_Page .vh-lifeline{
background: linear-gradient(180deg, #ded6c4 0%, #e8e1d3 100%) !important;
border: 1.5px solid #a8843c !important;
border-top-color: #8c6a26 !important;
border-bottom-color: #ffffff !important;
box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16) !important;
border-radius: 12px !important;
}
body.page-Main_Page .vh-btn-pill{
background: linear-gradient(180deg, #376069 0%, #20393f 100%) !important;
color: #ffffff !important;
border: 1.5px solid #142529 !important;
border-top: 1.5px solid rgba(255, 255, 255, 0.45) !important;
border-bottom: 3px solid #0a1315 !important;
border-radius: 16px !important;
padding: 5px 16px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
box-shadow:
0 3px 7px rgba(0, 0, 0, 0.20),
inset 0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 -1px 0 rgba(0, 0, 0, 0.3) !important;
}
body.page-Main_Page .vh-btn-pill:hover{
background: linear-gradient(180deg, #b88e40 0%, #8c661d 100%) !important;
border-color: #61440d !important;
border-top-color: rgba(255, 255, 255, 0.5) !important;
border-bottom: 3.5px solid #432e08 !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 14px rgba(177, 135, 61, 0.38) !important;
color: #ffffff !important;
}
body.page-Main_Page .vh-founder-subline a{
background: linear-gradient(180deg, #ffffff 0%, #f4ebd9 100%) !important;
border: 1.5px solid #b89348 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3px solid #785414 !important;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08), inset 0 1px 0 #ffffff !important;
}
body.page-Main_Page .vh-founder-subline a:hover{
background: linear-gradient(180deg, #345B63 0%, #1b3237 100%) !important;
color: #ffffff !important;
border-color: #0e1e21 !important;
border-top-color: rgba(255, 255, 255, 0.4) !important;
border-bottom: 3.5px solid #050b0c !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 14px rgba(30, 53, 59, 0.3) !important;
}
body.page-Main_Page .vh-card-media-section{
background: linear-gradient(180deg, #ffffff 0%, #faf6ee 100%) !important;
border: 1.5px solid #b89348 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #785414 !important;
margin-top: 8px !important;
margin-bottom: 24px !important;
}
body.page-Main_Page .vh-media-desc{
font-size: 13.5px !important;
font-weight: 500 !important;
color: #273b40 !important;
}
body.page-Main_Page .vh-section-header,
body.page-Main_Page .vh-section-badge,
body.page-Main_Page .vh-section-heading{
display: none !important;
}
body.page-Main_Page .vh-gateways-frame,
body.page-Main_Page .vh-gateway,
body.page-Main_Page .vh-gw-icon-circle{
display: none !important;
}
body.page-Main_Page{
overflow-y: hidden !important;
overflow-x: hidden !important;
}
body.page-Main_Page #vani-home{
height: calc(100vh - 56px) !important;
max-height: calc(100vh - 56px) !important;
box-sizing: border-box !important;
padding: 6px 16px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 6px !important;
overflow: hidden !important;
position: relative !important;
}
body.page-Main_Page .vh-intro,
body.page-Main_Page .vh-now,
body.page-Main_Page .vh-main,
body.page-Main_Page .vh-gateways,
body.page-Main_Page .vh-who-link{
position: static !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
display: block !important;
}
body.page-Main_Page .vh-triad-grid{
flex: 1 1 37% !important;
max-height: 38vh !important;
min-height: 0 !important;
display: grid !important;
grid-template-columns: 1fr 1.15fr 1fr !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-header{
flex: 0 0 auto !important;
padding: 5px 10px !important;
}
body.page-Main_Page .vh-card-body{
flex: 1 1 auto !important;
padding: 6px 10px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
min-height: 0 !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-sanctuary{
padding: 6px 12px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-hero-title-wrap{
margin: 0 !important;
line-height: 1 !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-who-corner{
position: static !important;
display: block !important;
font-size: 9.5px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
color: #b1873d !important;
margin: 0 auto 2px auto !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-main-title{
font-size: 24px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
color: #123f38 !important;
display: flex !important;
justify-content: center !important;
gap: 8px !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-founder-subline{
margin: 2px auto !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-founder-subline a{
padding: 2px 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-portrait-wrapper{
margin: 2px auto !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage{
width: 85px !important;
height: 85px !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-gold-rule{
width: 28px !important;
height: 2px !important;
margin: 2px auto !important;
background: #b1873d !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-description{
position: static !important;
width: auto !important;
max-width: 90% !important;
min-height: 0 !important;
font-size: 13px !important;
line-height: 1.25 !important;
color: #345B63 !important;
margin: 0 auto !important;
padding: 0 !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 auto !important;
height: 62px !important;
max-height: 62px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
position: relative !important;
}
body.page-Main_Page .vh-timeline-years{
position: static !important;
top: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
margin: 0 0 3px 0 !important;
padding: 0 !important;
width: 100% !important;
white-space: nowrap !important;
}
body.page-Main_Page .vh-timeline-years .vh-year{
padding: 2px 8px !important;
font-size: 11px !important;
line-height: 1.2 !important;
}
body.page-Main_Page .vh-lifeline-window{
position: relative !important;
height: 30px !important;
max-height: 30px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-timeline-track{
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 1 1 37% !important;
max-height: 39vh !important;
min-height: 0 !important;
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 10px !important;
height: 100% !important;
width: 100% !important;
margin: 0 !important;
}
body.page-Main_Page .vh-card-tax{
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-tax .vh-card-header{
padding: 4px 8px !important;
}
body.page-Main_Page .vh-card-tax .vh-card-body{
padding: 5px 8px !important;
}
body.page-Main_Page .vh-tax-spotlight-item{
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
body.page-Main_Page .vh-tax-item-name a{
font-size: 13.5px !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-tax-item-desc{
font-size: 11px !important;
line-height: 1.35 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-tax-item-link{
font-size: 10px !important;
margin-top: auto !important;
}
body.page-Main_Page .vh-card-media-section{
flex: 0 0 auto !important;
height: 42px !important;
max-height: 42px !important;
margin: 0 !important;
padding: 0 14px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-media-section .vh-card-header{
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-card-media-section .vh-media-body{
padding: 0 !important;
flex: 1 1 auto !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
}
body.page-Main_Page .vh-card-media-section .vh-media-desc{
font-size: 11.5px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: #273b40 !important;
flex: 1 1 auto !important;
}
body.page-Main_Page .vh-card-media-section .vh-media-actions{
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-card-media-section .vh-btn-pill{
padding: 3px 12px !important;
font-size: 10px !important;
}
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 #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: calc(100vh - 54px) !important;
max-height: calc(100vh - 54px) !important;
box-sizing: border-box !important;
padding: 10px 24px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 12px !important;
overflow: hidden !important;
position: relative !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-gateway,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page .vh-card-media-section{
background: linear-gradient(180deg, #ffffff 0%, #fafbfc 65%, #f2f7f7 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #233e44 !important;
border-radius: 8px !important;
box-shadow:
0 2px 4px rgba(52, 91, 99, 0.08),
0 8px 20px rgba(52, 91, 99, 0.14),
0 16px 30px -4px rgba(52, 91, 99, 0.16),
inset 0 1px 0 #ffffff !important;
transition: transform 0.22s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.22s cubic-bezier(0.2, 0, 0, 1), border-color 0.22s ease !important;
position: relative !important;
}
body.page-Main_Page .vh-card:hover,
body.page-Main_Page .vh-gateway:hover,
body.page-Main_Page .vh-card-tax:hover,
body.page-Main_Page .vh-card-media-section:hover{
transform: translateY(-3px) !important;
border-color: #43727c !important;
border-bottom: 4.5px solid #1a2f34 !important;
box-shadow:
0 4px 8px rgba(52, 91, 99, 0.12),
0 12px 26px rgba(52, 91, 99, 0.22),
0 22px 38px -6px rgba(52, 91, 99, 0.26),
inset 0 1px 0 #ffffff !important;
}
body.page-Main_Page .vh-card-header{
background: linear-gradient(180deg, #ffffff 0%, #eaf1f2 100%) !important;
border-bottom: 2px solid #345B63 !important;
box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(52, 91, 99, 0.06) !important;
border-top-left-radius: 6.5px !important;
border-top-right-radius: 6.5px !important;
padding: 5px 12px !important;
}
body.page-Main_Page .vh-badge-text{
font-weight: 800 !important;
letter-spacing: 1.5px !important;
color: #345B63 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
body.page-Main_Page .vh-badge-sub{
font-weight: 700 !important;
color: #233e44 !important;
background: rgba(52, 91, 99, 0.12) !important;
border: 1px solid rgba(52, 91, 99, 0.35) !important;
border-radius: 4px !important;
padding: 2px 7px !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}
body.page-Main_Page .vh-card-sanctuary{
background: radial-gradient(circle at 50% 30%, #ffffff 0%, #f6faf9 60%, #e7f0ef 100%) !important;
border: 2px solid #345B63 !important;
border-top: 2px solid #ffffff !important;
border-bottom: 4.5px solid #1a2f34 !important;
box-shadow:
0 4px 8px rgba(52, 91, 99, 0.10),
0 12px 26px rgba(52, 91, 99, 0.18),
0 22px 40px -6px rgba(52, 91, 99, 0.22),
inset 0 1px 0 #ffffff,
inset 0 0 24px rgba(52, 91, 99, 0.05) !important;
padding: 6px 14px !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage{
width: 80px !important;
height: 80px !important;
border: 3.5px solid #345B63 !important;
box-shadow:
0 6px 18px rgba(52, 91, 99, 0.35),
0 12px 26px rgba(26, 47, 52, 0.25),
inset 0 2px 4px rgba(255, 255, 255, 0.9),
inset 0 -3px 6px rgba(26, 47, 52, 0.5) !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage:hover{
transform: scale(1.04) !important;
border-color: #4a7d87 !important;
box-shadow:
0 8px 22px rgba(52, 91, 99, 0.45),
0 16px 32px rgba(26, 47, 52, 0.35),
inset 0 2px 4px rgba(255, 255, 255, 1),
inset 0 -3px 6px rgba(26, 47, 52, 0.55) !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-main-title{
font-size: 22px !important;
color: #123f38 !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-who-corner{
color: #345B63 !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-gold-rule{
background: #345B63 !important;
width: 26px !important;
height: 2px !important;
margin: 2px auto !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-description{
font-size: 12.5px !important;
color: #345B63 !important;
line-height: 1.25 !important;
}
body.page-Main_Page .vh-triad-grid{
flex: 0 0 220px !important;
height: 220px !important;
max-height: 220px !important;
gap: 20px !important;
margin: 0 !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
height: 220px !important;
max-height: 220px !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 58px !important;
height: 58px !important;
max-height: 58px !important;
margin: 0 !important;
}
body.page-Main_Page .vh-timeline-years{
gap: 8px !important;
margin: 0 0 3px 0 !important;
}
body.page-Main_Page .vh-timeline-years .vh-year{
background: linear-gradient(180deg, #ffffff 0%, #edf4f4 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3px solid #233e44 !important;
border-radius: 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
color: #345B63 !important;
padding: 2px 9px !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.12), inset 0 1px 0 #ffffff !important;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover{
transform: translateY(-2px) !important;
border-color: #4a7d87 !important;
border-bottom: 3.5px solid #1a2f34 !important;
box-shadow: 0 4px 10px rgba(52, 91, 99, 0.25), inset 0 1px 0 #ffffff !important;
color: #123f38 !important;
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active{
background: linear-gradient(180deg, #345B63 0%, #1e353b 100%) !important;
color: #ffffff !important;
border: 1.5px solid #142529 !important;
border-bottom: 3px solid #0b1517 !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(52, 91, 99, 0.2) !important;
}
body.page-Main_Page .vh-lifeline{
background: linear-gradient(180deg, #dce8e8 0%, #e8f0f0 100%) !important;
border: 1.5px solid #345B63 !important;
border-bottom-color: #ffffff !important;
box-shadow: inset 0 2px 4px rgba(52, 91, 99, 0.18) !important;
}
body.page-Main_Page .vh-timeline-dot{
background: #345B63 !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 1px #345B63 !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 170px !important;
height: 170px !important;
max-height: 170px !important;
margin: 0 !important;
}
body.page-Main_Page .vh-taxonomy-grid{
gap: 18px !important;
height: 100% !important;
}
body.page-Main_Page .vh-card-tax{
height: 170px !important;
max-height: 170px !important;
}
body.page-Main_Page .vh-tax-item-name a{
font-size: 13.5px !important;
color: #1e353b !important;
}
body.page-Main_Page .vh-tax-item-name a:hover{
color: #345B63 !important;
}
body.page-Main_Page .vh-tax-item-desc{
font-size: 11px !important;
line-height: 1.35 !important;
color: #3e565c !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-tax-item-link{
color: #345B63 !important;
}
body.page-Main_Page .vh-card-media-section{
flex: 0 0 40px !important;
height: 40px !important;
max-height: 40px !important;
margin: 0 !important;
padding: 0 18px !important;
}
body.page-Main_Page .vh-media-desc{
font-size: 12px !important;
color: #345B63 !important;
font-weight: 500 !important;
}
body.page-Main_Page .vh-btn-pill{
background: linear-gradient(180deg, #3d6a74 0%, #25444a 100%) !important;
color: #ffffff !important;
border: 1.5px solid #1a2f34 !important;
border-top: 1.5px solid rgba(255, 255, 255, 0.4) !important;
border-bottom: 2.5px solid #0f1c1f !important;
border-radius: 14px !important;
padding: 3px 14px !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
body.page-Main_Page .vh-btn-pill:hover{
background: linear-gradient(180deg, #4c828d 0%, #2e545b 100%) !important;
transform: translateY(-1.5px) !important;
box-shadow: 0 4px 10px rgba(52, 91, 99, 0.35) !important;
color: #ffffff !important;
}
body.page-Main_Page .vh-founder-subline a{
background: linear-gradient(180deg, #ffffff 0%, #edf5f5 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 2.5px solid #233e44 !important;
color: #345B63 !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.12), inset 0 1px 0 #ffffff !important;
}
body.page-Main_Page .vh-founder-subline a:hover{
background: linear-gradient(180deg, #345B63 0%, #223f45 100%) !important;
color: #ffffff !important;
border-color: #162c30 !important;
border-bottom: 2.5px solid #0b1719 !important;
transform: translateY(-1.5px) !important;
box-shadow: 0 4px 10px rgba(52, 91, 99, 0.30) !important;
}
body.page-Main_Page #vani-home{
max-width: 1260px !important;
width: 95% !important;
margin: 0 auto !important;
padding: 8px 16px !important;
height: calc(100vh - 54px) !important;
max-height: calc(100vh - 54px) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 12px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-sanctuary{
padding: 8px 14px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
background: radial-gradient(circle at 50% 30%, #ffffff 0%, #f6faf9 60%, #e7f0ef 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #233e44 !important;
}
body.page-Main_Page .vh-sanctuary-title{
margin: 0 !important;
line-height: 1.1 !important;
text-align: center !important;
}
body.page-Main_Page .vh-sanctuary-title a{
text-decoration: none !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
body.page-Main_Page .vh-who-sub{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
color: #345B63 !important;
text-transform: uppercase !important;
margin-bottom: 1px !important;
}
body.page-Main_Page .vh-who-main{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #123f38 !important;
letter-spacing: 0.5px !important;
}
body.page-Main_Page .vh-hero-title-wrap,
body.page-Main_Page .vh-founder-subline::before,
body.page-Main_Page .vh-founder-subline::after{
content: none !important;
display: none !important;
}
body.page-Main_Page .vh-founder-subline{
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
}
body.page-Main_Page .vh-founder-btn-wrap{
margin: 2px auto !important;
}
body.page-Main_Page .vh-btn-founder{
background: linear-gradient(180deg, #ffffff 0%, #edf5f5 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 2.5px solid #233e44 !important;
color: #345B63 !important;
font-size: 11px !important;
font-weight: 700 !important;
padding: 2px 14px !important;
border-radius: 14px !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.12), inset 0 1px 0 #ffffff !important;
display: inline-block !important;
}
body.page-Main_Page .vh-btn-founder:hover{
background: linear-gradient(180deg, #345B63 0%, #223f45 100%) !important;
color: #ffffff !important;
border-color: #162c30 !important;
border-bottom: 2.5px solid #0b1719 !important;
transform: translateY(-1.5px) !important;
box-shadow: 0 4px 10px rgba(52, 91, 99, 0.30) !important;
}
body.page-Main_Page .vh-portrait-wrapper{
margin: 2px auto !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage{
width: 78px !important;
height: 78px !important;
border: 3px solid #345B63 !important;
box-shadow: 0 6px 16px rgba(52, 91, 99, 0.32), inset 0 2px 4px rgba(255, 255, 255, 0.9), inset 0 -3px 6px rgba(26, 47, 52, 0.5) !important;
}
body.page-Main_Page .vh-gold-rule{
width: 26px !important;
height: 2px !important;
margin: 2px auto !important;
background: #345B63 !important;
}
body.page-Main_Page .vh-description{
font-size: 12px !important;
line-height: 1.25 !important;
color: #345B63 !important;
margin: 0 !important;
padding: 0 !important;
max-width: 90% !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 64px !important;
height: 64px !important;
max-height: 64px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-timeline-years{
gap: 8px !important;
margin: 0 !important;
}
body.page-Main_Page .vh-lifeline-window{
height: 34px !important;
max-height: 34px !important;
position: relative !important;
overflow: hidden !important;
background: transparent !important;
border: none !important;
}
body.page-Main_Page .vh-lifeline{
height: 100% !important;
background: linear-gradient(180deg, #dce8e8 0%, #e8f0f0 100%) !important;
border: 1.5px solid #345B63 !important;
border-radius: 8px !important;
box-shadow: inset 0 2px 4px rgba(52, 91, 99, 0.15) !important;
}
body.page-Main_Page .vh-timeline-track{
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
}
body.page-Main_Page .vh-timeline-event{
display: inline-flex !important;
align-items: center !important;
padding: 0 10px !important;
font-size: 11px !important;
color: #1e353b !important;
white-space: nowrap !important;
}
body.page-Main_Page .vh-card-media-section{
flex: 0 0 44px !important;
height: 44px !important;
max-height: 44px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 18px !important;
box-sizing: border-box !important;
margin: 0 !important;
}
body.page-Main_Page .vh-media-left{
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-media-left .vh-badge-text a{
font-size: 12px !important;
font-weight: 800 !important;
color: #345B63 !important;
letter-spacing: 1px !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-media-center{
flex: 1 1 auto !important;
text-align: center !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
color: #273b40 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
padding: 0 14px !important;
}
body.page-Main_Page .vh-media-right{
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-media-right .vh-btn-pill{
padding: 3px 14px !important;
font-size: 11px !important;
}
body.page-Main_Page .vh-triad-grid{
flex: 0 0 215px !important;
height: 215px !important;
max-height: 215px !important;
gap: 18px !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
height: 215px !important;
max-height: 215px !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 165px !important;
height: 165px !important;
max-height: 165px !important;
}
body.page-Main_Page .vh-taxonomy-grid{
gap: 16px !important;
height: 100% !important;
}
body.page-Main_Page .vh-card-tax{
height: 165px !important;
max-height: 165px !important;
}
body.page-Main_Page #vani-home{
width: 90% !important;
max-width: 1140px !important;
min-width: 0 !important;
margin: 0 auto !important;
padding: 8px 16px !important;
height: calc(100vh - 54px) !important;
max-height: calc(100vh - 54px) !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 12px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-triad-grid{
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
flex: 0 0 215px !important;
height: 215px !important;
max-height: 215px !important;
width: 100% !important;
margin: 0 !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
height: 215px !important;
max-height: 215px !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #233e44 !important;
border-radius: 8px !important;
background: linear-gradient(180deg, #ffffff 0%, #fafbfc 65%, #f2f7f7 100%) !important;
box-shadow:
0 2px 4px rgba(52, 91, 99, 0.08),
0 8px 20px rgba(52, 91, 99, 0.14),
0 16px 30px -4px rgba(52, 91, 99, 0.16),
inset 0 1px 0 #ffffff !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-sanctuary-card{
padding: 8px 14px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
background: radial-gradient(circle at 50% 30%, #ffffff 0%, #f6faf9 60%, #e7f0ef 100%) !important;
}
body.page-Main_Page .vh-sanctuary-header-text{
margin: 0 !important;
line-height: 1 !important;
text-align: center !important;
}
body.page-Main_Page .vh-sanctuary-who{
display: block !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
color: #345B63 !important;
text-transform: uppercase !important;
margin-bottom: 2px !important;
}
body.page-Main_Page .vh-sanctuary-name a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 21px !important;
font-weight: 700 !important;
color: #123f38 !important;
text-decoration: none !important;
letter-spacing: 0.5px !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 76px !important;
height: 76px !important;
border-radius: 50% !important;
border: 3px solid #345B63 !important;
box-shadow:
0 4px 12px rgba(52, 91, 99, 0.35),
inset 0 2px 4px #ffffff,
inset 0 -2px 4px rgba(26, 47, 52, 0.5) !important;
overflow: hidden !important;
position: relative !important;
}
body.page-Main_Page .vh-sanctuary-btn-box{
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-founder-pill{
display: inline-block !important;
background: linear-gradient(180deg, #ffffff 0%, #edf5f5 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 2.5px solid #233e44 !important;
color: #345B63 !important;
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 11px !important;
font-weight: 700 !important;
padding: 2px 14px !important;
border-radius: 14px !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.15), inset 0 1px 0 #ffffff !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-sanctuary-founder-pill:hover{
background: linear-gradient(180deg, #345B63 0%, #223f45 100%) !important;
color: #ffffff !important;
border-color: #162c30 !important;
border-bottom: 2.5px solid #0b1719 !important;
transform: translateY(-1px) !important;
}
body.page-Main_Page .vh-sanctuary-rule{
width: 28px !important;
height: 2px !important;
background: #345B63 !important;
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-subtitle{
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.25 !important;
color: #345B63 !important;
margin: 0 !important;
text-align: center !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 165px !important;
height: 165px !important;
max-height: 165px !important;
width: 100% !important;
margin: 0 !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
height: 100% !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-tax{
height: 165px !important;
max-height: 165px !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #233e44 !important;
border-radius: 8px !important;
background: linear-gradient(180deg, #ffffff 0%, #fafbfc 65%, #f2f7f7 100%) !important;
box-shadow:
0 2px 4px rgba(52, 91, 99, 0.08),
0 8px 20px rgba(52, 91, 99, 0.14),
0 16px 30px -4px rgba(52, 91, 99, 0.16),
inset 0 1px 0 #ffffff !important;
}
body.page-Main_Page .vh-media-bar{
flex: 0 0 44px !important;
height: 44px !important;
max-height: 44px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 18px !important;
background: linear-gradient(180deg, #ffffff 0%, #f2f7f7 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3px solid #233e44 !important;
border-radius: 8px !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.10) !important;
box-sizing: border-box !important;
margin: 0 !important;
}
body.page-Main_Page .vh-media-bar-title{
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-media-bar-name a{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 12px !important;
font-weight: 800 !important;
color: #345B63 !important;
letter-spacing: 1px !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-media-bar-desc{
flex: 1 1 auto !important;
text-align: center !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
color: #273b40 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
padding: 0 16px !important;
}
body.page-Main_Page .vh-media-bar-btn{
flex-shrink: 0 !important;
}
body.page-Main_Page #vani-home{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: calc(100vh - 54px) !important;
max-height: calc(100vh - 54px) !important;
margin: 0 !important;
padding: 10px 30px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 12px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page .vh-sanctuary-card,
body.page-Main_Page .vh-card-memories,
body.page-Main_Page .vh-card-article,
body.page-Main_Page .vh-media-bar{
border: 2px solid #345B63 !important;
border-top: 2px solid #345B63 !important; /* CRITICAL: EXPLICIT VISIBLE TOP BORDER */
border-bottom: 3.5px solid #233e44 !important;
border-radius: 8px !important;
box-shadow:
0 2px 4px rgba(52, 91, 99, 0.08),
0 8px 20px rgba(52, 91, 99, 0.14),
0 16px 30px -4px rgba(52, 91, 99, 0.16) !important;
}
body.page-Main_Page .vh-card-header{
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
border-bottom: 2px solid #345B63 !important;
padding: 6px 12px !important;
}
body.page-Main_Page .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: stretch !important;
gap: 28px !important;
flex: 0 0 230px !important;
height: 230px !important;
max-height: 230px !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
flex: 1 1 0 !important;
max-width: 400px !important; /* NARROWER RECTANGLES */
height: 230px !important;
max-height: 230px !important;
}
body.page-Main_Page .vh-sanctuary-card{
padding: 8px 14px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
background: radial-gradient(circle at 50% 30%, #ffffff 0%, #f6faf9 60%, #e7f0ef 100%) !important;
}
body.page-Main_Page .vh-sanctuary-header-text,
body.page-Main_Page .vh-sanctuary-header-text *,
body.page-Main_Page .vh-sanctuary-name,
body.page-Main_Page .vh-sanctuary-name *{
background: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
}
body.page-Main_Page .vh-sanctuary-header-text{
margin: 0 !important;
line-height: 1 !important;
}
body.page-Main_Page .vh-sanctuary-who{
display: block !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
color: #345B63 !important;
text-transform: uppercase !important;
margin-bottom: 2px !important;
}
body.page-Main_Page .vh-sanctuary-name a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 21px !important;
font-weight: 700 !important;
color: #123f38 !important;
text-decoration: none !important;
display: block !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 74px !important;
height: 74px !important;
border-radius: 50% !important;
border: 3px solid #345B63 !important;
box-shadow:
0 4px 12px rgba(52, 91, 99, 0.35),
inset 0 2px 4px #ffffff,
inset 0 -2px 4px rgba(26, 47, 52, 0.5) !important;
overflow: hidden !important;
position: relative !important;
}
body.page-Main_Page .vh-sanctuary-btn-box{
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-founder-pill{
display: inline-block !important;
background: linear-gradient(180deg, #ffffff 0%, #edf5f5 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 2.5px solid #233e44 !important;
color: #345B63 !important;
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 11px !important;
font-weight: 700 !important;
padding: 3px 16px !important;
border-radius: 14px !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.15), inset 0 1px 0 #ffffff !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-sanctuary-founder-pill:hover{
background: linear-gradient(180deg, #345B63 0%, #223f45 100%) !important;
color: #ffffff !important;
border-color: #162c30 !important;
border-bottom: 2.5px solid #0b1719 !important;
transform: translateY(-1px) !important;
}
body.page-Main_Page .vh-sanctuary-rule{
width: 26px !important;
height: 2px !important;
background: #345B63 !important;
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-subtitle{
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.25 !important;
color: #345B63 !important;
margin: 0 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.page-Main_Page .vh-card-memories .vh-card-snippet{
font-size: 11.5px !important;
line-height: 1.35 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-article .vh-discover-secondary{
font-size: 11.5px !important;
line-height: 1.35 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 68px !important;
height: 68px !important;
max-height: 68px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 1300px !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-timeline-years{
position: static !important;
top: 0 !important;
display: flex !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-lifeline-window{
height: 36px !important;
max-height: 36px !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
}
body.page-Main_Page .vh-lifeline{
height: 100% !important;
background: linear-gradient(180deg, #dce8e8 0%, #e8f0f0 100%) !important;
border: 1.5px solid #345B63 !important;
border-radius: 8px !important;
box-shadow: inset 0 2px 4px rgba(52, 91, 99, 0.15) !important;
}
body.page-Main_Page .vh-timeline-track{
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
}
body.page-Main_Page .vh-timeline-event{
display: inline-flex !important;
align-items: center !important;
padding: 0 12px !important;
font-size: 11px !important;
color: #1e353b !important;
white-space: nowrap !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 175px !important;
height: 175px !important;
max-height: 175px !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
gap: 22px !important;
height: 100% !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-tax{
flex: 1 1 0 !important;
max-width: 290px !important; /* NARROWER TAXONOMY CARDS */
height: 175px !important;
max-height: 175px !important;
}
body.page-Main_Page .vh-card-tax .vh-card-body{
padding: 6px 12px !important;
height: calc(100% - 34px) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
body.page-Main_Page .vh-tax-spotlight-item{
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
body.page-Main_Page .vh-tax-item-desc{
font-size: 11px !important;
line-height: 1.35 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-media-bar{
flex: 0 0 44px !important;
height: 44px !important;
max-height: 44px !important;
width: 100% !important;
max-width: 1300px !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 20px !important;
background: linear-gradient(180deg, #ffffff 0%, #f2f7f7 100%) !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-media-bar-title{
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-media-bar-name a{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 12px !important;
font-weight: 800 !important;
color: #345B63 !important;
letter-spacing: 1px !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-media-bar-desc{
flex: 1 1 auto !important;
text-align: center !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
color: #273b40 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
padding: 0 20px !important;
}
body.page-Main_Page .vh-media-bar-btn{
flex-shrink: 0 !important;
}
body.page-Main_Page,
html.page-Main_Page{
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
body.page-Main_Page #content,
body.page-Main_Page #content.mw-body,
body.page-Main_Page .mw-body,
body.page-Main_Page #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output,
body.page-Main_Page #contentWrapper,
body.page-Main_Page #container,
body.page-Main_Page .vector-body{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
border-left: none !important;
border-right: none !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: calc(100vh - 52px) !important;
max-height: calc(100vh - 52px) !important;
margin: 0 !important;
padding: 6px 16px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 10px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-triad-grid .vh-card,
body.page-Main_Page .vh-card-memories,
body.page-Main_Page .vh-sanctuary-card,
body.page-Main_Page .vh-card-article,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page .vh-media-bar{
border: 2px solid #345B63 !important;
border-top: 2.5px solid #345B63 !important; /* ULTRA-VISIBLE TOP BORDER */
border-bottom: 3.5px solid #233e44 !important;
border-radius: 8px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-header{
border-top: 2.5px solid #345B63 !important; /* HEADER REINFORCED TOP BORDER */
border-bottom: 2px solid #345B63 !important;
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
padding: 5px 10px !important;
}
body.page-Main_Page .vh-timeline-years .vh-year,
body.page-Main_Page .vh-year{
background: linear-gradient(180deg, #ffffff 0%, #edf4f4 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 2px solid #345B63 !important; /* EXPLICIT SOLID VISIBLE TOP BORDER */
border-bottom: 2.5px solid #1a2f34 !important;
border-radius: 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
color: #345B63 !important;
padding: 3px 10px !important;
line-height: 1.2 !important;
box-shadow: 0 2px 4px rgba(52, 91, 99, 0.12) !important;
transition: all 0.18s ease !important;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover,
body.page-Main_Page .vh-year:hover{
background: linear-gradient(180deg, #3d6a74 0%, #25444a 100%) !important;
color: #ffffff !important;
border-color: #1a2f34 !important;
border-top: 2px solid #1a2f34 !important;
transform: translateY(-1.5px) !important;
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active,
body.page-Main_Page .vh-year.is-active{
background: linear-gradient(180deg, #2b4f57 0%, #15272a 100%) !important;
color: #ffffff !important;
border: 1.5px solid #0b1517 !important;
border-top: 2px solid #0b1517 !important;
border-bottom: 2.5px solid #000000 !important;
}
body.page-Main_Page .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: stretch !important;
gap: 36px !important;
flex: 0 0 235px !important;
height: 235px !important;
max-height: 235px !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
flex: 0 0 280px !important;
width: 280px !important;
max-width: 280px !important;
min-width: 280px !important;
height: 235px !important;
max-height: 235px !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 170px !important;
height: 170px !important;
max-height: 170px !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
gap: 24px !important;
height: 100% !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-tax{
flex: 0 0 210px !important;
width: 210px !important;
max-width: 210px !important;
min-width: 210px !important;
height: 170px !important;
max-height: 170px !important;
}
body.page-Main_Page .vh-media-bar{
flex: 0 0 42px !important;
height: 42px !important;
max-height: 42px !important;
width: 100% !important;
max-width: 930px !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 106px !important;
height: 106px !important;
max-height: 106px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 1050px !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-timeline-years{
position: static !important;
top: 0 !important;
display: flex !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
height: 26px !important;
flex: 0 0 26px !important;
}
body.page-Main_Page .vh-lifeline-window{
height: 72px !important;
max-height: 72px !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
}
body.page-Main_Page .vh-lifeline{
height: 100% !important;
background: linear-gradient(180deg, #dce8e8 0%, #e8f0f0 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 2px solid #345B63 !important;
border-radius: 8px !important;
box-shadow: inset 0 2px 4px rgba(52, 91, 99, 0.15) !important;
position: relative !important;
}
body.page-Main_Page .vh-timeline-track{
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
}
body.page-Main_Page .vh-timeline-event{
display: inline-flex !important;
flex-direction: column !important;
justify-content: center !important;
height: 64px !important;
padding: 0 14px !important;
white-space: normal !important;
width: 240px !important;
flex: 0 0 240px !important;
box-sizing: border-box !important;
border-right: 1px dashed rgba(52, 91, 99, 0.3) !important;
}
body.page-Main_Page .vh-timeline-event .vh-event-date{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10px !important;
font-weight: 800 !important;
color: #8c6a26 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
margin-bottom: 2px !important;
line-height: 1.2 !important;
}
body.page-Main_Page .vh-timeline-event .vh-event-title,
body.page-Main_Page .vh-timeline-event .vh-event-text{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 11px !important;
line-height: 1.35 !important;
color: #1e353b !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-sanctuary-card{
padding: 8px 12px !important;
}
body.page-Main_Page .vh-sanctuary-who{
font-size: 9.5px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
color: #345B63 !important;
margin-bottom: 1px !important;
}
body.page-Main_Page .vh-sanctuary-name a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 19px !important;
font-weight: 700 !important;
color: #123f38 !important;
line-height: 1.1 !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 72px !important;
height: 72px !important;
border: 2.5px solid #345B63 !important;
border-radius: 50% !important;
box-shadow: 0 4px 10px rgba(52, 91, 99, 0.3) !important;
overflow: hidden !important;
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-founder-pill{
font-size: 10.5px !important;
font-weight: 700 !important;
padding: 2.5px 12px !important;
border: 1.5px solid #345B63 !important;
border-top: 2px solid #345B63 !important; /* SOLID VISIBLE TOP BORDER */
border-bottom: 2.5px solid #1a2f34 !important;
border-radius: 12px !important;
color: #345B63 !important;
background: linear-gradient(180deg, #ffffff 0%, #edf4f4 100%) !important;
text-decoration: none !important;
display: inline-block !important;
}
body.page-Main_Page .vh-sanctuary-founder-pill:hover{
background: linear-gradient(180deg, #3d6a74 0%, #25444a 100%) !important;
color: #ffffff !important;
border-color: #1a2f34 !important;
}
body.page-Main_Page .vh-sanctuary-rule{
width: 24px !important;
height: 2px !important;
background: #345B63 !important;
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-subtitle{
font-size: 11px !important;
color: #345B63 !important;
line-height: 1.2 !important;
}
body.page-Main_Page,
html.page-Main_Page{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
}
body.page-Main_Page #content,
body.page-Main_Page #content.mw-body,
body.page-Main_Page .mw-body,
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 #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output,
body.page-Main_Page .vector-body,
body.page-Main_Page #contentWrapper,
body.page-Main_Page #container{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
border: none !important;
border-left: none !important;
border-right: none !important;
box-sizing: border-box !important;
left: 0 !important;
}
body.page-Main_Page #mw-panel,
body.page-Main_Page .mw-sidebar-container,
body.page-Main_Page .vector-sidebar-container,
body.page-Main_Page .vector-column-start{
display: none !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: calc(100vh - 52px) !important;
max-height: calc(100vh - 52px) !important;
margin: 0 !important;
padding: 8px 0 !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important; /* PREVENTS PUSHING MEDIA SECTION OFF-SCREEN */
gap: 12px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-triad-grid .vh-card,
body.page-Main_Page .vh-card-memories,
body.page-Main_Page .vh-sanctuary-card,
body.page-Main_Page .vh-card-article,
body.page-Main_Page .vh-card-tax{
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #345B63 !important; /* CRISP UNIFORM 1.5px (NOT THICK!) */
border-bottom: 3px solid #233e44 !important;
border-radius: 8px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-header{
border-top: none !important; /* REMOVE DUPLICATE TOP BORDER ON HEADER */
border-left: none !important;
border-right: none !important;
border-bottom: 1.5px solid #345B63 !important;
border-top-left-radius: 6.5px !important;
border-top-right-radius: 6.5px !important;
padding: 5px 12px !important;
}
body.page-Main_Page .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: stretch !important;
gap: 32px !important;
flex: 0 0 225px !important;
height: 225px !important;
max-height: 225px !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
flex: 0 0 280px !important;
width: 280px !important;
max-width: 280px !important;
min-width: 280px !important;
height: 225px !important;
max-height: 225px !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 96px !important;
height: 96px !important;
max-height: 96px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 100% !important; /* FULL WIDTH EDGE-TO-EDGE */
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-timeline-years{
position: static !important;
display: flex !important;
justify-content: center !important;
gap: 7px !important;
margin: 0 auto !important;
padding: 0 !important;
height: 25px !important;
flex: 0 0 25px !important;
}
body.page-Main_Page .vh-timeline-years .vh-year,
body.page-Main_Page .vh-year{
background: linear-gradient(180deg, #ffffff 0%, #edf4f4 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #345B63 !important;
border-bottom: 2.5px solid #1a2f34 !important;
border-radius: 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
color: #345B63 !important;
padding: 2px 9px !important;
line-height: 1.2 !important;
box-shadow: 0 2px 4px rgba(52, 91, 99, 0.12) !important;
}
body.page-Main_Page .vh-lifeline-window{
height: 64px !important;
max-height: 64px !important;
width: 100% !important;
max-width: 100% !important; /* FULL WIDTH TRACK */
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
}
body.page-Main_Page .vh-lifeline{
height: 100% !important;
width: 100% !important;
background: linear-gradient(180deg, #dce8e8 0%, #e8f0f0 100%) !important;
border-top: 1.5px solid #345B63 !important;
border-bottom: 1.5px solid #345B63 !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important; /* CONTINUOUS SEAMLESS EDGE-TO-EDGE */
box-shadow: inset 0 2px 4px rgba(52, 91, 99, 0.15) !important;
}
body.page-Main_Page .vh-timeline-event{
display: inline-flex !important;
flex-direction: column !important;
justify-content: center !important;
height: 60px !important;
padding: 0 14px !important;
white-space: normal !important;
width: 240px !important;
flex: 0 0 240px !important;
box-sizing: border-box !important;
border-right: 1px dashed rgba(52, 91, 99, 0.3) !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 165px !important;
height: 165px !important;
max-height: 165px !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
gap: 22px !important;
height: 100% !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-tax{
flex: 0 0 210px !important;
width: 210px !important;
max-width: 210px !important;
min-width: 210px !important;
height: 165px !important;
max-height: 165px !important;
}
body.page-Main_Page .vh-media-bar,
body.page-Main_Page .vh-card-media-section{
flex: 0 0 38px !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
width: 920px !important;
max-width: 920px !important;
margin: 0 auto !important;
padding: 0 18px !important;
background: linear-gradient(180deg, #ffffff 0%, #edf5f5 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #345B63 !important;
border-bottom: 2.5px solid #233e44 !important;
border-radius: 8px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
overflow: hidden !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.10) !important;
}
body.page-Main_Page .vh-media-bar > div,
body.page-Main_Page .vh-media-bar-title,
body.page-Main_Page .vh-media-bar-desc,
body.page-Main_Page .vh-media-bar-btn,
body.page-Main_Page .vh-card-media-section > div,
body.page-Main_Page .vh-card-media-section .vh-card-header,
body.page-Main_Page .vh-card-media-section .vh-media-body,
body.page-Main_Page .vh-card-media-section .vh-media-desc,
body.page-Main_Page .vh-card-media-section .vh-media-actions{
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
height: auto !important;
max-height: none !important;
}
body.page-Main_Page .vh-media-bar-title,
body.page-Main_Page .vh-card-media-section .vh-card-header{
display: flex !important;
align-items: center !important;
gap: 6px !important;
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-media-bar-desc,
body.page-Main_Page .vh-card-media-section .vh-media-desc{
flex: 1 1 auto !important;
text-align: center !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 11.5px !important;
color: #273b40 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
padding: 0 16px !important;
}
body.page-Main_Page .vh-media-bar-btn,
body.page-Main_Page .vh-card-media-section .vh-media-actions{
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-media-bar-btn .vh-btn-pill,
body.page-Main_Page .vh-card-media-section .vh-btn-pill{
padding: 2.5px 12px !important;
font-size: 10.5px !important;
}
body.page-Main_Page,
html.page-Main_Page{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
background-color: #f6f2e9 !important;
background-image: none !important;
}
body.page-Main_Page #content,
body.page-Main_Page #content.mw-body,
body.page-Main_Page .mw-body,
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 #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output,
body.page-Main_Page .vector-body,
body.page-Main_Page #contentWrapper,
body.page-Main_Page #container{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
left: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page #mw-panel,
body.page-Main_Page .mw-sidebar-container,
body.page-Main_Page .vector-sidebar-container,
body.page-Main_Page .vector-column-start{
display: none !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: calc(100vh - 54px) !important;
max-height: calc(100vh - 54px) !important;
margin: 0 !important;
padding: 18px 40px 14px 40px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important; /* SPREAD CONTENT FROM TOP TO BOTTOM */
gap: 0 !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-triad-grid .vh-card,
body.page-Main_Page .vh-card-memories,
body.page-Main_Page .vh-sanctuary-card,
body.page-Main_Page .vh-card-article,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page .vh-media-bar,
body.page-Main_Page .vh-card-media-section{
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
transform: none !important;
transition: none !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-header,
body.page-Main_Page .vh-card-actions,
body.page-Main_Page .vh-sanctuary-btn-box,
body.page-Main_Page .vh-sanctuary-rule,
body.page-Main_Page .vh-sanctuary-who,
body.page-Main_Page .vh-badge-sub,
body.page-Main_Page .vh-badge-icon,
body.page-Main_Page .vh-tax-item-link,
body.page-Main_Page .vh-random-article-more,
body.page-Main_Page .vh-media-bar-btn{
display: none !important;
}
body.page-Main_Page .vh-card-body{
background: transparent !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: 100% !important;
text-align: center !important;
}
body.page-Main_Page .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: flex-start !important;
width: 100% !important;
max-width: 1450px !important;
margin: 0 auto !important;
flex: 0 0 295px !important;                    /* EXPANDED HEIGHT FOR 180px PORTRAIT */
height: 295px !important;
max-height: 295px !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
}
body.page-Main_Page .vh-triad-grid .vh-sanctuary-card{
flex: 0 0 360px !important;
width: 360px !important;
max-width: 360px !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
margin: 4px auto 6px auto !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
width: 180px !important;
height: 180px !important;
margin: 6px auto 10px auto !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 180px !important;                      /* +120% BIGGER (82px -> 180px) */
height: 180px !important;
border: 4px solid #233e44 !important;
border-top: 4px solid #4a757e !important;
border-bottom: 5px solid #112023 !important;
border-radius: 50% !important;
box-shadow:
0 8px 24px rgba(18, 63, 56, 0.32),
0 2px 6px rgba(0, 0, 0, 0.18),
inset 0 2px 5px rgba(255, 255, 255, 0.7),
inset 0 -3px 6px rgba(0, 0, 0, 0.3) !important;
overflow: hidden !important;
margin: 0 auto !important;
position: relative !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 106px !important;
height: 106px !important;
max-height: 106px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-timeline-years{
position: static !important;
display: flex !important;
justify-content: center !important;
gap: 10px !important;
margin: 0 auto !important;
padding: 0 !important;
height: 27px !important;
flex: 0 0 27px !important;
}
body.page-Main_Page .vh-timeline-years .vh-year,
body.page-Main_Page .vh-year{
background: linear-gradient(180deg, #ffffff 0%, #edf4f4 100%) !important;
border: 1.5px solid #345B63 !important;
border-bottom: 2.5px solid #1a2f34 !important;
border-radius: 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
color: #345B63 !important;
padding: 2px 9px !important;
line-height: 1.2 !important;
box-shadow: 0 2px 4px rgba(52, 91, 99, 0.12) !important;
cursor: pointer !important;
transition: all 0.15s ease !important;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover,
body.page-Main_Page .vh-year:hover{
transform: translateY(-1.5px) !important;
background: linear-gradient(180deg, #3d6a74 0%, #25444a 100%) !important;
color: #ffffff !important;
border-color: #1a2f34 !important;
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active,
body.page-Main_Page .vh-year.is-active{
background: linear-gradient(180deg, #2b4f57 0%, #15272a 100%) !important;
color: #ffffff !important;
border: 1.5px solid #0b1517 !important;
border-bottom: 2px solid #000000 !important;
}
body.page-Main_Page .vh-lifeline-window{
height: 68px !important;
max-height: 68px !important;
width: 100% !important;
max-width: 100% !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
}
body.page-Main_Page .vh-lifeline{
height: 100% !important;
width: 100% !important;
background: linear-gradient(180deg, #dce8e8 0%, #e8f0f0 100%) !important;
border-top: 1.5px solid #345B63 !important;
border-bottom: 1.5px solid #345B63 !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
box-shadow: inset 0 2px 4px rgba(52, 91, 99, 0.15) !important;
}
body.page-Main_Page .vh-timeline-event{
display: inline-flex !important;
flex-direction: column !important;
justify-content: center !important;
height: 64px !important;
padding: 0 18px !important;
white-space: normal !important;
width: 250px !important;
flex: 0 0 250px !important;
box-sizing: border-box !important;
border-right: 1px dashed rgba(52, 91, 99, 0.3) !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 155px !important;
height: 155px !important;
max-height: 155px !important;
width: 100% !important;
max-width: 1450px !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: flex-start !important;
height: 100% !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-tax{
flex: 0 0 260px !important;
width: 260px !important;
max-width: 260px !important;
}
body.page-Main_Page .vh-media-bar{
flex: 0 0 38px !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
width: 100% !important;
max-width: 1450px !important;
margin: 0 auto !important;
padding: 0 24px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
border-top: 1px dashed rgba(52, 91, 99, 0.3) !important;
border-bottom: 1px dashed rgba(52, 91, 99, 0.3) !important;
}
body.page-Main_Page .vh-card-text,
body.page-Main_Page .vh-card-snippet,
body.page-Main_Page .vh-tax-item-desc,
body.page-Main_Page .vh-random-article-extract{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 13px !important;
line-height: 1.5 !important;
color: #2c3e42 !important;
margin: 0 !important;
text-shadow: none !important;
}
body.page-Main_Page .vh-sanctuary-text,
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;                  /* 50% LARGER (12.5px -> 19px) */
font-weight: 600 !important;
line-height: 1.35 !important;
color: #2b4b52 !important;
font-style: italic !important;
max-width: 380px !important;
margin: 0 auto !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text{
font-size: 12.5px !important;
line-height: 1.5 !important;
}
body.page-Main_Page .vh-media-text{
font-size: 12px !important;
font-style: italic !important;
}
body.page-Main_Page .vh-card-title,
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page .vh-random-article-title,
body.page-Main_Page .vh-media-title{
display: block !important;
text-align: center !important;
margin-bottom: 8px !important;
transform: none !important;
}
body.page-Main_Page .vh-card-title a,
body.page-Main_Page .vh-card-memories .vh-card-title a,
body.page-Main_Page .vh-sanctuary-title a,
body.page-Main_Page .vh-card-article .vh-card-title a,
body.page-Main_Page .vh-random-article-title a,
body.page-Main_Page .vh-card-tax .vh-card-title a,
body.page-Main_Page.page
-Main_Page .vh-media-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-weight: 700 !important;
text-decoration: none !important;
display: inline-block !important;
position: relative !important;
padding-bottom: 7px !important;              /* PERFECT SPACE FOR UNDERLINE */
letter-spacing: 0.025em !important;
line-height: 1.25 !important;
cursor: pointer !important;
transform: none !important;
/* 1. LIGHT COLOR FACE (The exact warm temple gold from screenshot) */
color: #dfad3e !important;
-webkit-text-fill-color: #dfad3e !important;
/* 2. DARK SIDES & DEEP CAST SHADOW (The exact 3D from screenshot) */
text-shadow: none !important;
transition: transform 0.22s ease, color 0.22s ease, text-shadow 0.22s ease !important;
}
body.page-Main_Page .vh-sanctuary-title a{
font-size: 28px !important;
letter-spacing: 0.03em !important;
}
body.page-Main_Page .vh-card-memories .vh-card-title a,
body.page-Main_Page .vh-card-article .vh-card-title a,
body.page-Main_Page .vh-random-article-title a{
font-size: 20px !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title a{
font-size: 18.5px !important;
}
body.page-Main_Page .vh-media-title a{
font-size: 14.5px !important;
}
body.page-Main_Page .vh-card-title a::after,
body.page-Main_Page .vh-card-memories .vh-card-title a::after,
body.page-Main_Page .vh-sanctuary-title a::after,
body.page-Main_Page .vh-card-article .vh-card-title a::after,
body.page-Main_Page .vh-random-article-title a::after,
body.page-Main_Page .vh-card-tax .vh-card-title a::after,
body.page-Main_Page .vh-media-title a::after{
content: '' !important;
display: block !important;
position: absolute !important;
bottom: 0 !important;
height: 2.5px !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(223, 173, 62, 0.4) 15%,
#dfad3e 50%,
rgba(223, 173, 62, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 8px rgba(223, 173, 62, 0.75) !important;
border-radius: 2px !important;
pointer-events: none !important;
/* AT REST: VISIBLE BREATHING ANIMATION (2.8s CYCLE) */
animation: vhLineBreath 2.8s ease-in-out infinite !important;
transition: width 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), left 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s ease !important;
}
@keyframes vhLineBreath{
0%, 100% {
width: 25%;
left: 37.5%;
opacity: 0.35;
}
50% {
width: 65%;
left: 17.5%;
opacity: 0.95;                              /* Clearly visible expanding light bar! */
}
}
body.page-Main_Page .vh-card-title a:hover,
body.page-Main_Page .vh-card-memories .vh-card-title a:hover,
body.page-Main_Page .vh-sanctuary-title a:hover,
body.page-Main_Page .vh-card-article .vh-card-title a:hover,
body.page-Main_Page .vh-random-article-title a:hover,
body.page-Main_Page .vh-card-tax .vh-card-title a:hover,
body.page-Main_Page .vh-media-title a:hover{
transform: translateY(-2.5px) !important;    /* RETAINS 3D STEP MOVEMENT */
color: #dfad3e !important;                    /* DOES NOT CHANGE COLOR (STAYS RICH GOLD) */
-webkit-text-fill-color: #dfad3e !important;  /* 100% CONSTANT COLOR */
text-decoration: none !important;
/* Extended 3D shadow deepening as the letters step forward */
text-shadow: none !important;
}
body.page-Main_Page .vh-card-title a:hover::after,
body.page-Main_Page .vh-card-memories .vh-card-title a:hover::after,
body.page-Main_Page .vh-sanctuary-title a:hover::after,
body.page-Main_Page .vh-card-article .vh-card-title a:hover::after,
body.page-Main_Page .vh-random-article-title a:hover::after,
body.page-Main_Page .vh-card-tax .vh-card-title a:hover::after,
body.page-Main_Page .vh-media-title a:hover::after{
animation: none !important;                  /* Stops at-rest breathing */
opacity: 1 !important;
width: 90% !important;                      /* FULL EXTENSION GLIDE! */
left: 5% !important;
/* EXACT SAME GOLD COLOR AS AT REST — ZERO COLOR CHANGE */
background: linear-gradient(
90deg,
transparent 0%,
rgba(223, 173, 62, 0.4) 15%,
#dfad3e 50%,
rgba(223, 173, 62, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 8px rgba(223, 173, 62, 0.75) !important;
}
body.page-Main_Page .vh-sanctuary-text,
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
font-style: normal !important;              /* REGULAR, NOT ITALIC */
font-weight: 600 !important;
font-size: 19px !important;
line-height: 1.35 !important;
color: #2b4b52 !important;
text-align: center !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 134px !important;
height: 134px !important;
min-height: 134px !important;
max-height: 134px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
}
body.page-Main_Page .vh-lifeline-window{
height: 96px !important;                    /* EXPANDED HEIGHT (WAS 68px) */
min-height: 96px !important;
max-height: 96px !important;
width: 100% !important;
max-width: 100% !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
border: none !important;
background: transparent !important;
}
body.page-Main_Page .vh-lifeline{
height: 100% !important;
width: 100% !important;
background: transparent !important;          /* REMOVE BACKGROUND */
border: none !important;                    /* REMOVE ALL BORDERS */
border-top: none !important;                /* REMOVE LINE ABOVE */
border-bottom: none !important;
box-shadow: none !important;
}
body.page-Main_Page #vani-home .vh-timeline-track,
body.page-Main_Page .vh-timeline-track{
height: 96px !important;
min-height: 96px !important;
max-height: 96px !important;
}
body.page-Main_Page .vh-timeline-track::before{
top: 36px !important;
background: rgba(177, 135, 61, 0.4) !important;
}
body.page-Main_Page #vani-home .vh-timeline-item,
body.page-Main_Page .vh-timeline-item,
body.page-Main_Page .vh-timeline-event{
width: 240px !important;
min-width: 240px !important;
max-width: 240px !important;
flex: 0 0 240px !important;
height: 96px !important;
min-height: 96px !important;
max-height: 96px !important;
box-sizing: border-box !important;
padding: 8px 16px !important;
background: transparent !important;
border: none !important;
}
body.page-Main_Page .vh-timeline-date{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 11.5px !important;
font-weight: 700 !important;
color: #b1873d !important;                    /* Clear Gold Date */
margin-bottom: 2px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
body.page-Main_Page .vh-timeline-dot{
width: 9px !important;
height: 9px !important;
background: #345B63 !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 1.5px #345B63 !important;
margin: 4px 0 !important;
}
body.page-Main_Page .vh-timeline-text{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.38 !important;
color: #2c3e42 !important;
overflow: visible !important;                /* NEVER CROPPED */
white-space: normal !important;
display: block !important;
}
body.page-Main_Page .vh-sanctuary-text,
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
font-style: normal !important;              /* REGULAR (NOT ITALIC) */
font-weight: 600 !important;
font-size: 19px !important;
line-height: 1.35 !important;
color: #2b4b52 !important;
text-align: center !important;
}
body.page-Main_Page .vh-triad-grid,
body.page-Main_Page .vh-timeline-section,
body.page-Main_Page #vh-timeline-years,
body.page-Main_Page .vh-timeline-years,
body.page-Main_Page .vh-lifeline-window,
body.page-Main_Page .vh-lifeline{
border: none !important;
border-top: none !important;
border-bottom: none !important;
outline: none !important;
box-shadow: none !important;
}
body.page-Main_Page .vh-timeline-section{
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
left: 0 !important;
right: 0 !important;
position: relative !important;
flex: 0 0 190px !important;                    /* EXPANDED TOTAL HEIGHT (150px track + 40px buttons) */
height: 190px !important;
min-height: 190px !important;
max-height: 190px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 0 !important;
background: transparent !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-timeline-years,
body.page-Main_Page #vh-timeline-years{
width: 100% !important;
max-width: 1450px !important;
margin: 0 auto !important;
display: flex !important;
justify-content: center !important;
gap: 10px !important;
height: 28px !important;
flex: 0 0 28px !important;
}
body.page-Main_Page .vh-lifeline-window{
width: 100vw !important;
max-width: 100vw !important;
height: 150px !important;                    /* 50% TALLER (WAS 96px -> NOW 150px) */
min-height: 150px !important;
max-height: 150px !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
background: transparent !important;
}
body.page-Main_Page .vh-lifeline{
width: 100% !important;
height: 100% !important;
background: transparent !important;
position: relative !important;
}
body.page-Main_Page #vani-home .vh-timeline-track,
body.page-Main_Page .vh-timeline-track{
height: 150px !important;
min-height: 150px !important;
max-height: 150px !important;
display: flex !important;
align-items: flex-start !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
}
body.page-Main_Page .vh-timeline-track::before{
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 28px !important;                        /* GUIDE LINE POSITION */
height: 1.5px !important;
background: rgba(177, 135, 61, 0.45) !important;
z-index: 1 !important;
}
body.page-Main_Page #vani-home .vh-timeline-item,
body.page-Main_Page .vh-timeline-item{
width: 250px !important;
min-width: 250px !important;
max-width: 250px !important;
flex: 0 0 250px !important;
height: 150px !important;                    /* FULL 150px HEIGHT */
min-height: 150px !important;
max-height: 150px !important;
box-sizing: border-box !important;
padding: 6px 18px !important;
background: transparent !important;
position: relative !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
}
body.page-Main_Page .vh-timeline-date{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 11.5px !important;
font-weight: 700 !important;
color: #b1873d !important;
height: 18px !important;
line-height: 18px !important;
margin: 0 0 2px 0 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
position: relative !important;
z-index: 2 !important;
}
body.page-Main_Page .vh-timeline-dot{
position: absolute !important;
top: 24px !important;                        /* CENTERED ON THE 28px LINE */
left: 18px !important;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background: #233e44 !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 1.5px #b1873d !important;
z-index: 3 !important;
}
body.page-Main_Page .vh-timeline-text{
margin-top: 18px !important;                /* PUSHES TEXT SAFELY BELOW THE DOT! */
padding-top: 0 !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.45 !important;
color: #2c3e42 !important;
white-space: normal !important;
display: block !important;
position: relative !important;
z-index: 2 !important;
overflow: visible !important;                /* NEVER CROPPED */
max-height: 100px !important;                /* COMFORTABLY HOLDS 6-7 LINES */
}
body.page-Main_Page .vh-lifeline-window::before{
content: "" !important;
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 50px !important;
background: linear-gradient(to right, #f6f2e9 0%, rgba(246, 242, 233, 0) 100%) !important;
z-index: 10 !important;
pointer-events: none !important;
}
body.page-Main_Page .vh-lifeline-window::after{
content: "" !important;
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
width: 50px !important;
background: linear-gradient(to left, #f6f2e9 0%, rgba(246, 242, 233, 0) 100%) !important;
z-index: 10 !important;
pointer-events: none !important;
}
body.page-Main_Page #vani-home{
height: auto !important;
min-height: calc(100vh - 54px) !important;
max-height: none !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
body.page-Main_Page .vh-triad-grid{
flex: 0 0 auto !important;
height: auto !important;
min-height: 330px !important;                  /* AMPLE ROOM FOR 180px CIRCLE + CAPTION */
max-height: none !important;
overflow: visible !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-triad-grid .vh-card,
body.page-Main_Page .vh-sanctuary-card,
body.page-Main_Page .vh-triad-grid .vh-sanctuary-card,
body.page-Main_Page .vh-card-memories,
body.page-Main_Page .vh-card-article,
body.page-Main_Page .vh-card-body{
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.page-Main_Page .vh-triad-grid .vh-sanctuary-card{
flex: 0 0 380px !important;
width: 380px !important;
max-width: 380px !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
width: 180px !important;
height: 180px !important;
margin: 6px auto 12px auto !important;
overflow: visible !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 180px !important;                      /* FULL 180px CIRCLE */
height: 180px !important;
border-radius: 50% !important;
overflow: hidden !important;                  /* CLIPS ONLY THE PHOTO, NOT THE CARD */
position: relative !important;
margin: 0 auto !important;
border: 4px solid #233e44 !important;
border-top: 4px solid #4a757e !important;
border-bottom: 5px solid #112023 !important;
box-shadow:
0 8px 24px rgba(18, 63, 56, 0.32),
0 2px 6px rgba(0, 0, 0, 0.18) !important;
}
body.page-Main_Page .vh-sanctuary-text,
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
display: block !important;
visibility: visible !important;
opacity: 1 !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-style: normal !important;              /* STRICTLY REGULAR (NOT ITALIC) */
font-size: 19px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
color: #2b4b52 !important;
max-width: 380px !important;
margin: 0 auto !important;
text-align: center !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
body.page-Main_Page .vh-triad-grid,
body.page-Main_Page .vh-timeline-section,
body.page-Main_Page #vh-timeline-years,
body.page-Main_Page .vh-timeline-years,
body.page-Main_Page .vh-lifeline-window,
body.page-Main_Page .vh-lifeline{
border: none !important;
border-top: none !important;
border-bottom: none !important;
outline: none !important;
box-shadow: none !important;
}
body.page-Main_Page .vh-timeline-section{
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
left: 0 !important;
right: 0 !important;
flex: 0 0 195px !important;
height: 195px !important;
min-height: 195px !important;
max-height: 195px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 0 !important;
background: transparent !important;
}
body.page-Main_Page .vh-lifeline-window{
width: 100vw !important;
max-width: 100vw !important;
height: 155px !important;                    /* 50% TALLER (HOLDS 6-7 FULL LINES) */
min-height: 155px !important;
max-height: 155px !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
background: transparent !important;
}
body.page-Main_Page .vh-lifeline{
width: 100% !important;
height: 100% !important;
background: transparent !important;
position: relative !important;
}
body.page-Main_Page #vani-home .vh-timeline-track,
body.page-Main_Page .vh-timeline-track{
height: 155px !important;
min-height: 155px !important;
max-height: 155px !important;
display: flex !important;
align-items: flex-start !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
}
body.page-Main_Page .vh-timeline-track::before{
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 30px !important;                        /* GUIDE LINE LEVEL */
height: 1.5px !important;
background: rgba(177, 135, 61, 0.45) !important;
z-index: 1 !important;
}
body.page-Main_Page #vani-home .vh-timeline-item,
body.page-Main_Page .vh-timeline-item{
width: 250px !important;
min-width: 250px !important;
max-width: 250px !important;
flex: 0 0 250px !important;
height: 155px !important;                    /* FULL 155px HEIGHT */
min-height: 155px !important;
max-height: 155px !important;
box-sizing: border-box !important;
padding: 6px 16px !important;
background: transparent !important;
position: relative !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
}
body.page-Main_Page .vh-timeline-date{
width: 100% !important;
text-align: center !important;                /* CENTERED HORIZONTALLY */
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 11.5px !important;
font-weight: 700 !important;
color: #b1873d !important;
height: 18px !important;
line-height: 18px !important;
margin: 0 0 4px 0 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
position: relative !important;
z-index: 2 !important;
}
body.page-Main_Page .vh-timeline-dot{
position: absolute !important;
top: 25px !important;                        /* 25px + 5px radius = 30px center (EXACT ON LINE!) */
left: 50% !important;                        /* CENTERED HORIZONTALLY */
transform: translateX(-50%) !important;      /* PERFECT HORIZONTAL ALIGNMENT WITH DATE */
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background: #233e44 !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 1.5px #b1873d !important;
z-index: 3 !important;
margin: 0 !important;
}
body.page-Main_Page .vh-timeline-text{
margin-top: 22px !important;                /* PUSHES TEXT SAFELY BELOW THE DOT */
padding-top: 0 !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.45 !important;
color: #2c3e42 !important;
white-space: normal !important;
display: block !important;
position: relative !important;
z-index: 2 !important;
overflow: visible !important;                /* NEVER CROPPED */
max-height: 105px !important;                /* COMFORTABLY HOLDS 6-7 FULL LINES */
text-align: center !important;
}
#mw-head [title]::before,
#mw-head [title]::after,
.vector-header [title]::before,
.vector-header [title]::after,
body.page-Main_Page .mw-tooltip,
body.page-Main_Page .tipsy,
body.page-Main_Page .tipsy-inner,
body.page-Main_Page .tooltip{
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title{
margin: 0 !important;
text-align: center !important;
line-height: 1.1 !important;
}
body.page-Main_Page .vh-sanctuary-title a,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a{
position: relative !important;
display: inline-block !important;
min-width: 0 !important;
text-align: center !important;
white-space: nowrap !important;
}
body.page-Main_Page .vh-sanctuary-title .vh-title-hover,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title .vh-title-hover{
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.page-Main_Page .vh-sanctuary-title .vh-title-default,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title .vh-title-default{
display: inline !important;
position: static !important;
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
body.page-Main_Page .vh-sanctuary-title a:hover .vh-title-default,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a:hover .vh-title-default{
opacity: 1 !important;
transform: none !important;
}
body.page-Main_Page #vani-home .vh-timeline-item,
body.page-Main_Page .vh-timeline-item{
width: 250px !important;
min-width: 250px !important;
max-width: 250px !important;
flex: 0 0 250px !important;
height: 155px !important;
box-sizing: border-box !important;
padding: 6px 14px !important;
background: transparent !important;
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;              /* PERFECT HORIZONTAL AXIS CENTERING */
text-align: center !important;
}
body.page-Main_Page .vh-timeline-date{
width: 100% !important;
text-align: center !important;                /* CENTERED */
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 11.5px !important;
font-weight: 700 !important;
color: #b1873d !important;
height: 18px !important;
line-height: 18px !important;
margin: 0 auto 4px auto !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
position: relative !important;
z-index: 2 !important;
}
body.page-Main_Page .vh-timeline-track::before{
top: 30px !important;
height: 1.5px !important;
background: rgba(177, 135, 61, 0.45) !important;
}
body.page-Main_Page .vh-timeline-dot{
position: absolute !important;
top: 25px !important;                        /* 25px + 5px radius = 30px (EXACT ON LINE) */
left: 50% !important;                        /* EXACT HORIZONTAL CENTER */
transform: translateX(-50%) !important;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background: #233e44 !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 1.5px #b1873d !important;
z-index: 3 !important;
margin: 0 !important;
}
body.page-Main_Page .vh-timeline-text{
width: 100% !important;
max-width: 220px !important;
margin: 24px auto 0 auto !important;        /* CLEARLY BELOW DOT & LINE */
padding-top: 0 !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.45 !important;
color: #2c3e42 !important;
text-align: center !important;                /* PROPERLY CENTERED TEXT */
white-space: normal !important;
display: block !important;
position: relative !important;
z-index: 2 !important;
overflow: visible !important;
max-height: 105px !important;
}
body.page-Main_Page #vanipedia-header-title,
body.page-Main_Page .vh-header-title,
body.page-Main_Page .vanipedia-header-title,
body.page-Main_Page #p-logo,
.vector-header{
-webkit-user-select: none !important;
user-select: none !important;
}
body.page-Main_Page #vh-random-memories,
body.page-Main_Page .vh-card-memories .vh-card-body{
transition: opacity .7s ease, transform .7s ease;
}
body.page-Main_Page #vh-random-memories.is-changing,
body.page-Main_Page .vh-card-memories .vh-card-body.is-changing{
opacity: 0 !important;
transform: translateY(5px);
}
body.page-Main_Page .vh-card-tax .vh-card-text{
transition: opacity .6s ease, transform .6s ease !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text.is-changing,
body.page-Main_Page #vh-tax-random-personality.is-changing,
body.page-Main_Page #vh-tax-random-name.is-changing,
body.page-Main_Page #vh-tax-random-place.is-changing,
body.page-Main_Page #vh-tax-random-question.is-changing{
opacity: 0 !important;
transform: translateY(4px) !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title,
body.page-Main_Page .vh-card-tax .vh-card-body > .vh-card-title{
opacity: 1 !important;
animation: none !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title a{
opacity: 1 !important;
animation: none !important;
display: inline-block !important;
}
.vector-header-container,
#mw-head,
.mw-header{
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
background-color: #345B63 !important;
}
body.page-Main_Page{
min-height: 100% !important;
background-color: #D4ECDD !important;
}
body.page-Main_Page{
min-height: 100% !important;
}
body.page-Main_Page html:not(.skin-theme-clientpref-night) body,
body.page-Main_Page html:not(.skin-theme-clientpref-night) .mw-page-container,
body.page-Main_Page html:not(.skin-theme-clientpref-night) .mw-page-container-inner,
body.page-Main_Page html:not(.skin-theme-clientpref-night) .mw-content-container{
min-height: 100vh !important;
background-color: #D4ECDD !important;
}
html.page-Main_Page,
body.page-Main_Page{
background-color: #f6f2e9 !important;
}
body.page-Main_Page .vh-media-bar{
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 18px !important;
height: auto !important;
min-height: 48px !important;
max-height: none !important;
padding: 6px 24px !important;
}
body.page-Main_Page .vh-media-title{
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-media-text{
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-media-archival-thumb,
body.page-Main_Page .vh-media-archival-thumb{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
transition: opacity .7s ease, transform .7s ease;
}
body.page-Main_Page .vh-media-archival-thumb.is-changing,
body.page-Main_Page .vh-media-archival-thumb.is-changing{
opacity: 0 !important;
transform: scale(0.95);
}
body.page-Main_Page .vh-media-archival-thumb a{
display: block !important;
border-radius: 4px !important;
overflow: hidden !important;
border: 1.5px solid rgba(177, 135, 61, 0.45) !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
line-height: 0 !important;
transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
body.page-Main_Page .vh-media-archival-thumb a:hover{
transform: translateY(-2px) scale(1.05) !important;
border-color: #dfad3e !important;
box-shadow: 0 4px 12px rgba(177, 135, 61, 0.35) !important;
}
body.page-Main_Page .vh-media-archival-thumb img{
display: block !important;
height: 38px !important;
width: auto !important;
max-width: 75px !important;
object-fit: cover !important;
border-radius: 3px !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 auto !important;
width: 100% !important;
max-width: 1450px !important;
height: auto !important;
min-height: 220px !important;
max-height: none !important;
margin: 0 auto !important;
padding: 0 16px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
gap: 16px !important;
width: 100% !important;
height: auto !important;
align-items: stretch !important;
}
body.page-Main_Page .vh-card-tax{
flex: 1 1 0 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
min-height: 210px !important;
max-height: none !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-tax .vh-card-body{
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
text-align: center !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text,
body.page-Main_Page .vh-card-tax .vh-media-card-content{
transition: opacity .6s ease, transform .6s ease !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text.is-changing,
body.page-Main_Page .vh-card-tax .vh-media-card-content.is-changing,
body.page-Main_Page #vh-tax-random-personality.is-changing,
body.page-Main_Page #vh-tax-random-name.is-changing,
body.page-Main_Page #vh-tax-random-place.is-changing,
body.page-Main_Page #vh-tax-random-question.is-changing,
body.page-Main_Page #vh-tax-random-media.is-changing{
opacity: 0 !important;
transform: translateY(4px) !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title{
opacity: 1 !important;
animation: none !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title a{
opacity: 1 !important;
animation: none !important;
display: inline-block !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-card-content{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
width: 100% !important;
height: 100% !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
width: 100% !important;
height: 105px !important;
border-radius: 6px !important;
overflow: hidden !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(177, 135, 61, 0.3) !important;
background: #f0ebe1 !important;
position: relative !important;
line-height: 0 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb a{
display: block !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center top !important;
transition: transform .35s ease !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb:hover img{
transform: scale(1.05) !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-fallback-thumb{
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(135deg, #f7f3ec 0%, #ebdcc7 100%) !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-vintage-badge{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-vintage-badge .vh-media-icon{
font-size: 24px !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-vintage-badge .vh-media-tag{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 12px !important;
font-weight: 700 !important;
color: #8c6a26 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-caption{
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
text-align: center !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-outlet{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10.5px !important;
font-weight: 800 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
color: #8c6a26 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 11.5px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline a{
color: #2c3e42 !important;
text-decoration: none !important;
transition: color .2s ease !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline a:hover{
color: #345B63 !important;
text-decoration: underline !important;
}
body.page-Main_Page .vh-media-bar,
body.page-Main_Page .vh-media-bar{
display: none !important;
}
@media (max-width: 1280px){body.page-Main_Page .vh-taxonomy-grid{
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (max-width: 768px){body.page-Main_Page .vh-taxonomy-grid{
grid-template-columns: 1fr !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;
}
body.page-Main_Page .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: stretch !important;
width: 100% !important;
max-width: 1450px !important;
margin: 0 auto !important;
gap: 24px !important;
height: auto !important;
min-height: 330px !important;
}
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
flex: 0 0 310px !important;
width: 310px !important;
max-width: 310px !important;
min-width: 310px !important;
height: 100% !important;
justify-content: space-between !important;
}
body.page-Main_Page .vh-triad-column-left .vh-card{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: auto !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-sanctuary-card{
flex: 0 0 310px !important;
width: 310px !important;
max-width: 310px !important;
min-width: 310px !important;
height: auto !important;
}
body.page-Main_Page .vh-card-article{
flex: 0 0 310px !important;
width: 310px !important;
max-width: 310px !important;
min-width: 310px !important;
height: auto !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-card-content{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
width: 100% !important;
height: 95px !important;
border-radius: 5px !important;
overflow: hidden !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14), inset 0 0 0 1px rgba(177, 135, 61, 0.35) !important;
background: #f0ebe1 !important;
line-height: 0 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb a{
display: block !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center top !important;
transition: transform .35s ease !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb:hover img{
transform: scale(1.05) !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-caption{
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
text-align: center !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-outlet{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10.5px !important;
font-weight: 800 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
color: #8c6a26 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 11.5px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .vh-taxonomy-section{
width: 100% !important;
max-width: 1450px !important;
margin: 0 auto !important;
height: auto !important;
min-height: 180px !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 18px !important;
width: 100% !important;
height: auto !important;
align-items: stretch !important;
}
body.page-Main_Page .vh-card-tax{
flex: 1 1 0 !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 175px !important;
}
body.page-Main_Page .vh-media-bar,
body.page-Main_Page .vh-media-bar{
display: none !important;
}
body.page-Main_Page,
html.page-Main_Page{
height: 100vh !important;
max-height: 100vh !important;
overflow: hidden !important;
}
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{
margin: 0 !important;
padding: 0 !important;
border: none !important;
height: 100% !important;
max-height: 100% !important;
overflow: hidden !important;
background-color: #faf7f0 !important;
}
body.page-Main_Page #vani-home{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: calc(100vh - 48px) !important;
max-height: calc(100vh - 48px) !important;
min-height: 0 !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 8px 32px 10px 32px !important;
margin: 0 !important;
overflow: hidden !important;
position: relative !important;
}
body.page-Main_Page .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: stretch !important;
width: 100% !important;
max-width: 1560px !important;
margin: 0 auto !important;
gap: 22px !important;
flex: 1 1 auto !important;
height: auto !important;
min-height: 310px !important;
max-height: 44vh !important;
}
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
min-width: 300px !important;
height: 100% !important;
justify-content: space-between !important;
}
body.page-Main_Page .vh-triad-column-left .vh-card{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: auto !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-memories{
flex: 0 0 auto !important;
padding: 8px 14px !important;
}
body.page-Main_Page .vh-card-media-item{
flex: 1 1 auto !important;
padding: 8px 14px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
body.page-Main_Page .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
max-width: 680px !important;
min-width: 440px !important;
height: 100% !important;
padding: 10px 24px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
flex: 1 1 auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 4px 0 !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: min(240px, 24vh) !important;
height: min(240px, 24vh) !important;
min-width: 190px !important;
min-height: 190px !important;
border-radius: 50% !important;
border: 4.5px solid #233e44 !important;
border-top: 4.5px solid #4a757e !important;
border-bottom: 5.5px solid #112023 !important;
box-shadow:
0 8px 28px rgba(18, 63, 56, 0.35),
0 2px 8px rgba(0, 0, 0, 0.22),
inset 0 2px 6px rgba(255, 255, 255, 0.75),
inset 0 -3px 6px rgba(0, 0, 0, 0.35) !important;
overflow: hidden !important;
margin: 0 auto !important;
position: relative !important;
}
body.page-Main_Page .vh-card-article{
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
min-width: 300px !important;
height: 100% !important;
padding: 10px 16px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 46px !important;
font-weight: 700 !important;
line-height: 1.05 !important;
letter-spacing: 0.5px !important;
margin-bottom: 4px !important;
}
body.page-Main_Page .vh-card-memories .vh-card-title a,
body.page-Main_Page .vh-card-article .vh-card-title a,
body.page-Main_Page .vh-random-article-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 28px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
margin-bottom: 6px !important;
}
body.page-Main_Page .vh-card-media-item .vh-card-title,
body.page-Main_Page .vh-card-media-item .vh-card-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 26px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
margin-bottom: 6px !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title,
body.page-Main_Page .vh-card-tax .vh-card-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 30px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
margin-bottom: 6px !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
font-family: 'Noto Serif', Georgia, serif !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 22px !important;
line-height: 1.3 !important;
color: #2b4b52 !important;
text-align: center !important;
margin: 4px 0 0 0 !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 18px !important;
line-height: 1.4 !important;
color: #2c3e42 !important;
text-align: center !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text strong,
body.page-Main_Page .vh-card-tax .vh-card-text a strong{
font-size: 19px !important;
color: #123f38 !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-card-memories .vh-card-text,
body.page-Main_Page .vh-card-memories .vh-card-snippet{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 18px !important;
line-height: 1.38 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-outlet{
font-size: 14.5px !important;
font-weight: 800 !important;
letter-spacing: 0.8px !important;
color: #8c6a26 !important;
text-transform: uppercase !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline,
body.page-Main_Page .vh-card-media-item .vh-media-headline a{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 18px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
width: 100% !important;
height: 100px !important;
border-radius: 6px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-article .vh-card-text,
body.page-Main_Page .vh-card-article .vh-random-article-extract{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 18px !important;
line-height: 1.4 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .vh-timeline-section{
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
left: 0 !important;
right: 0 !important;
flex: 0 0 130px !important;
height: 130px !important;
min-height: 130px !important;
max-height: 130px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 0 !important;
margin-top: 4px !important;
margin-bottom: 4px !important;
background: transparent !important;
}
body.page-Main_Page .vh-timeline-years{
flex: 0 0 32px !important;
height: 32px !important;
min-height: 32px !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-timeline-years .vh-year,
body.page-Main_Page .vh-year{
padding: 4px 10px !important;
font-size: 13px !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-lifeline-window,
body.page-Main_Page .vh-lifeline{
flex: 0 0 92px !important;
height: 92px !important;
min-height: 92px !important;
max-height: 92px !important;
}
body.page-Main_Page #vani-home .vh-timeline-track,
body.page-Main_Page .vh-timeline-track{
height: 92px !important;
min-height: 92px !important;
max-height: 92px !important;
}
body.page-Main_Page #vani-home .vh-timeline-item,
body.page-Main_Page .vh-timeline-item{
height: 92px !important;
min-height: 92px !important;
max-height: 92px !important;
padding: 2px 14px !important;
}
body.page-Main_Page .vh-timeline-date{
font-size: 11px !important;
font-weight: 800 !important;
}
body.page-Main_Page .vh-timeline-text{
font-size: 13px !important;
line-height: 1.3 !important;
margin-top: 14px !important;
}
body.page-Main_Page .vh-taxonomy-section{
width: 100% !important;
max-width: 1560px !important;
margin: 0 auto !important;
flex: 0 0 auto !important;
height: auto !important;
min-height: 145px !important;
max-height: 22vh !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
width: 100% !important;
height: 100% !important;
align-items: stretch !important;
}
body.page-Main_Page .vh-card-tax{
flex: 1 1 0 !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 140px !important;
padding: 8px 14px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
margin: 4px auto !important;
text-align: center !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 180px !important;
height: 180px !important;
min-width: 180px !important;
min-height: 180px !important;
max-width: 180px !important;
max-height: 180px !important;
border-radius: 50% !important;                /* PERFECT 100% ROUND CIRCLE */
margin: 0 auto !important;
overflow: hidden !important;
position: relative !important;
border: 4px solid #233e44 !important;
border-top: 4px solid #4a757e !important;
border-bottom: 5px solid #112023 !important;
box-shadow:
0 8px 24px rgba(18, 63, 56, 0.35),
0 2px 6px rgba(0, 0, 0, 0.22),
inset 0 2px 5px rgba(255, 255, 255, 0.75),
inset 0 -3px 6px rgba(0, 0, 0, 0.35) !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage .vh-photo{
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
background-size: cover !important;
background-position: center top !important;
border-radius: 50% !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
text-align: center !important;
margin: 6px auto 0 auto !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 2px !important;
position: static !important;                  /* NEVER OVERLAPS WITH PHOTO */
padding: 0 !important;
}
body.page-Main_Page .vh-sanctuary-sub-1{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 21px !important;                  /* SAME PROMINENT TEXT SIZE */
font-weight: 600 !important;
color: #2b4b52 !important;
line-height: 1.25 !important;
}
body.page-Main_Page .vh-sanctuary-sub-2{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;                  /* SAME PROMINENT TEXT SIZE */
font-weight: 600 !important;
color: #2b4b52 !important;
white-space: nowrap !important;              /* STRICTLY ONE LINE, NOT TRUNCATED */
overflow: visible !important;
text-overflow: clip !important;
letter-spacing: 0.15px !important;
line-height: 1.25 !important;
}
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;      /* PUT IT UP UNDER REMEMBERS */
gap: 8px !important;
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: 275px !important;
max-height: 275px !important;
}
body.page-Main_Page .vh-card-memories{
flex: 0 0 auto !important;
padding: 6px 12px !important;
height: 110px !important;
max-height: 110px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-memories .vh-card-title a{
font-size: 22px !important;
margin-bottom: 3px !important;
line-height: 1.15 !important;
}
body.page-Main_Page .vh-card-memories .vh-card-text{
font-size: 14.5px !important;
line-height: 1.35 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-media-item{
flex: 0 0 auto !important;
padding: 6px 12px !important;
height: 155px !important;
max-height: 155px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 3px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-media-item .vh-card-title a{
font-size: 21px !important;
margin-bottom: 2px !important;
line-height: 1.15 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
width: 100% !important;
height: 68px !important;                      /* COMPACT THUMBNAIL FITS UP UNDER REMEMBERS */
border-radius: 5px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-caption{
display: flex !important;
flex-direction: column !important;
gap: 1px !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-outlet{
font-size: 11px !important;
font-weight: 800 !important;
color: #8c6a26 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline,
body.page-Main_Page .vh-card-media-item .vh-media-headline a{
font-size: 13.5px !important;
line-height: 1.25 !important;
color: #2c3e42 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
max-width: 660px !important;
min-width: 440px !important;
height: 275px !important;
max-height: 275px !important;
padding: 6px 18px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-title a{
font-size: 40px !important;
line-height: 1 !important;
margin-bottom: 2px !important;
}
body.page-Main_Page .vh-card-article{
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: 275px !important;
max-height: 275px !important;
padding: 8px 14px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-article .vh-card-title a{
font-size: 22px !important;
line-height: 1.15 !important;
margin-bottom: 4px !important;
}
body.page-Main_Page .vh-card-article .vh-card-text{
font-size: 14px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
display: -webkit-box !important;
-webkit-line-clamp: 7 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-triad-grid{
height: 275px !important;
max-height: 275px !important;
}
body.page-Main_Page .vh-timeline-section{
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
left: 0 !important;
right: 0 !important;
flex: 0 0 auto !important;
height: 120px !important;
min-height: 120px !important;
max-height: 120px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 0 !important;
margin-top: 38px !important;                /* PUSHES TIMELINE & YEARS DOWN */
margin-bottom: 22px !important;              /* GENEROUS BREATHING ROOM BELOW */
background: transparent !important;
}
body.page-Main_Page .vh-timeline-years{
flex: 0 0 28px !important;
height: 28px !important;
min-height: 28px !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-timeline-years .vh-year,
body.page-Main_Page .vh-year{
padding: 3px 9px !important;
font-size: 12px !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-lifeline-window,
body.page-Main_Page .vh-lifeline{
flex: 0 0 82px !important;
height: 82px !important;
min-height: 82px !important;
max-height: 82px !important;
}
body.page-Main_Page #vani-home .vh-timeline-track,
body.page-Main_Page .vh-timeline-track{
height: 82px !important;
min-height: 82px !important;
max-height: 82px !important;
}
body.page-Main_Page #vani-home .vh-timeline-item,
body.page-Main_Page .vh-timeline-item{
height: 82px !important;
min-height: 82px !important;
max-height: 82px !important;
padding: 2px 14px !important;
}
body.page-Main_Page .vh-timeline-date{
font-size: 10.5px !important;
font-weight: 800 !important;
}
body.page-Main_Page .vh-timeline-text{
font-size: 12px !important;
line-height: 1.25 !important;
margin-top: 10px !important;
}
body.page-Main_Page .vh-taxonomy-section{
width: 100% !important;
max-width: 1560px !important;
margin: 0 auto !important;
flex: 0 0 auto !important;
height: 110px !important;
min-height: 110px !important;
max-height: 110px !important;
margin-bottom: 10px !important;              /* ELEVATED ABOVE SCREEN BOTTOM */
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 14px !important;
width: 100% !important;
height: 100% !important;
align-items: stretch !important;
}
body.page-Main_Page .vh-card-tax{
flex: 1 1 0 !important;
width: 100% !important;
max-width: none !important;
height: 110px !important;
min-height: 110px !important;
max-height: 110px !important;
padding: 6px 12px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title,
body.page-Main_Page .vh-card-tax .vh-card-title a{
font-size: 24px !important;
line-height: 1.15 !important;
margin-bottom: 3px !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 14.5px !important;                /* DECREASED FROM 18px TO FIT IN */
line-height: 1.35 !important;
color: #2c3e42 !important;
text-align: center !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text strong,
body.page-Main_Page .vh-card-tax .vh-card-text a strong{
font-size: 15.5px !important;
color: #123f38 !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
max-width: 680px !important;
min-width: 460px !important;
height: auto !important;
min-height: 375px !important;
max-height: 390px !important;
padding: 6px 18px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-title a{
font-size: 40px !important;
line-height: 1 !important;
margin-bottom: 6px !important;                /* VISUAL GAP ABOVE ROUND IMAGE */
}
body.page-Main_Page .vh-sanctuary-portrait-box{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
margin: 4px auto !important;
text-align: center !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 270px !important;                      /* +50% LARGER (180px -> 270px) */
height: 270px !important;
min-width: 270px !important;
min-height: 270px !important;
max-width: 270px !important;
max-height: 270px !important;
border-radius: 50% !important;                /* 100% ROUND CIRCLE */
margin: 0 auto !important;
overflow: hidden !important;
position: relative !important;
border: 4.5px solid #233e44 !important;
border-top: 4.5px solid #4a757e !important;
border-bottom: 5.5px solid #112023 !important;
box-shadow:
0 10px 30px rgba(18, 63, 56, 0.38),
0 3px 8px rgba(0, 0, 0, 0.22),
inset 0 2px 6px rgba(255, 255, 255, 0.75),
inset 0 -3px 6px rgba(0, 0, 0, 0.35) !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage .vh-photo{
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
background-size: cover !important;
background-position: center top !important;
border-radius: 50% !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
text-align: center !important;
margin: 8px auto 0 auto !important;          /* VISUAL GAP BELOW ROUND IMAGE */
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;                            /* ZERO GAP BETWEEN LINES */
position: static !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text br{
display: none !important;                    /* NO LINE BREAK GAP */
}
body.page-Main_Page .vh-sanctuary-sub-1{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 21px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
line-height: 1.15 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-sanctuary-sub-2{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
white-space: nowrap !important;              /* ONE LINE, NOT TRUNCATED */
overflow: visible !important;
text-overflow: clip !important;
letter-spacing: 0.15px !important;
line-height: 1.15 !important;
margin: 0 !important;                        /* ZERO GAP */
padding: 0 !important;
}
body.page-Main_Page .vh-triad-grid{
height: auto !important;
min-height: 375px !important;
max-height: 390px !important;
}
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 4px !important;                          /* JUST SMALL GAP! */
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: 100% !important;
}
body.page-Main_Page .vh-card-memories{
margin: 0 !important;
margin-bottom: 0 !important;
flex: 0 0 auto !important;
padding: 6px 12px !important;
height: 110px !important;
max-height: 110px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-media-item{
margin: 0 !important;
margin-top: 0 !important;                    /* ZERO EXTRA MARGIN (CONTROLLED BY 4px GAP) */
flex: 0 0 auto !important;
padding: 6px 12px !important;
height: 155px !important;
max-height: 155px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 2px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-article{
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;
min-height: 275px !important;
max-height: 385px !important;
padding: 8px 14px !important;
}
body.page-Main_Page .vh-timeline-section{
margin-top: 20px !important;
margin-bottom: 16px !important;
}
body.page-Main_Page .vh-taxonomy-section{
margin-bottom: 8px !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
text-align: center !important;
margin-top: 18px !important;                  /* MOVED +10px DOWN (FROM 8px TO 18px) */
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;                            /* ZERO GAP BETWEEN LINE 1 AND LINE 2 */
position: static !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text br{
display: none !important;                    /* NO LINE BREAK GAP */
}
body.page-Main_Page .vh-sanctuary-sub-1{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 21px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
line-height: 1.15 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-sanctuary-sub-2{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
white-space: nowrap !important;              /* STRICTLY ONE LINE, NOT TRUNCATED */
overflow: visible !important;
text-overflow: clip !important;
letter-spacing: 0.15px !important;
line-height: 1.15 !important;
margin: 0 !important;                        /* ZERO GAP */
padding: 0 !important;
}
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;      /* TIGHT TOP PACKING (NO SPACE-BETWEEN) */
align-items: stretch !important;
gap: 6px !important;                          /* CRISP SMALL GAP! */
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;                      /* UNCONSTRAINED TO PREVENT PUSH-DOWN */
min-height: 0 !important;
}
body.page-Main_Page .vh-card-memories{
flex: 0 0 auto !important;                    /* NEVER EXPAND VERTICALLY */
height: auto !important;                      /* EXACT HEIGHT OF CONTENT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
margin-bottom: 0 !important;
padding: 6px 12px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-memories .vh-card-body,
body.page-Main_Page #vh-random-memories{
height: auto !important;                      /* NEVER STRETCH TO 100% */
min-height: 0 !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-memories .vh-card-title a{
font-size: 21px !important;
margin-bottom: 2px !important;
line-height: 1.15 !important;
}
body.page-Main_Page .vh-card-memories .vh-card-text{
font-size: 14px !important;
line-height: 1.35 !important;
margin-bottom: 0 !important;
}
body.page-Main_Page .vh-card-media-item{
flex: 0 0 auto !important;                    /* NEVER EXPAND VERTICALLY */
height: auto !important;                      /* EXACT HEIGHT OF CONTENT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
margin-top: 0 !important;                    /* ZERO EXTRA MARGIN (GAP CONTROLS IT) */
margin-bottom: 0 !important;
padding: 6px 12px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 2px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-media-item .vh-card-body{
height: auto !important;
min-height: 0 !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-media-item .vh-card-title a{
font-size: 20px !important;
margin-bottom: 2px !important;
line-height: 1.15 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
width: 100% !important;
height: 68px !important;
border-radius: 5px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-outlet{
font-size: 11px !important;
font-weight: 800 !important;
color: #8c6a26 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline,
body.page-Main_Page .vh-card-media-item .vh-media-headline a{
font-size: 13.5px !important;
line-height: 1.25 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .vh-triad-grid{
align-items: flex-start !important;          /* STOPS FORCING LEFT COLUMN TO STRETCH */
height: auto !important;
min-height: 450px !important;
}
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;      /* PACK TIGHTLY AT TOP */
align-items: stretch !important;
gap: 4px !important;                          /* CRISP 4px GAP ONLY */
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;                      /* NEVER 100% HEIGHT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-memories{
flex: 0 0 auto !important;                    /* NEVER EXPAND */
height: auto !important;                      /* EXACT CONTENT HEIGHT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 6px 12px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-memories .vh-card-body,
body.page-Main_Page #vh-random-memories{
flex: 0 0 auto !important;
height: auto !important;                      /* NEVER 100% HEIGHT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-media-item{
flex: 0 0 auto !important;                    /* NEVER EXPAND */
height: auto !important;                      /* EXACT CONTENT HEIGHT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
margin-top: 0 !important;                    /* ZERO EXTRA MARGIN (4px GAP CONTROLS IT) */
margin-bottom: 0 !important;
padding: 6px 12px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 2px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-media-item .vh-card-body{
flex: 0 0 auto !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
max-width: 680px !important;
min-width: 460px !important;
height: auto !important;
min-height: 440px !important;
padding: 6px 18px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: center !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-title a{
font-size: 40px !important;
line-height: 1 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
margin-top: 36px !important;                  /* SHIFTED 30px DOWN FROM TITLE */
margin-bottom: 0 !important;
text-align: center !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 270px !important;
height: 270px !important;
min-width: 270px !important;
min-height: 270px !important;
max-width: 270px !important;
max-height: 270px !important;
border-radius: 50% !important;                /* PERFECT ROUND CIRCLE */
margin: 0 auto !important;
overflow: hidden !important;
position: relative !important;
border: 4.5px solid #233e44 !important;
border-top: 4.5px solid #4a757e !important;
border-bottom: 5.5px solid #112023 !important;
box-shadow:
0 10px 30px rgba(18, 63, 56, 0.38),
0 3px 8px rgba(0, 0, 0, 0.22),
inset 0 2px 6px rgba(255, 255, 255, 0.75),
inset 0 -3px 6px rgba(0, 0, 0, 0.35) !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
text-align: center !important;
margin-top: 48px !important;                  /* INCREASED +30px DOWN FROM THE IMAGE (18px -> 48px) */
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;                            /* ZERO GAP BETWEEN LINE 1 AND LINE 2 */
position: static !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text br{
display: none !important;                    /* NO LINE BREAK GAP */
}
body.page-Main_Page .vh-sanctuary-sub-1{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 21px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
line-height: 1.15 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-sanctuary-sub-2{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
white-space: nowrap !important;              /* STRICTLY ONE LINE, NOT TRUNCATED */
overflow: visible !important;
text-overflow: clip !important;
letter-spacing: 0.15px !important;
line-height: 1.15 !important;
margin: 0 !important;                        /* ZERO GAP */
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-triad-grid,
body.page-Main_Page .vh-triad-grid{
align-items: flex-start !important;
height: auto !important;
min-height: 450px !important;
}
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left,
body.page-Main_Page #vani-home .vh-triad-column-left,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left,
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: stretch !important;
gap: 4px !important;                          /* CRISP 4px GAP BETWEEN THE TWO CARDS */
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left .vh-card,
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left .vh-card-memories,
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left .vh-card-media-item,
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card,
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card-memories,
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card-media-item,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left .vh-card,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left .vh-card-memories,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left .vh-card-media-item{
flex: 0 0 auto !important;                    /* KILLS 340px HEIGHT! */
flex-grow: 0 !important;
flex-shrink: 0 !important;
flex-basis: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;                      /* HUGS EXACT CONTENT HEIGHT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 6px 12px !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left .vh-card-body,
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card-body,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left .vh-card-body,
body.page-Main_Page .vh-triad-column-left .vh-card-body,
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left #vh-random-memories,
body.page-Main_Page #vani-home .vh-triad-column-left #vh-random-memories,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left #vh-random-memories,
body.page-Main_Page .vh-triad-column-left #vh-random-memories{
flex: 0 0 auto !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
flex-basis: auto !important;
height: auto !important;                      /* KILLS 100% HEIGHT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card-media-item,
body.page-Main_Page .vh-triad-column-left .vh-card-media-item{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 2px !important;
}
body.page-Main_Page #vani-home .vh-triad-grid > .vh-sanctuary-card,
body.page-Main_Page #vani-home .vh-sanctuary-card,
body.page-Main_Page .vh-triad-grid > .vh-sanctuary-card,
body.page-Main_Page .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
max-width: 680px !important;
min-width: 460px !important;
height: auto !important;
min-height: 440px !important;
padding: 6px 18px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: center !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-title a{
font-size: 40px !important;
line-height: 1 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-portrait-box,
body.page-Main_Page #vani-home .vh-sanctuary-portrait-box,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-portrait-box,
body.page-Main_Page .vh-sanctuary-portrait-box{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
margin-top: 36px !important;                  /* SHIFTED 30px DOWN FROM TITLE */
margin-bottom: 0 !important;
text-align: center !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page #vani-home .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 270px !important;
height: 270px !important;
min-width: 270px !important;
min-height: 270px !important;
max-width: 270px !important;
max-height: 270px !important;
border-radius: 50% !important;                /* PERFECT ROUND CIRCLE */
margin: 0 auto !important;
overflow: hidden !important;
position: relative !important;
border: 4.5px solid #233e44 !important;
border-top: 4.5px solid #4a757e !important;
border-bottom: 5.5px solid #112023 !important;
box-shadow:
0 10px 30px rgba(18, 63, 56, 0.38),
0 3px 8px rgba(0, 0, 0, 0.22),
inset 0 2px 6px rgba(255, 255, 255, 0.75),
inset 0 -3px 6px rgba(0, 0, 0, 0.35) !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-card-text.vh-sanctuary-text,
body.page-Main_Page #vani-home .vh-card-text.vh-sanctuary-text,
body.page-Main_Page .vh-sanctuary-card .vh-card-text.vh-sanctuary-text,
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
text-align: center !important;
margin-top: 48px !important;                  /* INCREASED +30px DOWN FROM THE IMAGE (18px -> 48px) */
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;                            /* ZERO GAP BETWEEN LINE 1 AND LINE 2 */
position: static !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-card-text.vh-sanctuary-text br,
body.page-Main_Page .vh-card-text.vh-sanctuary-text br{
display: none !important;                    /* NO LINE BREAK GAP */
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-sub-1,
body.page-Main_Page .vh-sanctuary-sub-1{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 21px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
line-height: 1.15 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-sub-2,
body.page-Main_Page .vh-sanctuary-sub-2{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
white-space: nowrap !important;              /* STRICTLY ONE LINE, NOT TRUNCATED */
overflow: visible !important;
text-overflow: clip !important;
letter-spacing: 0.15px !important;
line-height: 1.15 !important;
margin: 0 !important;                        /* ZERO GAP */
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-triad-grid > .vh-card-article,
body.page-Main_Page .vh-triad-grid > .vh-card-article{
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;
min-height: 275px !important;
max-height: 440px !important;
padding: 8px 14px !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-text,
body.page-Main_Page .vh-card-memories .vh-card-text{
display: block !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
overflow: visible !important;
max-height: none !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 14px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left,
body.page-Main_Page #vani-home .vh-triad-column-left,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left,
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: stretch !important;
gap: 50px !important;                        /* +50px BIGGER GAP */
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-card-media-item,
body.page-Main_Page .vh-card-media-item{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
width: 100% !important;
height: 175px !important;                    /* COMPLETE STANDARD VIEW SIZE FILLING THE SPACE */
min-height: 175px !important;
max-height: 175px !important;
border-radius: 6px !important;
overflow: hidden !important;
background: #f4efe6 !important;              /* WARM VINTAGE PARCHMENT TONE */
border: 1px solid rgba(177, 135, 61, 0.3) !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 6px 0 8px 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb a,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb a{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
text-decoration: none !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb img,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb img{
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;              /* FITS COMPLETE THUMBNAIL WITHOUT CROPPING */
object-position: center center !important;
transition: transform .3s ease !important;
display: block !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb:hover img,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb:hover img{
transform: scale(1.03) !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-caption,
body.page-Main_Page .vh-card-media-item .vh-media-caption{
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
text-align: center !important;
width: 100% !important;
margin-top: 2px !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-outlet,
body.page-Main_Page .vh-card-media-item .vh-media-outlet{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 11px !important;
font-weight: 800 !important;
color: #8c6a26 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
line-height: 1.2 !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-headline,
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-headline a,
body.page-Main_Page .vh-card-media-item .vh-media-headline,
body.page-Main_Page .vh-card-media-item .vh-media-headline a{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 14px !important;
line-height: 1.3 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .mw-parser-output > p{
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
}
body.page-Main_Page .mw-parser-output > p:empty{
display: none !important;
}
body.page-Main_Page #vani-home .vh-taxonomy-section,
body.page-Main_Page .vh-taxonomy-section{
transform: translateY(-50px) !important;      /* DECREASES GAP ABOVE 4 BOTTOM CARDS TO 30px */
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-card-text.vh-sanctuary-text,
body.page-Main_Page .vh-sanctuary-card .vh-card-text.vh-sanctuary-text{
text-align: center !important;
margin-top: 40px !important;                  /* MAINTAINS +30px GAP FROM 270px ROUND IMAGE */
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 2px !important;
position: static !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-founder-title,
body.page-Main_Page .vh-founder-title,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1,
body.page-Main_Page .vh-sanctuary-sub-1{
display: block !important;
text-align: center !important;
margin: 0 !important;
margin-bottom: 2px !important;
padding: 0 !important;
line-height: 1.15 !important;
}
body.page-Main_Page #vani-home .vh-founder-title a,
body.page-Main_Page .vh-founder-title a,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a,
body.page-Main_Page .vh-sanctuary-sub-1 a,
body.page-Main_Page .vh-card-text.vh-sanctuary-text a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 24px !important;                  /* IDENTICAL CARD TITLE SIZE */
font-weight: 700 !important;
text-decoration: none !important;
display: inline-block !important;
position: relative !important;
padding-bottom: 7px !important;              /* SPACE FOR BREATHING UNDERLINE */
letter-spacing: 0.025em !important;
line-height: 1.2 !important;
cursor: pointer !important;
transform: none !important;
/* Temple Gold Face */
color: #dfad3e !important;
-webkit-text-fill-color: #dfad3e !important;
/* 3D Chiseled Shadow */
text-shadow: none !important;
transition: transform 0.22s ease, color 0.22s ease, text-shadow 0.22s ease !important;
}
body.page-Main_Page #vani-home .vh-founder-title a::after,
body.page-Main_Page .vh-founder-title a::after,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a::after,
body.page-Main_Page .vh-sanctuary-sub-1 a::after,
body.page-Main_Page .vh-card-text.vh-sanctuary-text a::after{
content: '' !important;
display: block !important;
position: absolute !important;
bottom: 0 !important;
height: 2.5px !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(223, 173, 62, 0.4) 15%,
#dfad3e 50%,
rgba(223, 173, 62, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 8px rgba(223, 173, 62, 0.75) !important;
border-radius: 2px !important;
pointer-events: none !important;
animation: vhLineBreath 2.8s ease-in-out infinite !important;
transition: width 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), left 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s ease !important;
}
body.page-Main_Page #vani-home .vh-founder-title a:hover,
body.page-Main_Page .vh-founder-title a:hover,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a:hover,
body.page-Main_Page .vh-sanctuary-sub-1 a:hover,
body.page-Main_Page .vh-card-text.vh-sanctuary-text a:hover{
transform: translateY(-2.5px) !important;
color: #dfad3e !important;
-webkit-text-fill-color: #dfad3e !important;
text-decoration: none !important;
text-shadow: none !important;
}
body.page-Main_Page #vani-home .vh-founder-title a:hover::after,
body.page-Main_Page .vh-founder-title a:hover::after,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a:hover::after,
body.page-Main_Page .vh-sanctuary-sub-1 a:hover::after,
body.page-Main_Page .vh-card-text.vh-sanctuary-text a:hover::after{
animation: none !important;
opacity: 1 !important;
width: 90% !important;
left: 5% !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-sub-2,
body.page-Main_Page .vh-sanctuary-sub-2{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
letter-spacing: 0.15px !important;
line-height: 1.15 !important;
margin: 0 !important;
padding: 0 !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;
}
html body.page-Main_Page,
html body.page-Main_Page *,
html body.page-Main_Page *:hover,
html body.page-Main_Page a,
html body.page-Main_Page a:hover,
html body.page-Main_Page a:focus,
html body.page-Main_Page a:active,
html body.page-Main_Page a:visited,
html body.page-Main_Page a *,
html body.page-Main_Page a *:hover,
html body.page-Main_Page [href],
html body.page-Main_Page [href]:hover,
html body.page-Main_Page [href] *,
html body.page-Main_Page [href] *:hover,
html body.page-Main_Page button,
html body.page-Main_Page button:hover,
html body.page-Main_Page input,
html body.page-Main_Page input:hover,
html body.page-Main_Page textarea,
html body.page-Main_Page select,
html body.page-Main_Page [role="button"],
html body.page-Main_Page [role="button"]:hover,
html body.page-Main_Page .cdx-button,
html body.page-Main_Page .cdx-button:hover,
html body.page-Main_Page .vh-card,
html body.page-Main_Page .vh-card:hover,
html body.page-Main_Page .vh-card *,
html body.page-Main_Page .vh-card *:hover,
html body.page-Main_Page .vh-year,
html body.page-Main_Page .vh-year:hover,
html body.page-Main_Page .vector-menu a,
html body.page-Main_Page .vector-menu a:hover,
html body.page-Main_Page .vector-dropdown-label,
html body.page-Main_Page .vector-dropdown-label:hover{
cursor: none !important;
}
body.page-Main_Page #vh-cursor-pointer{
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 24px !important;
height: 24px !important;
pointer-events: none !important;
z-index: 99999999 !important;
transform: translate3d(-100px, -100px, 0);
will-change: transform !important;
transition: opacity 0.15s ease !important;
}
body.page-Main_Page #vh-cursor-pointer svg{
width: 100% !important;
height: 100% !important;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.65))
drop-shadow(0 0 6px rgba(223, 173, 62, 0.75)) !important;
transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.25, 1),
filter 0.18s ease !important;
}
body.page-Main_Page #vh-cursor-pointer .vh-cursor-arrow{
display: block !important;
}
body.page-Main_Page #vh-cursor-pointer .vh-cursor-hand{
display: none !important;
}
body.page-Main_Page.vh-cursor-link #vh-cursor-pointer .vh-cursor-arrow{
display: none !important;
}
body.page-Main_Page.vh-cursor-link #vh-cursor-pointer .vh-cursor-hand{
display: block !important;
}
body.page-Main_Page.vh-cursor-link #vh-cursor-pointer svg{
transform: scale(1.12) !important;
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.75))
drop-shadow(0 0 10px rgba(245, 215, 127, 0.95)) !important;
}
body.page-Main_Page.vh-cursor-click #vh-cursor-pointer svg{
transform: scale(0.88) !important;
}
@media (hover: none) or (pointer: coarse){html body.page-Main_Page,
html body.page-Main_Page *,
html body.page-Main_Page a,
html body.page-Main_Page button{
cursor: auto !important;
}
body.page-Main_Page #vh-cursor-pointer{
display: none !important;
}
}
body.page-Main_Page #vani-home .vh-founder-title a,
body.page-Main_Page .vh-founder-title a,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a,
body.page-Main_Page .vh-sanctuary-sub-1 a{
font-family: 'Noto Serif', 'Cormorant Garamond', Georgia, serif !important;
font-size: 24px !important;
font-weight: 700 !important;
letter-spacing: 0.025em !important;
}
.vh-bottom-bar{
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: 38px !important;
background: #19383e !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{
padding-bottom: 46px !important;
}
body.page-Main_Page .vh-bottom-link{
cursor: none !important;
}
body.page-Main_Page .vector-column-end,
body.page-Main_Page .vector-column-start,
body.page-Main_Page .vector-toc-pinned-container,
body.page-Main_Page .vector-appearance-pinned-container,
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;
}
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{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
background: #f6f2e9 !important;
background-color: #f6f2e9 !important;
grid-template-columns: 1fr !important;
border: none !important;
box-shadow: none !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;
}
body.page-Main_Page .vh-card-media-item .vh-media-card-content{
transition: opacity .5s ease, transform .5s ease !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-card-content.is-changing{
opacity: 0 !important;
transform: translateY(4px) !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page #vani-home .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 324px !important;
height: 324px !important;
min-width: 324px !important;
min-height: 324px !important;
max-width: 324px !important;
max-height: 324px !important;
border-radius: 50% !important;
margin: 0 auto !important;
overflow: hidden !important;
position: relative !important;
border: 4.5px solid #233e44 !important;
border-top: 4.5px solid #4a757e !important;
border-bottom: 5.5px solid #112023 !important;
box-shadow: 0 12px 36px rgba(18, 63, 56, 0.40), 0 3px 10px rgba(0, 0, 0, 0.24), inset 0 2px 6px rgba(255, 255, 255, 0.75), inset 0 -3px 6px rgba(0, 0, 0, 0.35) !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-portrait-box,
body.page-Main_Page #vani-home .vh-sanctuary-portrait-box,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-portrait-box,
body.page-Main_Page .vh-sanctuary-portrait-box{
margin-top: 36px !important;
margin-bottom: 0 !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-card-text.vh-sanctuary-text,
body.page-Main_Page .vh-sanctuary-card .vh-card-text.vh-sanctuary-text{
margin-top: 40px !important;
margin-bottom: 0 !important;
}
body.page-Main_Page #vani-home .vh-triad-grid > .vh-sanctuary-card,
body.page-Main_Page #vani-home .vh-sanctuary-card,
body.page-Main_Page .vh-triad-grid > .vh-sanctuary-card,
body.page-Main_Page .vh-sanctuary-card{
min-height: 500px !important;
height: auto !important;
}
body.page-Main_Page #vani-home .vh-card-article .vh-card-text,
body.page-Main_Page .vh-card-article .vh-card-text{
display: -webkit-box !important;
-webkit-line-clamp: 10 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
font-size: 14px !important;
line-height: 1.4 !important;
}
body.page-Main_Page #vani-home .vh-triad-grid > .vh-card-article,
body.page-Main_Page .vh-triad-grid > .vh-card-article{
max-height: 500px !important;
min-height: 275px !important;
height: auto !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-photo-stage .vh-photo,
body.page-Main_Page .vh-sanctuary-card .vh-photo-stage .vh-photo{
transition: opacity 1.4s ease-in-out !important;
}
.vector-header-container,
.vector-header,
.mw-header,
#mw-head{
background-color: #345B63 !important;
background: #345B63 !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: #345B63 !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"],
body.page-Main_Page #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,
body.page-Main_Page #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: #345B63 !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;
}
body.page-Main_Page #content,
body.page-Main_Page .mw-body,
body.page-Main_Page .mw-content-container{
padding: 12px 14px !important;
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
font-size: 15.5px !important;
line-height: 1.62 !important;
}
body.page-Main_Page #firstHeading,
body.page-Main_Page .mw-first-heading{
font-size: 1.65em !important;
line-height: 1.25 !important;
margin-bottom: 0.4em !important;
word-wrap: break-word !important;
}
body.page-Main_Page h2,
body.page-Main_Page .mw-parser-output h2{
font-size: 1.3em !important;
line-height: 1.3 !important;
margin-top: 1.1em !important;
margin-bottom: 0.35em !important;
}
body.page-Main_Page h3,
body.page-Main_Page .mw-parser-output h3{
font-size: 1.15em !important;
line-height: 1.3 !important;
}
body.page-Main_Page .vanitable,
body.page-Main_Page .wikitable,
body.page-Main_Page .daytable{
display: block !important;
width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
box-sizing: border-box !important;
margin: 12px 0 !important;
}
body.page-Main_Page .timelinesummary{
min-width: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.page-Main_Page div.tright,
body.page-Main_Page div.tleft,
body.page-Main_Page div.floatright,
body.page-Main_Page div.floatleft{
float: none !important;
margin: 12px auto !important;
max-width: 100% !important;
text-align: center !important;
}
body.page-Main_Page div.thumbinner{
max-width: 100% !important;
width: auto !important;
margin: 0 auto !important;
box-sizing: border-box !important;
}
body.page-Main_Page .mw-parser-output img{
max-width: 100% !important;
height: auto !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;
}
#vanipedia-back-to-top{
bottom: 50px !important;
right: 14px !important;
width: 42px !important;
height: 42px !important;
z-index: 100000 !important;
}
body.page-Main_Page #footer,
body.page-Main_Page .mw-footer{
padding-bottom: 54px !important;
}
}
body.skin-minerva .header-container,
body.skin-minerva .header-chrome{
background-color: #345B63 !important;
background: #345B63 !important;
border-bottom: 2px solid #b1873d !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
box-sizing: border-box !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: #345B63 !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: #345B63 !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;
}
body.page-Main_Page #mw-mf-page-left.navigation-drawer,
body.page-Main_Page #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;
}
body.page-Main_Page #mw-mf-page-left a.toggle-list-item__anchor{
color: #f5d77f !important;
font-size: 14.5px !important;
}
body.page-Main_Page #mw-mf-page-left a.toggle-list-item__anchor:hover{
background-color: #345B63 !important;
color: #ffffff !important;
}
body.page-Main_Page #mw-mf-page-left .minerva-icon{
background-color: #ffd700 !important;
}
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content,
html .vector-user-menu .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,
body.page-Main_Page #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;
}
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content div,
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content ul,
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content li,
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content .vector-menu-content,
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content .vector-menu-content-list,
html .vector-user-menu .vector-dropdown-content div,
html .vector-user-menu .vector-dropdown-content ul,
html .vector-user-menu .vector-dropdown-content li{
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;
}
body.page-Main_Page #vector-user-links-dropdown-label .vector-icon,
body.page-Main_Page #vector-user-links-dropdown .vector-dropdown-label .vector-icon,
.vector-user-menu .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;
}
body.page-Main_Page #vector-user-links-dropdown .vector-dropdown-content .vector-icon,
.vector-user-menu .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;
}
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content a,
html .vector-user-menu .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;
}
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content a span,
html .vector-user-menu .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;
}
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content a:hover,
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content a:focus,
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content a:active,
html .vector-user-menu .vector-dropdown-content a:hover,
html .vector-user-menu .vector-dropdown-content a:focus,
html .vector-user-menu .vector-dropdown-content a:active{
background-color: #345B63 !important;
color: #ffffff !important;
text-decoration: none !important;
}
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content a:hover span,
html .vector-user-menu .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;
}
body.skin-minerva .header-container,
body.skin-minerva .header-chrome,
body.page-Main_Page.skin-minerva header{
position: sticky !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 1000 !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 .header-container,
body.ext-vp3d-fullscreen .header-chrome,
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.page-Main_Page.ext-vp3d-fullscreen #mw-navigation,
body:has(.vp-entry3d-container) #vh-bottom-bar,
body:has(.vp-entry3d-container) .header-container,
body:has(.vp-entry3d-container) .header-chrome,
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) .header-container,
body:has(.vp-entry3d-wrapper) .header-chrome,
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;
}
body.page-Main_Page #vani-mobile-stage{
position: fixed !important;
inset: 0 !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
overflow: hidden !important;
z-index: 999999 !important;
background-color: #f6f2e9 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-rotated-box{
position: absolute !important;
top: 0 !important;
left: 0 !important;
transform-origin: top left !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
background-color: #f6f2e9 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-rotated-box.is-auto-landscape{
transform: rotate(90deg) translate(0, -100%) !important;
}
body.page-Main_Page #vani-rotated-box.is-native-landscape{
transform: none !important;
}
#vani-stage-header-slot{
flex: 0 0 50px !important;
width: 100% !important;
height: 50px !important;
max-height: 50px !important;
min-height: 50px !important;
background-color: #345B63 !important;
border-bottom: 2px solid #b1873d !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important;
z-index: 1000 !important;
overflow: visible !important;
position: relative !important;
box-sizing: border-box !important;
}
#vani-stage-header-slot .header-container,
#vani-stage-header-slot .header-chrome,
#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: #345B63 !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-stage-content-slot{
flex: 1 1 auto !important;
width: 100% !important;
height: calc(100% - 50px - 36px) !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
position: relative !important;
background-color: #f6f2e9 !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home{
width: 1200px !important;
min-width: 1200px !important;
max-width: 1200px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 10px !important;
padding: 8px 16px 20px 16px !important;
margin: 0 !important;
background-color: #f6f2e9 !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: flex-start !important;
width: 100% !important;
gap: 16px !important;
flex-wrap: nowrap !important;
height: auto !important;
min-height: 250px !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-triad-column-left{
flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-card-memories,
body.page-Main_Page #vani-stage-content-slot .vh-card-media-item{
flex: 0 0 auto !important;
height: auto !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
text-align: center !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-photo-stage{
width: 200px !important;
height: 200px !important;
margin: 0 auto !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-card-text.vh-sanctuary-text{
margin-top: 10px !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-card-article{
flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
height: auto !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-timeline-section{
width: 100% !important;
max-width: 100% !important;
margin: 6px 0 !important;
position: relative !important;
left: auto !important;
right: auto !important;
flex: 0 0 auto !important;
height: auto !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-taxonomy-section{
width: 100% !important;
transform: none !important;
margin: 6px 0 !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 12px !important;
width: 100% !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-card-tax{
height: auto !important;
min-height: 105px !important;
}
#vani-stage-footer-slot{
flex: 0 0 36px !important;
width: 100% !important;
height: 36px !important;
max-height: 36px !important;
min-height: 36px !important;
background-color: #19383e !important;
border-top: 1.5px solid #b1873d !important;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3) !important;
z-index: 99990 !important;
overflow: hidden !important;
position: relative !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;
}
body.page-Main_Page #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;
}
body.page-Main_Page #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;
}
body.page-Main_Page #mw-mf-page-left > ul#p-navigation,
#mw-mf-page-left > ul#p-personal,
body.page-Main_Page #mw-mf-page-left > ul.hlist,
body.page-Main_Page #mw-mf-page-left .menu__item--nearby,
body.page-Main_Page #mw-mf-page-left .menu__item--random{
display: none !important;
}
body.page-Main_Page #mw-mf-page-left #vani-mobile-synced-sidebar{
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu{
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin-bottom: 6px !important;
}
body.page-Main_Page #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;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu:not(.vanipedia-collapsed) .vector-menu-heading{
border-radius: 4px 4px 0 0 !important;
margin-bottom: 0 !important;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-heading:hover{
background-color: #385e63 !important;
}
body.page-Main_Page #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;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu.vanipedia-collapsed .vector-menu-heading::after{
transform: rotate(-90deg) !important;
}
body.page-Main_Page #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;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu.vanipedia-collapsed .vector-menu-content{
display: none !important;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content ul{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #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;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content li:last-child a{
border-bottom: none !important;
}
body.page-Main_Page #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;
}
body.page-Main_Page #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;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-title a{
font-size: 38px !important;
line-height: 1.15 !important;
letter-spacing: 0.015em !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
white-space: nowrap !important;
}
body.page-Main_Page .vh-sanctuary-title a .vh-title-hover{
display: none !important;
}
body.page-Main_Page .vh-sanctuary-title a .vh-title-default{
opacity: 1 !important;
transform: none !important;
}
body.page-Main_Page .vh-card-title,
body.page-Main_Page .vh-card-title a,
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-title a,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a,
body.page-Main_Page .vh-card-article .vh-card-title,
body.page-Main_Page .vh-card-article .vh-card-title a,
body.page-Main_Page .vh-random-article-title,
body.page-Main_Page .vh-random-article-title a,
body.page-Main_Page .vh-card-memories .vh-card-title,
body.page-Main_Page .vh-card-memories .vh-card-title a,
body.page-Main_Page .vh-card-media-item .vh-card-title,
body.page-Main_Page .vh-card-media-item .vh-card-title a,
body.page-Main_Page .vh-card-tax .vh-card-title,
body.page-Main_Page .vh-card-tax .vh-card-title a,
body.page-Main_Page .vh-media-title,
body.page-Main_Page .vh-media-title a,
body.page-Main_Page .vh-founder-title,
body.page-Main_Page .vh-founder-title a,
body.page-Main_Page #vani-home .vh-founder-title,
body.page-Main_Page #vani-home .vh-founder-title a,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a,
body.page-Main_Page .vh-sanctuary-sub-1 a,
body.page-Main_Page .vh-card-text.vh-sanctuary-text a,
body.page-Main_Page #vani-stage-content-slot .vh-card-title a,
body.page-Main_Page #vani-stage-content-slot .vh-sanctuary-title a{
color: #966817 !important;
-webkit-text-fill-color: #966817 !important;
-webkit-text-stroke: 0 !important;
paint-order: normal !important;
text-shadow: none !important;
-webkit-filter: none !important;
filter: none !important;
display: inline-block !important;
position: relative !important;
cursor: pointer !important;
transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.25, 1),
color 0.2s ease,
-webkit-text-fill-color 0.2s ease !important;
}
body.page-Main_Page #vani-home .vh-card-title a:hover,
body.page-Main_Page #vani-home .vh-card-article .vh-card-title a:hover,
body.page-Main_Page #vani-home .vh-sanctuary-title a:hover,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a:hover,
body.page-Main_Page #vani-home .vh-founder-title a:hover,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a:hover,
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title a:hover,
body.page-Main_Page #vani-home .vh-card-media-item .vh-card-title a:hover,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title a:hover,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-body > .vh-card-title a:hover,
body.page-Main_Page .vh-card-title a:hover,
body.page-Main_Page .vh-card-article .vh-card-title a:hover,
body.page-Main_Page .vh-sanctuary-title a:hover,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-title a:hover,
body.page-Main_Page .vh-founder-title a:hover,
body.page-Main_Page .vh-card-memories .vh-card-title a:hover,
body.page-Main_Page .vh-card-media-item .vh-card-title a:hover,
body.page-Main_Page .vh-card-tax .vh-card-title a:hover,
body.page-Main_Page #vani-stage-content-slot .vh-card-title a:hover,
body.page-Main_Page #vani-stage-content-slot .vh-sanctuary-title a:hover,
body.page-Main_Page #vani-stage-content-slot .vh-founder-title a:hover{
transform: translateY(-3px) !important;
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-card-title a::after,
body.page-Main_Page #vani-home .vh-card-title a::after,
body.page-Main_Page .vh-card-article .vh-card-title a::after,
body.page-Main_Page #vani-home .vh-card-article .vh-card-title a::after,
body.page-Main_Page .vh-sanctuary-title a::after,
body.page-Main_Page #vani-home .vh-sanctuary-title a::after,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a::after,
body.page-Main_Page .vh-founder-title a::after,
body.page-Main_Page #vani-home .vh-founder-title a::after,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a::after,
body.page-Main_Page .vh-card-memories .vh-card-title a::after,
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title a::after,
body.page-Main_Page .vh-card-media-item .vh-card-title a::after,
body.page-Main_Page #vani-home .vh-card-media-item .vh-card-title a::after,
body.page-Main_Page .vh-media-title a::after,
body.page-Main_Page .vh-card-tax .vh-card-title a::after,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title a::after,
body.page-Main_Page .vh-card-tax .vh-card-body > .vh-card-title a::after,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-body > .vh-card-title a::after,
body.page-Main_Page #vani-stage-content-slot .vh-card-title a::after,
body.page-Main_Page #vani-stage-content-slot .vh-sanctuary-title a::after,
body.page-Main_Page #vani-stage-content-slot .vh-founder-title a::after{
content: '' !important;
display: block !important;
position: absolute !important;
bottom: 0 !important;
height: 2.5px !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(150, 104, 23, 0.4) 15%,
#b58224 50%,
rgba(150, 104, 23, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 6px rgba(181, 130, 36, 0.65) !important;
border-radius: 2px !important;
pointer-events: none !important;
animation: vhLineBreath 2.8s ease-in-out infinite !important;
transition: width 0.3s cubic-bezier(0.2, 0.8, 0.25, 1), left 0.3s cubic-bezier(0.2, 0.8, 0.25, 1), opacity 0.2s ease !important;
}
body.page-Main_Page #vani-home .vh-card-title a:hover::after,
body.page-Main_Page #vani-home .vh-card-article .vh-card-title a:hover::after,
body.page-Main_Page #vani-home .vh-sanctuary-title a:hover::after,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a:hover::after,
body.page-Main_Page #vani-home .vh-founder-title a:hover::after,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a:hover::after,
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title a:hover::after,
body.page-Main_Page #vani-home .vh-card-media-item .vh-card-title a:hover::after,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title a:hover::after,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-body > .vh-card-title a:hover::after,
body.page-Main_Page .vh-card-title a:hover::after,
body.page-Main_Page .vh-card-article .vh-card-title a:hover::after,
body.page-Main_Page .vh-sanctuary-title a:hover::after,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-title a:hover::after,
body.page-Main_Page .vh-founder-title a:hover::after,
body.page-Main_Page .vh-card-memories .vh-card-title a:hover::after,
body.page-Main_Page .vh-card-media-item .vh-card-title a:hover::after,
body.page-Main_Page .vh-card-tax .vh-card-title a:hover::after,
body.page-Main_Page #vani-stage-content-slot .vh-card-title a:hover::after,
body.page-Main_Page #vani-stage-content-slot .vh-sanctuary-title a:hover::after,
body.page-Main_Page #vani-stage-content-slot .vh-founder-title a:hover::after{
animation: none !important;
opacity: 1 !important;
width: 90% !important;
left: 5% !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(150, 104, 23, 0.4) 15%,
#b58224 50%,
rgba(150, 104, 23, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 8px rgba(181, 130, 36, 0.75) !important;
}
body.page-Main_Page #vani-home .vh-intro-articles-title,
body.page-Main_Page #vani-home .vh-intro-articles-title a,
body.page-Main_Page .vh-intro-articles-title,
body.page-Main_Page .vh-intro-articles-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 24px !important;
font-weight: 700 !important;
color: #966817 !important;
-webkit-text-fill-color: #966817 !important;
text-shadow: none !important;
letter-spacing: 0.025em !important;
line-height: 1.2 !important;
display: inline-block !important;
position: relative !important;
padding-bottom: 5px !important;
margin: 0 0 4px 0 !important;
cursor: pointer !important;
text-align: center !important;
transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.25, 1),
color 0.2s ease,
-webkit-text-fill-color 0.2s ease !important;
}
body.page-Main_Page #vani-home .vh-intro-articles-title a:hover,
body.page-Main_Page .vh-intro-articles-title a:hover{
transform: translateY(-3px) !important;
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: none !important;
}
body.page-Main_Page #vani-home .vh-intro-articles-title a::after,
body.page-Main_Page .vh-intro-articles-title a::after{
content: '' !important;
display: block !important;
position: absolute !important;
bottom: 0 !important;
height: 2.5px !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(150, 104, 23, 0.4) 15%,
#b58224 50%,
rgba(150, 104, 23, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 6px rgba(181, 130, 36, 0.65) !important;
border-radius: 2px !important;
pointer-events: none !important;
animation: vhLineBreath 2.8s ease-in-out infinite !important;
transition: width 0.3s cubic-bezier(0.2, 0.8, 0.25, 1), left 0.3s cubic-bezier(0.2, 0.8, 0.25, 1), opacity 0.2s ease !important;
}
body.page-Main_Page #vani-home .vh-intro-articles-title a:hover::after,
body.page-Main_Page .vh-intro-articles-title a:hover::after{
animation: none !important;
opacity: 1 !important;
width: 90% !important;
left: 5% !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(150, 104, 23, 0.4) 15%,
#b58224 50%,
rgba(150, 104, 23, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 8px rgba(181, 130, 36, 0.75) !important;
}
body.page-Main_Page #vani-home .vh-card-article #vh-random-article .vh-article-item-title,
body.page-Main_Page #vani-home .vh-card-article #vh-random-article .vh-article-item-title a,
body.page-Main_Page #vani-home .vh-card-article #vh-random-article .vh-card-title,
body.page-Main_Page #vani-home .vh-card-article #vh-random-article .vh-card-title a,
body.page-Main_Page .vh-card-article #vh-random-article .vh-article-item-title,
body.page-Main_Page .vh-card-article #vh-random-article .vh-article-item-title a,
body.page-Main_Page .vh-card-article #vh-random-article .vh-card-title,
body.page-Main_Page .vh-card-article #vh-random-article .vh-card-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 16.5px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
color: #7b5310 !important;
-webkit-text-fill-color: #7b5310 !important;
text-shadow: none !important;
display: block !important;
margin-top: 2px !important;
margin-bottom: 4px !important;
text-align: center !important;
cursor: pointer !important;
}
body.page-Main_Page #vani-home .vh-card-article #vh-random-article .vh-article-item-title a:hover,
body.page-Main_Page #vani-home .vh-card-article #vh-random-article .vh-card-title a:hover,
body.page-Main_Page .vh-card-article #vh-random-article .vh-article-item-title a:hover,
body.page-Main_Page .vh-card-article #vh-random-article .vh-card-title a:hover{
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: underline !important;
}
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle,
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle a,
body.page-Main_Page .vh-memory-devotee-subtitle,
body.page-Main_Page .vh-memory-devotee-subtitle a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 17.5px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
color: #7b5310 !important;
-webkit-text-fill-color: #7b5310 !important;
text-shadow: none !important;
display: block !important;
margin-top: 2px !important;
margin-bottom: 5px !important;
text-align: center !important;
cursor: pointer !important;
}
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle a:hover,
body.page-Main_Page .vh-memory-devotee-subtitle a:hover{
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: underline !important;
}
@media screen and (min-width: 901px){body.page-Main_Page #vani-home .vh-taxonomy-grid,
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
width: 100% !important;
max-width: 1200px !important;
margin: 0 auto !important;
height: auto !important;
min-height: 90px !important;
max-height: 130px !important;
}
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title a,
body.page-Main_Page .vh-card-tax .vh-card-title,
body.page-Main_Page .vh-card-tax .vh-card-title a,
body.page-Main_Page #vani-home .vh-card-questions .vh-card-title,
body.page-Main_Page #vani-home .vh-card-questions .vh-card-title a,
body.page-Main_Page .vh-card-questions .vh-card-title,
body.page-Main_Page .vh-card-questions .vh-card-title a{
font-size: 21px !important;
line-height: 1.15 !important;
margin-bottom: 3px !important;
}
body.page-Main_Page #vani-home .vh-card-tax,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page #vani-home .vh-card-questions,
body.page-Main_Page .vh-card-questions{
padding: 2px 10px 4px 10px !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-card-tax .vh-card-text,
body.page-Main_Page .vh-card-tax .vh-card-text,
body.page-Main_Page #vani-home .vh-card-questions .vh-card-text,
body.page-Main_Page .vh-card-questions .vh-card-text{
font-size: 13px !important;
line-height: 1.35 !important;
margin-top: 2px !important;
}
body.page-Main_Page #vani-home .vh-taxonomy-section,
body.page-Main_Page .vh-taxonomy-section{
transform: translateY(-72px) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
height: auto !important;
min-height: 95px !important;
max-height: 120px !important;
position: relative !important;
z-index: 2 !important;
}
body.page-Main_Page #vani-home .vh-founder-title,
body.page-Main_Page #vani-home .vh-founder-title a,
body.page-Main_Page .vh-founder-title,
body.page-Main_Page .vh-founder-title a{
font-size: 21px !important;
white-space: nowrap !important;
line-height: 1.2 !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-sub-2,
body.page-Main_Page .vh-sanctuary-sub-2{
font-size: 17.5px !important;
white-space: nowrap !important;
line-height: 1.2 !important;
}
body.page-Main_Page #vani-home .vh-triad-grid,
body.page-Main_Page .vh-triad-grid{
transform: translateY(30px) !important;
height: auto !important;
min-height: 380px !important;
max-height: 420px !important;
align-items: flex-start !important;
margin-bottom: 8px !important;
}
body.page-Main_Page #vani-home .vh-timeline-section,
body.page-Main_Page .vh-timeline-section{
transform: translateY(30px) !important;
position: relative !important;
margin-top: 16px !important;
margin-bottom: 10px !important;
height: 125px !important;
min-height: 125px !important;
max-height: 125px !important;
flex: 0 0 125px !important;
}
body.page-Main_Page #vani-home .vh-triad-column-left,
body.page-Main_Page .vh-triad-column-left,
body.page-Main_Page #vani-home .vh-triad-column-right,
body.page-Main_Page .vh-triad-column-right,
body.page-Main_Page #vani-home .vh-triad-column-stacked,
body.page-Main_Page .vh-triad-column-stacked{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: stretch !important;
gap: 14px !important;
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;
min-height: 0 !important;
max-height: 420px !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-triad-column-stacked .vh-card,
body.page-Main_Page .vh-triad-column-stacked .vh-card,
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card,
body.page-Main_Page .vh-triad-column-left .vh-card,
body.page-Main_Page #vani-home .vh-triad-column-right .vh-card,
body.page-Main_Page .vh-triad-column-right .vh-card,
body.page-Main_Page #vani-home .vh-card-article,
body.page-Main_Page #vani-home .vh-card-questions,
body.page-Main_Page #vani-home .vh-card-memories,
body.page-Main_Page #vani-home .vh-card-media-item{
flex: 0 0 auto !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
flex-basis: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 4px 10px !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
height: 135px !important;
min-height: 135px !important;
max-height: 135px !important;
}
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title,
body.page-Main_Page .vh-card-memories .vh-card-title{
margin: 0 0 2px 0 !important;
text-align: center !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title a,
body.page-Main_Page .vh-card-memories .vh-card-title a{
display: inline-block !important;
line-height: 1.05 !important;
text-align: center !important;
padding-bottom: 5px !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-title-line,
body.page-Main_Page .vh-card-memories .vh-title-line{
display: block !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.05 !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle,
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle{
margin-top: 2px !important;
margin-bottom: 2px !important;
text-align: center !important;
display: block !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle a,
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle a,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 16.5px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: #7b5310 !important;
-webkit-text-fill-color: #7b5310 !important;
text-shadow: none !important;
text-decoration: none !important;
cursor: pointer !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle a:hover,
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle a:hover,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle a:hover{
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: underline !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-text,
body.page-Main_Page .vh-card-memories .vh-card-text{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 13px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
margin-top: 2px !important;
margin-bottom: 0 !important;
text-align: center !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title,
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title a,
body.page-Main_Page .vh-card-memories .vh-card-title,
body.page-Main_Page .vh-card-memories .vh-card-title a{
opacity: 1 !important;
transform: none !important;
transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.25, 1),
color 0.2s ease,
-webkit-text-fill-color 0.2s ease !important;
margin: 0 0 2px 0 !important;
text-align: center !important;
padding: 0 0 5px 0 !important;
display: inline-block !important;
line-height: 1.05 !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title a:hover,
body.page-Main_Page .vh-card-memories .vh-card-title a:hover{
transform: translateY(-3px) !important;
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: none !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-title-line,
body.page-Main_Page .vh-card-memories .vh-title-line{
display: block !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.05 !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle{
margin-top: 2px !important;
margin-bottom: 2px !important;
text-align: center !important;
display: block !important;
transition: opacity 0.45s ease, transform 0.45s ease !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle.is-changing,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle.is-changing{
opacity: 0 !important;
transform: translateY(3px) !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle a,
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle a,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 16.5px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: #7b5310 !important;
-webkit-text-fill-color: #7b5310 !important;
text-shadow: none !important;
text-decoration: none !important;
cursor: pointer !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle a:hover,
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle a:hover,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle a:hover{
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: underline !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-text,
body.page-Main_Page .vh-card-memories .vh-card-text{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 13px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
margin-top: 2px !important;
margin-bottom: 0 !important;
text-align: center !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-card-content,
body.page-Main_Page .vh-card-media-item .vh-media-card-content{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
width: 100% !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: 135px !important;
margin: 0 auto 6px auto !important;
padding: 0 !important;
border-radius: 6px !important;
overflow: hidden !important;
background: transparent !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(177, 135, 61, 0.45) !important;
line-height: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb a,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb a{
display: inline-block !important;
width: auto !important;
height: auto !important;
line-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb img,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb img{
display: block !important;
width: auto !important;
max-width: 100% !important;
height: 130px !important;
max-height: 130px !important;
object-fit: contain !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
transition: transform 0.35s ease !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb:hover img,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb:hover img{
transform: scale(1.03) !important;
}
@media screen and (min-width: 901px){body.page-Main_Page #vani-home .vh-taxonomy-grid,
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: 1fr 1fr 1fr 1.35fr !important;
gap: 16px !important;
width: 100% !important;
max-width: 1220px !important;
margin: 0 auto !important;
height: auto !important;
min-height: 90px !important;
max-height: 130px !important;
}
body.page-Main_Page #vani-home .vh-card-tax,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page #vani-home .vh-card-languages,
body.page-Main_Page .vh-card-languages{
padding: 3px 8px 5px 8px !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title a,
body.page-Main_Page .vh-card-tax .vh-card-title,
body.page-Main_Page .vh-card-tax .vh-card-title a,
body.page-Main_Page #vani-home .vh-card-languages .vh-card-title,
body.page-Main_Page #vani-home .vh-card-languages .vh-card-title a,
body.page-Main_Page .vh-card-languages .vh-card-title,
body.page-Main_Page .vh-card-languages .vh-card-title a{
font-size: 20px !important;
line-height: 1.15 !important;
margin-bottom: 3px !important;
}
}
body.page-Main_Page #vani-home .vh-card-languages .vh-languages-list,
body.page-Main_Page .vh-card-languages .vh-languages-list{
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
gap: 3px !important;
padding: 2px 0 0 0 !important;
margin: 0 !important;
width: 100% !important;
}
body.page-Main_Page #vani-home .vh-card-languages .vh-lang-row,
body.page-Main_Page .vh-card-languages .vh-lang-row{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
white-space: nowrap !important;
}
body.page-Main_Page #vani-home .vh-card-languages .vh-lang-item,
body.page-Main_Page .vh-card-languages .vh-lang-item{
display: inline-flex !important;
align-items: center !important;
white-space: nowrap !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 11px !important;
line-height: 1.25 !important;
}
body.page-Main_Page #vani-home .vh-card-languages .vh-lang-item a,
body.page-Main_Page .vh-card-languages .vh-lang-item a{
color: #2c3e42 !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
transition: color 0.15s ease !important;
}
body.page-Main_Page #vani-home .vh-card-languages .vh-lang-item a:hover,
body.page-Main_Page .vh-card-languages .vh-lang-item a:hover{
color: #966817 !important;
text-decoration: underline !important;
}
body.page-Main_Page .vh-flag{
display: inline-block !important;
width: 15px !important;
height: 10px !important;
margin-right: 4px !important;
vertical-align: -1px !important;
border-radius: 1.5px !important;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.45) !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
flex-shrink: 0 !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;
}
#vanipedia-back-to-top{
position: fixed !important;
bottom: 54px !important;
right: 24px !important;
width: 44px !important;
height: 44px !important;
z-index: 100000 !important;
}
@media screen and (max-width: 768px){#vanipedia-back-to-top{
bottom: 54px !important;
right: 16px !important;
width: 40px !important;
height: 40px !important;
z-index: 100000 !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: #345B63 !important;
background-color: #345B63 !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.page-Main_Page .vh-flag{
display: inline-block !important;
width: 15px !important;
height: 10px !important;
margin-right: 5px !important;
vertical-align: -1px !important;
border-radius: 1.5px !important;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.45) !important;
flex-shrink: 0 !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-flag svg{
width: 100% !important;
height: 100% !important;
display: block !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: #345B63 !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: "Vanisource" !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: #345B63 !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"],
body.page-Main_Page #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;
}
}
body.page-Main_Page #vani-mobile-stage #vani-rotated-box #vani-stage-content-slot #vani-home,
body.page-Main_Page #vani-stage-content-slot #vani-home{
width: 1200px !important;
min-width: 1200px !important;
max-width: 1200px !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 8px !important;
padding: 4px 16px 12px 16px !important;
margin: 0 !important;
background-color: #f6f2e9 !important;
overflow: visible !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-triad-grid,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: flex-start !important;
width: 100% !important;
gap: 16px !important;
flex-wrap: nowrap !important;
height: auto !important;
min-height: 250px !important;
max-height: 270px !important;
transform: none !important;
margin: 0 0 6px 0 !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-photo-stage,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-photo-stage,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-sanctuary-portrait-box .vh-photo-stage{
width: 200px !important;
height: 200px !important;
min-width: 200px !important;
min-height: 200px !important;
max-width: 200px !important;
max-height: 200px !important;
margin: 0 auto !important;
border-radius: 50% !important;
border: 4px solid #233e44 !important;
border-top: 4px solid #4a757e !important;
border-bottom: 5px solid #112023 !important;
box-shadow: 0 8px 24px rgba(18, 63, 56, 0.35), 0 2px 6px rgba(0, 0, 0, 0.22) !important;
overflow: hidden !important;
position: relative !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-sanctuary-card,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
text-align: center !important;
margin: 0 !important;
height: auto !important;
min-height: auto !important;
max-height: 270px !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-text.vh-sanctuary-text,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-text.vh-sanctuary-text{
margin-top: 8px !important;
margin-bottom: 0 !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-triad-column-left,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-triad-column-left,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-article,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-article{
flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
height: auto !important;
min-height: auto !important;
max-height: 270px !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-memories,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-media-item{
flex: 0 0 auto !important;
height: auto !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-media-item .vh-media-large-thumb{
height: 110px !important;
min-height: 110px !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-timeline-section,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-timeline-section{
transform: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 4px 0 !important;
height: 80px !important;
min-height: 80px !important;
max-height: 80px !important;
flex: 0 0 80px !important;
position: relative !important;
left: auto !important;
right: auto !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-timeline-track,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-timeline-track{
height: 80px !important;
min-height: 80px !important;
max-height: 80px !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-timeline-item,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-timeline-item{
height: 80px !important;
min-height: 80px !important;
max-height: 80px !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-taxonomy-section,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-taxonomy-section{
transform: none !important;
width: 100% !important;
margin: 4px 0 !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
flex: 0 0 auto !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-taxonomy-grid,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 12px !important;
width: 100% !important;
height: auto !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-tax,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-tax,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-languages,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-languages{
height: auto !important;
min-height: 95px !important;
max-height: 110px !important;
padding: 6px 10px !important;
}
#vani-stage-header-slot .vanipedia-stage-title-link,
#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 palette from entry-page sign: approximate muted green, gold trim. */
:root { --vs-petal: #526B50; --vs-petal-dark: #344B37; --vs-gold: #b1873d; }
header.vector-header, header.mw-header, #mw-head, #vector-sticky-header,
#vani-stage-header-slot, #vani-stage-footer-slot, #vh-bottom-bar,
.minerva-header { background-color: #526B50 !important; }
body.page-Main_Page { overflow-y: auto !important; }
body.page-Main_Page #vani-home { padding-bottom: 70px !important; }
body.page-Main_Page #vani-home .vs-link-list { display:flex; flex-direction:column; gap:7px; margin:8px 0; }
body.page-Main_Page #vani-home .vs-link-list a { font-size:14px !important; line-height:1.3 !important; }
body.page-Main_Page #vani-home .vs-source-meta { font-size:11px !important; line-height:1.35 !important; margin:6px 0 !important; }
body.page-Main_Page #vani-home .vs-source-quote { font-size:12px !important; line-height:1.4 !important; margin:6px 0 !important; }
body.page-Main_Page #vani-home .vs-archive-strip { transform:none !important; position:relative !important; left:auto !important; width:100% !important; height:auto !important; min-height:76px !important; max-height:none !important; margin:18px auto !important; border-top:1px solid #b1873d; border-bottom:1px solid #b1873d; padding:8px 0 !important; box-sizing:border-box; }
body.page-Main_Page #vani-home .vs-browse-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; width:100%; }
body.page-Main_Page #vani-home .vs-browse-group { text-align:center; }
body.page-Main_Page #vani-home .vs-browse-group strong { display:block; font-family:'DM Serif Display',Georgia,serif; font-size:19px; color:#344B37; margin-bottom:3px; }
body.page-Main_Page #vani-home .vs-browse-group a { font-family:'Noto Serif',Georgia,serif; font-size:11px; }
body.page-Main_Page #vani-home .vh-taxonomy-grid { grid-template-columns:repeat(4,1fr) !important; }
body.page-Main_Page #vani-home .vh-card-tax { min-height:104px !important; max-height:none !important; }
body.page-Main_Page #vani-home .vh-card-tax .vh-card-text { font-size:12px !important; line-height:1.45 !important; }
body.page-Main_Page #vani-home .vh-card-media-item .vh-card-text { text-align:center; }
.vh-bottom-petal-links { display:flex; justify-content:center; align-items:center; gap:10px; white-space:nowrap; }
.vh-bottom-petal-links a { font-family:'Noto Serif',Georgia,serif; color:#f5d77f; font-size:11px; text-decoration:none; }
body.page-Books_and_Editions .vs-edition-card { background:#fffaf0; border:1px solid #b1873d; border-radius:8px; padding:18px; margin:18px 0; }
body.page-Books_and_Editions .vs-edition-card h2 { color:#344B37; }
a[title]:hover::after { content:none !important; }
#vani-stage-content-slot #vani-home { padding-bottom:0 !important; }
#vani-stage-content-slot #vani-home .vs-archive-strip { margin:5px 0 !important; min-height:76px !important; height:auto !important; max-height:none !important; flex:0 0 auto !important; }
@media (prefers-reduced-motion:reduce) { .vh-photo { transition:none !important; } }
/* High-specificity shell overrides: match V173's final rules. */
body .vector-header-container header.vector-header, body header.mw-header,
body #mw-head, body #vector-sticky-header, body .minerva-header,
body #vani-stage-header-slot, body #vani-stage-footer-slot,
body #vh-bottom-bar.vh-bottom-bar, body #vani-stage-footer-slot #vh-bottom-bar { background:#526B50 !important; background-color:#526B50 !important; }
body #vani-stage-footer-slot .vh-bottom-bar-left-space { display:flex !important; flex:0 0 auto !important; }
body #vani-stage-footer-slot .vh-bottom-petal-links a { font-size:10px !important; }
body #vani-stage-footer-slot .vh-bottom-bar-inner { gap:10px !important; padding:0 8px !important; justify-content:center !important; overflow-x:auto !important; }
/* Avoid inherited fixed heights cutting off the archive navigation cards. */
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card,
body.page-Main_Page #vani-home .vh-triad-column-right .vh-card { overflow:visible !important; }
body.page-Main_Page #vani-home .vh-card-article { min-height:160px !important; }
body.page-Main_Page #vani-home .vh-card-questions { min-height:125px !important; }
body.page-Main_Page #vani-home .vh-card-media-item { min-height:165px !important; }
body.page-Main_Page #vani-home .vh-card-memories { min-height:120px !important; }
body.page-Main_Page #vani-home .vh-sanctuary-title { font-size:24px !important; }
body.page-Main_Page #vani-home .vh-taxonomy-section { transform:none !important; margin:12px auto !important; }
#vani-stage-content-slot #vani-home .vh-triad-grid { min-height:300px !important; }

Revision as of 10:31, 11 October 2026

/* 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; }

/* ==========================================================================
   4. VECTOR 2022 STRUCTURAL OVERRIDES (BRAND COLORS MATCHED)
   ========================================================================== */
:root, .skin-vector-2022, html {
    --background-color-base: #faf2af !important;
    --background-color-page: #faf2af !important;
    --background-color-quiet: #faf2af !important;
    --border-color-base: transparent !important; 
}

body, #content, .mw-body, #mw-page-base, #mw-head-base {
    background: #faf2af !important; 
    background-image: none !important; 
    font-family: tahoma;
}

.mw-page-container, .mw-page-container-inner, .mw-content-container, .mw-header,
.vector-header-container, .vector-sticky-header, .vector-column-start, .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: #faf2af !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

#headertabs { background: inherit; }
#headertabs ul li.ui-state-active { background: #fef8cb; }

div.thumb { border: none; }
div.tright { border: none; margin: 0.5em 0 0.8em 1.4em; }
div.tleft { border: none; margin: 0.5em 1.4em 0.8em 0; }
#lastmod { display:none!important; }
li#ca-unify { margin-left:1.6em; }
#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; }

/* ==========================================================================
   5. STICKY HEADER & FLOATING MENU (CUSTOM)
   ========================================================================== */
#vector-main-menu-pinned-container, .vector-main-menu-pinned-container, .vector-pinnable-header,
.vector-main-menu-action, .vector-pinnable-header-toggle-button, .vector-pinnable-header-pin-button,
.vector-pinnable-header-unpin-button, [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: #e6dfa1 !important; border-bottom: 2px solid #296F39 !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;
}

.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; 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: flex-start !important; text-align: left !important;
    flex: 0 0 auto !important; flex-grow: 0 !important; width: auto !important; max-width: none !important;
    margin-left: 20px !important; margin-right: auto !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: flex-start !important; text-align: left !important;
    font-size: 1.35rem !important; font-weight: 700 !important; color: #000000 !important; margin: 0 !important; padding: 0 !important;
    white-space: nowrap !important; overflow: visible !important; text-overflow: clip !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, #faf2af) !important;
}
#vector-main-menu.vanipedia-sidebar-menu.vanipedia-collapsed { display: none !important; }

/* ==========================================================================
   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;
}

/* VANISOURCE V2 — scoped Vanipedia V173 blueprint */
body.page-Main_Page .cw_0{
display: none;
}
body.page-Main_Page .cw_50{
width: 50px;
}
body.page-Main_Page .cw_150{
width: 150px;
}
body.page-Main_Page .cw_500{
width: 500px;
}
body.page-Main_Page .tabs-input{
display: none !important;
}
body.page-Main_Page .noautonum .tocnumber{
display: none;
}
body.page-Main_Page .daytable{                    /* Usage: {| class="daytable" */
text-align: left;
}
body.page-Main_Page .vanitable{                      /* Usage: {| class="vanitable" */
border: 0.1em solid #BFBFBF;  /* #BFBFBF=light grey border */
border-collapse: collapse;
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 */
}
body.page-Main_Page .timelineh2{                          /* (Used on the timeline pages) Usage: <div class="timelineh2" */
text-align: center;
border: 1px solid #ddcef2;
background: #F2F2F2;                /* was #faf5ff; */
padding: 0.2em 0.4em;
margin: auto;
overflow: hidden;
}
body.page-Main_Page .timelineh3{                           /* Usage: <div class="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;
}
body.page-Main_Page .timelinesummary{                      /* Usage: <div class="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;
}
body.page-Main_Page .timelinelinks{                      /* Usage: <div class="timelinelinks"> for Timelinenav template */
text-align: center;
font-size: 132%;
font-weight: bold;
}
body.page-Main_Page .timelinelinks a{                    /* Usage: for Timelinenav template, link text color */
color: #B5BD64;                   /* #B5BD64 (light mustard) */
}
body.page-Main_Page .greentext{                          /* Usage: <span class="greentext">vaniquotes.org</span> */
color: #296F39;                   /* #296F39=green */
}
body.page-Main_Page .quotelink{                          /* Usage: <span class="quotelink">vaniquotes.org</span> for quote boxes */
font-size: 1em;
font-weight: bold;
color: #296F39;                   /* #296F39=green */
}
body.page-Main_Page .nectardroptext{                     /* Usage: <span class="nectardroptext">"Text"</span> for Nectar Drop boxes */
font-size: 1em;
font-weight: bold;
color: #296F39;                   /* #296F39=green */
}
body.page-Main_Page .firstchar{                          /* Usage: <span class="firstchar">A</span> */
float: left;
width: 0.7em;
font-size: 375%;
font-family: algerian, courier;
line-height: 80%;
}
body.page-Main_Page .daystext{                            /* Usage: <span class="daystext">Text Here</span> */
color: #296F39;                    /* #296F39 = Green used for Video info on the Day in the life pages */
}
body.page-Main_Page .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;
}
body.page-Main_Page .MITL_page_nav{                       /* Usage: <div class="MITL_page_nav" */
text-align: left;
border: 1px solid #BFBFBF;
background: #FFF2E6;
padding: 0.2em 0.4em;
margin: auto
}
body.page-Main_Page .daysnav,
body.page-Main_Page .monthsnav{                  /* For D/MITL desktop & mobile */
display: flex;
flex-wrap: wrap;
justify-content: center;
}
body.page-Main_Page .daysnav .month{
margin: 25px 2%;
}
body.page-Main_Page .monthsnav .year{
margin: 25px 5%;
}
body.page-Main_Page .devanagari{                    /* Usage: <div class="devanagari"> */
color: #000000;              /* Font color #0000 = black */
font-weight: bold;
}
@font-face{
font-family: interDiac;
src: url(/css/GauraTimes.ttf);      /* Vedabase font */
}
body.page-Main_Page .verse{                                /* Usage: <div class="verse"> */
color: #000000;                     /* Font color #0000 = black */
font-style: italic;
}
body.page-Main_Page .verse.inter_diac{                     /* Usage: <div class="verse inter_diac"> */
font-family: interDiac;             /* International diacritics */
}
body.page-Main_Page .synonyms{                             /* Usage: <div class="synonyms"> */
color: #000000;
}
body.page-Main_Page .synonyms.inter_diac{                  /* Usage: <div class="synonyms inter_diac"> */
font-family: interDiac;             /* International diacritics */
}
body.page-Main_Page .translation{                          /* Usage: <div class="translation"> */
color: #000000;                     /* #296F39 = green */
font-weight: bold;
}
body.page-Main_Page .translation.inter_diac{               /* Usage: <div class="translation inter_diac"> */
font-family: interDiac;             /* International diacritics */
font-size: 1.1em;
}
body.page-Main_Page .purport{                              /* Usage: <div class="purport"> */
color: #000000;
}
body.page-Main_Page .purport.inter_diac{                   /* Usage: <div class="purport inter_diac"> */
font-family: interDiac;             /* International diacritics */
font-size: 1.1em;
}
body.page-Main_Page \*:not(a).text{                                 /* Usage: <div class="text"> */
color: #000000;                     /* Font color #0000 = black */
}
body.page-Main_Page .text.inter_diac{                      /* Usage: <div class="text inter_diac"> */
font-family: interDiac;             /* International diacritics */
font-size: 1.1em;
}
body.page-Main_Page .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 */
}
body.page-Main_Page #verse{
white-space: pre;
}
body.page-Main_Page #text{                          /* Used for verses and was: font-style: italic; */
}
body.page-Main_Page #synonyms{                      /* Usage: <div id="synonyms"> */
}
body.page-Main_Page #translation{                   /* Usage: <div id="translation"> */
color: #000000;
font-weight: bold;
}
body.page-Main_Page #purport{                       /* Usage: <div id="purport"> */
}
body.page-Main_Page .quote{
margin: 1.5em 0em;             /* Places 20px space between quotes on multi-quote pages */
font-family: tahoma;
}
body.page-Main_Page .quote_heading{
font-weight: bold;
color: #296F39;
}
body.page-Main_Page .quote_translation{
font-weight: bold;
color: #000000;
}
body.page-Main_Page .quote_link{                      /* Vanisource link */
font-weight: bold;
}
body.page-Main_Page .quote_text{
color: #000000;
}
body.page-Main_Page .quote_verse{                     /* To center use: text-align: center; */
color: #000000;
}
body.page-Main_Page .quote_text a{                    /* Makes the Vanisource verse links bold */
font-weight: bold;
}
body.page-Main_Page .MainHeader h4{
margin:0!important;
padding:0.2em 0.4em;
}
body.page-Main_Page #mainbanner{
display: none !important;
}
body.page-Main_Page #mainlinks{
text-align:center;
font-weight:bold;
font-size: 110%;
margin-bottom:0.5em
}
body.page-Main_Page #mainlinks a{
color:#B5BD64
}
body.page-Main_Page #mainmantra{
text-align:center;
margin-top:1.5em;
color:#B5BD64;
}
body.page-Main_Page .maincenter{
text-align:center;
max-width:65em;
margin:0px auto;
padding-bottom:1em;
}
body.page-Main_Page #t-cite,
body.page-Main_Page #lastmod,
body.page-Main_Page #siteSub{
display: none;
}
body.page-Main_Page,
body.page-Main_Page .skin-vector-2022,
body.page-Main_Page{
--background-color-base: #D4ECDD !important;
--background-color-page: #D4ECDD !important;
--background-color-quiet: #D4ECDD !important;
--border-color-base: transparent !important;
}
body.page-Main_Page,
body.page-Main_Page #content,
body.page-Main_Page .mw-body,
body.page-Main_Page #mw-page-base,
#mw-head-base{
background: #D4ECDD !important;
background-image: none !important;
font-family: tahoma;
}
body.page-Main_Page #headertabs{
background: inherit;
}
body.page-Main_Page #headertabs ul li.ui-state-active{
background: #D4ECDD;
}
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 .vector-column-start,
body.page-Main_Page .vector-column-end,
body.page-Main_Page .vector-sidebar-container,
body.page-Main_Page .vector-pinnable-element,
body.page-Main_Page .vector-toc,
body.page-Main_Page #vector-toc,
body.page-Main_Page .vector-toc-pinned-container,
body.page-Main_Page .vector-toc-contents,
body.page-Main_Page .vector-dropdown-content,
body.page-Main_Page .vector-menu-content,
body.page-Main_Page .cdx-menu,
body.page-Main_Page .cdx-menu__list{
background-color: #D4ECDD !important;
background-image: none !important;
box-shadow: none !important;
border: none !important;
}
body.page-Main_Page div.thumb{          /* Remove white border from thumbnails */
border: none;
}
body.page-Main_Page div.tright{
border: none;
margin: 0.5em 0 0.8em 1.4em;
}
body.page-Main_Page div.tleft{
border: none;
margin: 0.5em 1.4em 0.8em 0;
}
body.page-Main_Page #lastmod{
display:none
}
li#ca-unify{
margin-left:1.6em;
}
body.page-Main_Page #google-search input{
font-size:95%;
width:10.9em;
}
body.page-Main_Page #searchform{
padding-bottom:0.5em
}
body.page-Main_Page #p-logo a,
body.page-Main_Page #p-logo a:hover{
height:190px;
}
body.page-Main_Page #column-one{
padding-top:190px;
}
body.page-Main_Page #p-navigation{
padding-top:30px;
}
body.page-Main_Page .ac_results{
padding: 0px;
border: 1px solid black;
background-color: Window;
overflow: hidden;
z-index: 99999;
}
body.page-Main_Page .ac_results ul{
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
body.page-Main_Page .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;
}
body.page-Main_Page .ac_loading{
background: Window url('indicator.gif') right center no-repeat;
}
body.page-Main_Page .ac_odd{
background-color: #eee;
}
body.page-Main_Page .ac_over{
background-color: aquamarine;
color: HighlightText;
}
body.page-Main_Page .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;
}
body.page-Main_Page_test h1{
background:#f0f0f0;            /* was background:#faf5ff; */
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
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;
}
body.page-Main_Page #mainh2links a{
color:#B5BD64
}
body.page-Main_Page #iframeframe{
height: 800px;
}
body.page-Main_Page a[href\*='MainPage']::after{
content: 'a';
font-size: 50px;
visibility: hidden;
}
body.page-Main_Page img[src\*='MainPage']{
transform: scale(1.225) translateX(9%);
}
@media screen and (max-width: 768px){body.page-Main_Page .MainPageBG{
display: inline-table;
}
body.page-Main_Page #mp-upper > tbody > tr{
display: table-cell;
}
body.page-Main_Page #mp-upper > tbody > tr > td:nth-child(2){
display: none;
}
body.page-Main_Page .theme-analysis-grid{
grid-template-columns: 1fr;
gap: 20px;
}
body.page-Main_Page .timelinesummary{
min-width: unset;
width: 100%;
box-sizing: border-box;
margin: 1em auto;
}
body.page-Main_Page .youtube_right .thumbcaption,
body.page-Main_Page .youtube_left .thumbcaption{
width: auto;
max-width: 100%;
}
body.page-Main_Page .vanitable{
display: block;
overflow-x: auto;
width: 100%;
}
}
@media screen and (max-width: 400px){body.page-Main_Page #mp-upper div[style\*="40em"]{
width: 78vw !important;
}
body.page-Main_Page #mp-upper > tbody > tr > td:nth-child(1){
border-bottom: none !important;
}
body.page-Main_Page .youtube_right .thumbcaption,
body.page-Main_Page .youtube_left .thumbcaption{
width: 69vw !important;
}
body.page-Main_Page #mp-upper .embedvideowrap{
width: 69vw !important;
}
body.page-Main_Page #mp-upper .embedvideo{
padding: 0px !important;
}
body.page-Main_Page #mp-upper div[style\*="24em"]{
width: unset !important;
}
body.page-Main_Page #mp-upper .embedvideo iframe{
width: 67vw;
}
body.page-Main_Page #mp-upper div[style\*="32em"]{ /* right-to-left languages */
min-width: 80vw !important;
}
}
@media screen and (max-width: 320px){body.page-Main_Page #mp-upper .embedvideo iframe{
width: 70vw;
}
body.page-Main_Page .youtube_right .thumbcaption,
body.page-Main_Page .youtube_left .thumbcaption{
width: 69vw;
}
body.page-Main_Page #mp-upper .embedvideo{
width: 71vw !important;
}
body.page-Main_Page #mp-upper .embedvideowrap{
width: 67vw !important;
}
body.page-Main_Page .NectarDropBox{
min-width: 17.5em !important;
}
body.page-Main_Page #mp-right > tbody > tr:nth-child(4) > td{
padding: 0 0 0 .5em !important;
}
body.page-Main_Page #mp-right > tbody > tr:nth-child(6) > td{
padding: 0 0 0 .4em !important;
}
body.page-Main_Page #mp-upper div[style\*="32em"]{ /* right-to-left languages */
min-width: 86vw !important;
}
}
body.page-Main_Page div.center{
text-align: center;
}
@media only screen and (max-width: 640px){body.page-Main_Page div.NectarDropBox{
max-width: 30%;
}
}
body.page-Main_Page .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){body.page-Main_Page .vaniquotebox{
max-width:80%;
}
}
body.page-Main_Page .vaniquotebox > table{
text-align:left;
font-size:1em;
color:#000000;
min-height: 11.5em;
margin: 0;
}
body.page-Main_Page .vaniquotebox td{
padding: 8px;
}
body.page-Main_Page .youtube_right .embedvideo{
padding: 10px;
}
body.page-Main_Page .youtube_right .thumbcaption,
body.page-Main_Page .youtube_left .thumbcaption{
width: 330px;
}
body.page-Main_Page .youtube_left .embedvideo{
padding: 10px;
}
body.page-Main_Page .rtltoc ul{
text-align: right !important;
direction: rtl;
}
body.page-Main_Page .rtltoc .tocnumber{
padding-left: 0.5em;
padding-right: 0;
}
body.page-Main_Page .rtltoc .toctitle{
direction: rtl;
}
body.page-Main_Page .rtltoc.ar .toctitle::before{
content: "محتويات";
}
body.page-Main_Page .rtltoc.he .toctitle::before{
content: "תוכן עניינים";
}
body.page-Main_Page .rtltoc.he,
body.page-Main_Page .rtltoc.ar{
font-weight: bold;
font-weight: sans-serif;
}
body.page-Main_Page .rtltoc.he h2,
body.page-Main_Page .rtltoc.ar h2{
display: none !important;
}
body.page-Main_Page 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;
}
body.page-Main_Page .theme-analysis-grid{
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px;
margin: 2em 0;
}
body.page-Main_Page .theme-column{
background: rgba(255, 255, 255, 0.2);
padding: 15px;
border: 1px solid #B5BD64;
border-radius: 8px;
}
body.page-Main_Page .theme-column ul{
list-style-type: none;
padding: 0;
margin: 0;
}
body.page-Main_Page .theme-column li{
margin-bottom: 10px;
font-weight: bold;
}
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-toc,
body.page-Main_Page .vector-pinnable-element,
body.page-Main_Page .mw-body,
body.page-Main_Page .mw-page-container-inner,
body.page-Main_Page .vector-sidebar-container{
border: none !important;
background-color: #D4ECDD !important;
}
body.page-Main_Page,
body.page-Main_Page .skin-vector-2022,
body.page-Main_Page{
--background-color-base: #D4ECDD !important;
--background-color-page: #D4ECDD !important;
--background-color-quiet: #D4ECDD !important;
--border-color-base: transparent !important; /* Neutralizes structural borders */
}
body.page-Main_Page .vector-sidebar-container,
body.page-Main_Page .vector-column-start,
body.page-Main_Page .vector-column-end,
body.page-Main_Page .vector-toc-pinned-container,
body.page-Main_Page .vector-pinnable-element,
body.page-Main_Page .mw-page-container,
body.page-Main_Page .mw-page-container-inner{
background-color: #D4ECDD !important;
background-image: none !important;
border: none !important;
}
body.page-Main_Page .ww-card{
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
body.page-Main_Page .ww-card:hover{
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(0,0,0,0.2) !important;
}
body.page-Main_Page .ww-image-layer{
transition: transform 0.5s ease;
}
body.page-Main_Page .ww-card:hover .ww-image-layer{
transform: scale(1.05);
}
body.page-Main_Page .ww-text-arrow{
display: inline-block;
transition: transform 0.3s ease;
}
body.page-Main_Page .ww-card:hover .ww-text-arrow{
transform: translateX(4px);
}
body.page-Main_Page .book-accordion-report{
background: #FDF2D5;
border: 1px solid #d0d7de;
border-radius: 6px;
margin-bottom: 12px;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
overflow: hidden;
}
body.page-Main_Page .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;
}
body.page-Main_Page .book-accordion-header{
background-color: #91cfa9;
color: #1f4033;
padding: 16px 20px 16px 60px; /* Top: 16px, Right: 20px, Bottom: 16px, Left: 60px */
font-size: 18px;
font-weight: bold;
border-bottom: 3px solid #2a4452;
cursor: pointer;
transition: background-color 0.2s ease;
user-select: none;
}
body.page-Main_Page .book-accordion-header:hover{
background-color: #7fbd97; /* Lightens the bar slightly on hover */
}
body.page-Main_Page .extra-button{
background-color: #5B3E34;
}
body.page-Main_Page .extra-button:hover{
background-color: #907359;
}
body.page-Main_Page .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;
}
body.page-Main_Page .book-accordion .mw-collapsible-toggle a{
color: #1f4033 !important;
text-decoration: none;
}
body.page-Main_Page .book-accordion .mw-collapsible-toggle a:hover{
text-decoration: underline;
}
body.page-Main_Page .book-accordion-content{
padding: 24px;
}
body.page-Main_Page .book-grid-list{
column-width: 280px;
column-gap: 20px;
list-style-type: none;
margin: 0;
padding: 0;
}
body.page-Main_Page .book-grid-list.single-column{
column-width: auto;
column-count: 1;
column-gap: 0;
}
body.page-Main_Page .book-grid-list li{
margin-bottom: 12px;
break-inside: avoid;
}
body.page-Main_Page .mw-parser-output .book-grid-list li a,
body.page-Main_Page .mw-parser-output .book-grid-list li a.external{
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;
}
body.page-Main_Page .mw-parser-output .book-grid-list li a:hover,
body.page-Main_Page .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);
}
body.page-Main_Page .book-grid-list li a:hover{
background-color: #f4f8fc;
border-color: #1a5e9a;
transform: translateY(-2px); /* Lifts the card up slightly */
box-shadow: 0 4px 10px rgba(26,94,154,0.12); /* Subtle blue glow */
}
body.page-Main_Page .vision-btn.btn-framed{
position: relative !important; /* Required to anchor the frame */
margin: 12px !important; /* Ensures there is room for the frame to render */
}
body.page-Main_Page .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 */
}
body.page-Main_Page .vision-btn.btn-framed:hover::after{
border-color: #466e84 !important;
}
@media screen and (max-width: 720px){body.page-Main_Page .book-grid-list{
/* Forces the grid to stack into a single vertical column on small screens */
grid-template-columns: 1fr;
display: block;
}
body.page-Main_Page .book-accordion-content{
padding: 10px;
}
}
@media screen and (max-width: 768px){body.page-Main_Page .mw-parser-output img{
max-width: 100%;
height: auto !important;
}
}
body.page-Main_Page .mw-parser-output a.external:has(img){
background-image: none !important;
padding-right: 0 !important;
}
body.page-Main_Page .compilation-wrapper{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
gap: 30px;
margin: 20px auto;
max-width: 1000px;
}
body.page-Main_Page .compilation-image{
flex: 1 1 300px;
text-align: center;
max-width: 450px;
}
body.page-Main_Page .compilation-button-grid{
flex: 1 1 400px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 15px;
}
body.page-Main_Page .compilation-btn{
background-color: #3a5c6e;
padding: 12px 24px;
font-size: 16px;
font-weight: bold;
border-bottom: 3px solid #2a4452;
border-radius: 4px;
text-align: center;
}
body.page-Main_Page .compilation-btn a{
color: #ffffff !important;
text-decoration: none;
display: block;
}
body.page-Main_Page .compilation-btn-full{
grid-column: 1 / -1;
}
body.page-Main_Page .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;
}
@media screen and (max-width: 900px){body.page-Main_Page .theme-analysis-grid{
grid-template-columns: repeat(2, 1fr); /* 2 columns on medium screens */
}
}
@media screen and (max-width: 600px){body.page-Main_Page .theme-analysis-grid{
grid-template-columns: 1fr; /* 1 single column on mobile */
}
}
body.page-Main_Page .mw-parser-output div[style\*="#feffe1"]{
max-width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important; /* Force-stops ANY visual spilling */
}
body.page-Main_Page .mw-parser-output div[style\*="#feffe1"] div{
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page .mw-parser-output div[style\*="#feffe1"] img,
body.page-Main_Page .mw-parser-output div[style\*="#feffe1"] iframe,
body.page-Main_Page .mw-parser-output div[style\*="#feffe1"] .embedvideo,
body.page-Main_Page .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 */
}
body.page-Main_Page .vision-layout-wrapper{
display: block;
width: 100%;
max-width: 950px;
margin: 10px auto 30px;
box-sizing: border-box;
}
body.page-Main_Page .vision-intro{
max-width: 850px;
margin: 0 auto 22px;
text-align: center;
color: #263b38;
font-size: 17px;
line-height: 1.6;
}
body.page-Main_Page .vision-core-title{
margin: 0 auto 14px;
text-align: center;
color: #3a5c6e;
font-size: 22px;
font-weight: 700;
line-height: 1.25;
}
body.page-Main_Page .vision-core-title span{
font-size: 18px;
font-weight: 500;
}
body.page-Main_Page .vision-core-image{
width: 100%;
margin: 0;
padding: 0;
line-height: 0;
cursor: pointer;
}
body.page-Main_Page .vision-core-image .mw-file-description,
body.page-Main_Page .vision-core-image .mw-file-element,
body.page-Main_Page .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;
}
body.page-Main_Page .vision-buttons-row{
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
width: 100%;
gap: 14px;
margin-top: 22px;
}
body.page-Main_Page .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.page-Main_Page .vision-btn:hover{
background-color: #466e84;
}
body.page-Main_Page .vision-btn a,
body.page-Main_Page .vision-btn a.external{
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 22px 14px !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: bold;
text-align: center;
text-decoration: none;
}
@media (max-width: 800px){body.page-Main_Page .vision-buttons-row{
flex-wrap: wrap;
}
body.page-Main_Page .vision-btn{
flex: 1 1 45%;
}
body.page-Main_Page .vision-intro{
font-size: 16px;
}
}
body.page-Main_Page .community-layout-wrapper{
max-width: 1100px;
margin: 35px auto 40px;
padding: 0 15px;
box-sizing: border-box;
}
body.page-Main_Page .community-platform-row{
display: flex;
justify-content: center;
align-items: center;
gap: 100px;
margin-bottom: 0px;
}
body.page-Main_Page .community-platform-item{
display: flex;
align-items: center;
justify-content: center;
}
body.page-Main_Page .community-platform-item img{
display: block;
max-width: 240px;
height: auto !important;
}
body.page-Main_Page .community-platform-item a{
display: inline-block;
transition: transform 0.2s ease;
}
body.page-Main_Page .community-platform-item a:hover{
transform: scale(1.05);
}
body.page-Main_Page .community-social-row{
display: flex;
justify-content: center;
align-items: center;
gap: 102px;
margin-bottom: 2px;
}
body.page-Main_Page .community-social-item{
display: flex;
align-items: center;
justify-content: center;
}
body.page-Main_Page .community-social-item img{
display: block;
max-width: 115px;
height: auto !important;
}
body.page-Main_Page .community-social-item a{
display: inline-block;
transition: transform 0.2s ease;
}
body.page-Main_Page .community-social-item a:hover{
transform: scale(1.08);
}
body.page-Main_Page .community-image-container{
width: 100%;
text-align: center;
margin-bottom: 28px;
}
body.page-Main_Page .community-image-container img{
display: block;
width: 100%;
max-width: 1000px;
height: auto !important;
margin: 0 auto;
}
body.page-Main_Page .community-button-row{
display: flex;
justify-content: center;
align-items: stretch;
gap: 30px;
margin: 0 auto 30px;
}
body.page-Main_Page .community-button-row .vision-btn{
width: 250px;
box-sizing: border-box;
}
@media screen and (max-width: 768px){body.page-Main_Page .community-layout-wrapper{
padding: 0 10px;
margin-top: 25px;
}
body.page-Main_Page .community-platform-row{
gap: 25px;
margin-bottom: 22px;
}
body.page-Main_Page .community-platform-item img{
max-width: 150px;
}
body.page-Main_Page .community-social-row{
gap: 18px;
margin-bottom: 25px;
}
body.page-Main_Page .community-social-item img{
max-width: 65px;
}
body.page-Main_Page .community-image-container{
margin-bottom: 22px;
}
body.page-Main_Page .community-button-row{
gap: 12px;
}
body.page-Main_Page .community-button-row .vision-btn{
width: calc(50% - 6px);
}
}
body.page-Main_Page #siteNotice,
body.page-Main_Page #localNotice,
body.page-Main_Page .mw-sitenotice,
body.page-Main_Page .sitenotice,
body.page-Main_Page .vector-sitenotice-container,
body.page-Main_Page #mainbanner,
body.page-Main_Page .anonnotice,
body.page-Main_Page .dismissable-notice,
body.page-Main_Page #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;
}
body.restricted-ui #ca-history,
body.restricted-ui #ca-talk,
body.restricted-ui #ca-viewsource{
display: none !important;
}
body.page-Main_Page html.skin-theme-clientpref-night{
--background-color-base: #121212 !important;
--background-color-page: #121212 !important;
--background-color-quiet: #1a1a1a !important;
--color-base: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night body,
body.page-Main_Page html.skin-theme-clientpref-night #content,
body.page-Main_Page html.skin-theme-clientpref-night .mw-body,
body.page-Main_Page html.skin-theme-clientpref-night #mw-page-base,
html.skin-theme-clientpref-night #mw-head-base{
background: #121212 !important;
color: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .mw-page-container,
body.page-Main_Page html.skin-theme-clientpref-night .mw-page-container-inner,
body.page-Main_Page 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,
body.page-Main_Page html.skin-theme-clientpref-night .vector-column-start,
body.page-Main_Page html.skin-theme-clientpref-night .vector-column-end,
body.page-Main_Page html.skin-theme-clientpref-night .vector-sidebar-container,
body.page-Main_Page html.skin-theme-clientpref-night .vector-pinnable-element,
body.page-Main_Page html.skin-theme-clientpref-night .vector-pinnable-header,
body.page-Main_Page html.skin-theme-clientpref-night .vector-pinned-container,
body.page-Main_Page html.skin-theme-clientpref-night .vector-toc,
body.page-Main_Page html.skin-theme-clientpref-night #vector-toc,
body.page-Main_Page html.skin-theme-clientpref-night .vector-toc-pinned-container,
body.page-Main_Page html.skin-theme-clientpref-night .vector-toc-contents,
body.page-Main_Page html.skin-theme-clientpref-night .vector-menu-content,
body.page-Main_Page html.skin-theme-clientpref-night .vector-appearance-pinned-container,
body.page-Main_Page html.skin-theme-clientpref-night .vector-page-toolbar-container,
body.page-Main_Page html.skin-theme-clientpref-night .vector-page-toolbar,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-menu,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-menu__list,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-menu-item,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-radio,
body.page-Main_Page 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;
}
body.page-Main_Page html.skin-theme-clientpref-night .theme-column{
background: rgba(0, 0, 0, 0.4) !important;
border: 1px solid #4a5568 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .book-accordion{
background: #1a1a1a !important;
border-color: #333 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .book-accordion-header{
background-color: #2d3748 !important;
border-bottom: 3px solid #1a202c !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .mw-parser-output .book-grid-list li a,
body.page-Main_Page 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;
}
body.page-Main_Page html.skin-theme-clientpref-night .mw-parser-output .book-grid-list li a:hover{
background-color: #4a5568 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .quote_text,
body.page-Main_Page html.skin-theme-clientpref-night \*:not(a).text{
color: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .cdx-text-input,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-search-input,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-search-input__input-wrapper,
body.page-Main_Page html.skin-theme-clientpref-night .vector-typeahead-search-container{
background-color: #1a1a1a !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .cdx-text-input__input{
background-color: transparent !important;
color: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .cdx-text-input__input::placeholder{
color: #a0aec0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .cdx-search-input__end-button{
background-color: #2d3748 !important;
border-color: #4a5568 !important;
color: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .cdx-typeahead-search__menu{
background-color: #121212 !important;
border: 1px solid #333 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .cdx-menu-item:hover,
body.page-Main_Page html.skin-theme-clientpref-night .cdx-menu-item--selected{
background-color: #2d3748 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .vanipedia-clock iframe{
filter: invert(0.92) hue-rotate(180deg) !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .mw-parser-output div[style\*="#ede9ce"],
body.page-Main_Page html.skin-theme-clientpref-night .mw-parser-output div[style\*="background-color: #ede9ce"],
body.page-Main_Page html.skin-theme-clientpref-night .mw-parser-output div[style\*="background-color:#ede9ce"]{
background-color: #121212 !important;
border-color: #333 !important;
color: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .mw-parser-output div[style\*="#ede9ce"] a,
body.page-Main_Page html.skin-theme-clientpref-night .oo-ui-panelLayout-framed a{
color: #90cdf4 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .oo-ui-panelLayout-framed,
body.page-Main_Page html.skin-theme-clientpref-night .oo-ui-tabPanelLayout{
background-color: #121212 !important;
border: 1px solid #333 !important;
color: #e2e8f0 !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .oo-ui-fieldsetLayout,
body.page-Main_Page html.skin-theme-clientpref-night .oo-ui-widget{
background-color: transparent !important;
color: inherit !important;
}
body.page-Main_Page html.skin-theme-clientpref-night #vector-toc,
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content{
scrollbar-color: #3b4b5f #1a202c !important;
}
body.page-Main_Page html.skin-theme-clientpref-night #vector-toc::-webkit-scrollbar,
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content::-webkit-scrollbar{
width: 8px !important;
}
body.page-Main_Page html.skin-theme-clientpref-night #vector-toc::-webkit-scrollbar-track,
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content::-webkit-scrollbar-track{
background: #1a202c !important;
}
body.page-Main_Page html.skin-theme-clientpref-night #vector-toc::-webkit-scrollbar-thumb,
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content::-webkit-scrollbar-thumb{
background-color: #3b4b5f !important;
border-radius: 4px !important;
}
body.page-Main_Page 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,
body.page-Main_Page html.skin-theme-clientpref-night .vector-pinned-container::after,
body.page-Main_Page html.skin-theme-clientpref-night .vector-pinned-container::before{
background-image: none !important;
background: transparent !important;
box-shadow: none !important;
}
body.page-Main_Page 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;
}
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content a,
body.page-Main_Page 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 \*{
color: #e2e8f0 !important;
background-color: transparent !important;
}
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content a:hover,
body.page-Main_Page 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 \*{
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,
body.page-Main_Page html.skin-theme-clientpref-night .vector-dropdown-content .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;
}
body.page-Main_Page .vanipedia-sidebar-menu.vanipedia-collapsed:has(.vector-menu-content-list:empty){
display: none !important;
}
body.page-Main_Page html:not(.skin-theme-clientpref-night){
--background-color-base: #D4ECDD !important;
--background-color-page: #D4ECDD !important;
--background-color-quiet: #D4ECDD !important;
}
body.page-Main_Page html:not(.skin-theme-clientpref-night) body,
body.page-Main_Page html:not(.skin-theme-clientpref-night) .mw-page-container,
body.page-Main_Page html:not(.skin-theme-clientpref-night) .mw-page-container-inner{
background-color: #D4ECDD !important;
background-image: none !important;
}
body.page-Main_Page 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-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,
body.page-Main_Page 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,
body.page-Main_Page 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,
body.page-Main_Page 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,
body.page-Main_Page 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;
}
body.page-Main_Page #mainbanner{
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
body.page-Main_Page .mw-body,
body.page-Main_Page #content,
body.page-Main_Page .mw-body-content,
body.page-Main_Page #mw-content-text{
margin-top: 0 !important;
padding-top: 0 !important;
border-top: none !important;
border: none !important;
outline: none !important;
}
body.page-Main_Page .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;
}
body.page-Main_Page .personality-hero{
display: flex;
gap: 28px;
align-items: center; /* This centers the shorter column (image or text) vertically */
}
body.page-Main_Page .personality-image{
flex: 0 0 396px;
text-align: center;
}
body.page-Main_Page .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);
}
body.page-Main_Page .personality-title{
font-size: 180%;
text-align: left;
font-weight: bold;
margin-top: 0;
line-height: 1;
margin-bottom: 12px;
}
body.page-Main_Page .personality-content{
flex: 1;
padding: 0 24px 0 0;
}
@media (max-width: 768px){body.page-Main_Page .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 */
}
body.page-Main_Page .personality-image{
flex: 1 1 auto; /* Removes the rigid 360px width constraint */
width: 100%; /* Allows the image to fill the mobile container gracefully */
}
body.page-Main_Page .personality-image img{
max-width: 100%; /* Ensures the image never spills off the screen */
}
body.page-Main_Page .personality-title{
text-align: center; /* Optional: Centering the title often looks better on stacked mobile layouts */
}
body.page-Main_Page .personality-content{
padding: 0 16px; /* Adds 16px of space to the left and right of the text */
}
}
body.page-Main_Page .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;
}
body.page-Main_Page .info-card h3{
margin: 0 0 15px;
font-size: 150%;
color: #345B63;
}
body.page-Main_Page .info-card p{
margin: 0 0 16px;
line-height: 1.7;
}
body.page-Main_Page .info-card .cta-button{
margin-top: 10px;
}
#vector-main-menu.vanipedia-sidebar-menu.vanipedia-collapsed{
display: none !important;
}
body.page-Main_Page .accordion-toc-heading{
display: none;
}
#vector-main-menu-pinned-container,
.vector-main-menu-pinned-container,
body.page-Main_Page .vector-pinnable-header,
.vector-main-menu-action,
body.page-Main_Page .vector-pinnable-header-toggle-button,
body.page-Main_Page .vector-pinnable-header-pin-button,
body.page-Main_Page .vector-pinnable-header-unpin-button,
[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;
}
#vanipedia-back-to-top{
position: fixed !important;
bottom: 54px !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;
}
#vanipedia-back-to-top.visible{
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
#vanipedia-back-to-top:hover{
background-color: #244147 !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
}
#vanipedia-back-to-top:active{
transform: translateY(0) !important;
}
#vanipedia-back-to-top svg{
display: block !important;
width: 22px !important;
height: 22px !important;
stroke: #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;
}
@media screen and (max-width: 768px){#vanipedia-back-to-top{
bottom: 54px !important;
right: 18px !important;
width: 40px !important;
height: 40px !important;
}
}
body.page-Main_Page{
--petal-color:        #1b2e4b; /* Vanipedia Midnight Blue */
--petal-color-dark:   #101c2e;
--vani-gold:          #d4af37;
--vani-wood-wall:     #241913; /* Rich dark walnut edge-to-edge */
--vani-shelf-depth:   #140d09; /* Deep shadow inside open shelves */
--vani-border-wood:   #3d2b20;
}
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 #content,
body.page-Main_Page .mw-body,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output{
padding: 0 !important;
margin: 0 !important;
max-width: 100vw !important;
background-color: var(--vani-wood-wall) !important;
}
body.page-Main_Page .vani-wood-sanctuary{
width: 100vw !important;
max-width: 100vw !important;
min-height: calc(100vh - 110px);
box-sizing: border-box;
margin: 0 !important;
padding: 24px 40px 80px 40px !important;
background:
linear-gradient(180deg, rgba(0,0,0,0.35) 0%, transparent 15%, transparent 85%, rgba(0,0,0,0.55) 100%),
radial-gradient(ellipse at 50% 25%, #3a281e 0%, var(--vani-wood-wall) 80%);
color: #e6dfd5;
font-family: 'Noto Serif', Georgia, serif;
position: relative;
}
body.page-Main_Page .vani-canopy-box{
width: 100%;
background: linear-gradient(180deg, #18100c 0%, #2b1d15 70%, #1c130e 100%);
border-top: 2px solid var(--vani-gold);
border-bottom: 3px solid #140d09;
border-radius: 6px;
padding: 22px 30px 18px;
text-align: center;
position: relative;
box-shadow: 0 10px 30px rgba(0,0,0,0.6);
}
body.page-Main_Page .vani-canopy-box::after{
content: "";
position: absolute;
left: 3%;
right: 3%;
bottom: -24px;
height: 24px;
background: radial-gradient(ellipse at 50% 0%, rgba(212, 175, 55, 0.45) 0%, rgba(212, 175, 55, 0.12) 50%, transparent 80%);
pointer-events: none;
filter: blur(8px);
}
body.page-Main_Page .vani-canopy-title{
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: clamp(28px, 2.5vw, 42px);
font-weight: 700;
color: var(--vani-gold);
letter-spacing: 0.05em;
margin: 0 0 6px 0;
text-shadow: 0 2px 8px rgba(0,0,0,0.8);
}
body.page-Main_Page .vani-canopy-subtitle{
font-size: 15px;
color: #c9bfb1;
margin: 0;
letter-spacing: 0.04em;
}
body.page-Main_Page .vani-shelves-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin: 34px 0 28px;
width: 100%;
}
body.page-Main_Page .vani-open-shelf{
background: linear-gradient(180deg, #110b08 0%, var(--vani-shelf-depth) 100%);
border: 2px solid var(--vani-border-wood);
border-bottom: 4px solid #0d0806;
border-radius: 4px;
padding: 18px 20px;
min-height: 180px;
position: relative;
box-shadow:
inset 0 6px 14px rgba(0, 0, 0, 0.75),
0 4px 12px rgba(0,0,0,0.35);
display: flex;
flex-direction: column;
justify-content: flex-start;
}
body.page-Main_Page .vani-open-shelf::before{
content: "";
position: absolute;
top: 0;
left: 8%;
right: 8%;
height: 6px;
background: radial-gradient(ellipse at 50% 0%, rgba(212, 175, 55, 0.3) 0%, transparent 80%);
filter: blur(2px);
pointer-events: none;
}
body.page-Main_Page .vani-shelf-title{
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 20px;
font-weight: 700;
color: var(--vani-gold);
border-bottom: 1px solid rgba(212, 175, 55, 0.25);
padding-bottom: 6px;
margin-bottom: 14px;
}
body.page-Main_Page .vani-open-shelf a{
color: #dcd4c7 !important;
text-decoration: none !important;
}
body.page-Main_Page .vani-open-shelf a:hover{
color: var(--vani-gold) !important;
}
body.page-Main_Page .vani-center-showcase{
width: 100%;
max-width: 1100px;
margin: 0 auto 35px;
background: #0d0806;
border: 3px solid #3d2b20;
border-radius: 6px;
padding: 18px;
box-shadow:
inset 0 0 20px rgba(0,0,0,0.8),
0 8px 25px rgba(0,0,0,0.5);
}
body.page-Main_Page .vani-plinth-footer{
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 48px;
background: linear-gradient(180deg, #18110c 0%, #0f0a07 100%);
border-top: 1px solid var(--vani-gold);
z-index: 1000;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30px;
font-size: 13px;
box-shadow: 0 -4px 15px rgba(0,0,0,0.45);
}
body.page-Main_Page .vani-footer-links{
display: flex;
align-items: center;
gap: 14px;
}
body.page-Main_Page .vani-petal-badge{
color: #d1c7b8 !important;
text-decoration: none !important;
padding: 4px 12px;
border-radius: 12px;
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.12);
transition: all 0.2s ease;
}
body.page-Main_Page .vani-petal-badge:hover,
body.page-Main_Page .vani-petal-badge.is-active{
background: var(--petal-color);
border-color: var(--vani-gold);
color: #ffffff !important;
}
body.page-Main_Page .vani-footer-milestone{
color: var(--vani-gold);
font-weight: 600;
letter-spacing: 0.03em;
}
@media screen and (max-width: 900px){body.page-Main_Page .vani-shelves-grid{
grid-template-columns: 1fr;
}
}
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .vector-column-end,
body.page-Main_Page .page-Vanipedia_Visitors_Statistics #vector-appearance-pinned-container,
body.page-Main_Page .page-Vanipedia_Visitors_Statistics #vector-page-tools-pinned-container{
display: none !important;
}
body.page-Main_Page.page-Vanipedia_Visitors_Statistics{
--max-width-base: 1350px !important;
--width-layout: 1350px !important;
}
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .mw-page-container{
max-width: 1350px !important;
width: 90% !important;
margin: 0 auto !important;
}
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .mw-page-container-inner,
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .mw-content-container,
body.page-Main_Page .page-Vanipedia_Visitors_Statistics #content,
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .mw-parser-output{
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
}
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .vanipedia-analytics-dashboard{
width: 100% !important;
max-width: 100% !important;
margin: 15px auto !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
overflow: hidden !important;
}
body.page-Main_Page .page-Vanipedia_Visitors_Statistics .vanipedia-analytics-dashboard iframe{
display: block !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;
}
body.page-Main_Page #left-navigation,
body.page-Main_Page #right-navigation,
body.page-Main_Page #p-namespaces,
body.page-Main_Page #p-views,
body.page-Main_Page #p-cactions,
body.page-Main_Page .vector-page-toolbar,
body.page-Main_Page .vector-page-toolbar-container,
body.page-Main_Page .vector-page-tools,
body.page-Main_Page #vector-page-tools-dropdown,
body.page-Main_Page #vector-page-tools-pinned-container,
body.page-Main_Page .vector-page-titlebar,
body.page-Main_Page .mw-page-title-main,
body.page-Main_Page .firstHeading,
body.page-Main_Page #firstHeading,
body.page-Main_Page .mw-indicators,
body.page-Main_Page .mw-editsection,
body.page-Main_Page .catlinks,
body.page-Main_Page .printfooter,
body.page-Main_Page #siteSub,
body.page-Main_Page #contentSub,
body.page-Main_Page #jump-to-nav,
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-page-base,
body.page-Main_Page #mw-head-base,
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 #p-lang-btn{
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;
}
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{
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 .mw-page-container,
body.page-Main_Page .mw-page-container-inner,
body.page-Main_Page .mw-content-container{
display: block !important;
min-height: 0 !important;
}
body.page-Main_Page main#content{
position: static !important;
}
body.page-Main_Page{
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden;
background: #f5f1e8 !important;
}
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;
}
body.page-Main_Page #vani-home p{
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home a{
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: inherit;
text-decoration: none !important;
}
body.page-Main_Page #vani-home a.external{
padding-right: 0 !important;
background-image: none !important;
}
body.page-Main_Page #vani-home img{
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.page-Main_Page #vani-home{
--cream: #f6f2e9;
--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;
}
body.page-Main_Page .vh-top{
height: 66px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 20;
margin-bottom: 20px;
}
body.page-Main_Page .vh-brand{
display: flex;
align-items: center;
}
body.page-Main_Page .vh-round-logo{
flex: 0 0 auto;
}
body.page-Main_Page .vh-round-logo img{
width: 60px;
height: 60px;
object-fit: contain;
}
body.page-Main_Page .vh-wordmark-group{
position: relative;
flex: 0 0 auto;
line-height: 0;
}
body.page-Main_Page .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;
}
body.page-Main_Page .vh-brand-network a{
color: #B5BC64 !important;
text-decoration: none !important;
transition: color .2s ease;
}
body.page-Main_Page .vh-brand-network a:hover{
color: var(--gold) !important;
}
body.page-Main_Page .vh-brand-network span{
margin: 0 3px;
color: var(--gold);
}
body.page-Main_Page .vh-round-logo{
flex: 0 0 auto;
}
body.page-Main_Page .vh-round-logo img{
width: 60px;
height: 60px;
object-fit: contain;
}
body.page-Main_Page .vh-wordmark img{
width: auto;
height: 60px;
object-fit: contain;
}
body.page-Main_Page .vh-wordmark img{
width: auto;
height: 50px;
object-fit: contain;
}
body.page-Main_Page .vh-subtitle{
width: 950px;
margin-left: 28px;
padding-left: 18px;
border-left: 2px solid rgba(177,135,61,.45);
color: var(--gold);
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
line-height: 1.3;
letter-spacing: .11em;
white-space: nowrap;
align-self: center;
transform: translateY(6px);
}
body.page-Main_Page .vh-top-links{
display: flex;
align-items: center;
gap: 17px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 600;
letter-spacing: .08em;
color: var(--green);
}
body.page-Main_Page .vh-top-links i{
display: block;
width: 2px;
height: 17px;
background: rgba(177,135,61,.38);
}
body.page-Main_Page .vh-top-links a{
color: var(--green) !important;
}
body.page-Main_Page .vh-main{
position: relative;
z-index: 2;
display: grid;
grid-template-columns:
minmax(600px, 1fr)
220px;
column-gap: 24px;
height: 510px;
}
body.page-Main_Page .vh-main::after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -35px; /* move divider down */
height: 1px;
background: rgba(177,135,61,.35);
pointer-events: none;
}
body.page-Main_Page .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;
}
body.page-Main_Page #vh-random-letter{
opacity: 1;
transition:
opacity .45s ease,
transform .45s ease;
}
body.page-Main_Page #vh-random-letter.is-changing{
opacity: 0;
transform: translateY(5px);
}
body.page-Main_Page .vh-random-letter-link{
display: block;
color: inherit;
text-decoration: none !important;
}
body.page-Main_Page .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;
}
body.page-Main_Page .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-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 .vh-random-letter-more{
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;
}
body.page-Main_Page .vh-random-letter-link:hover
.vh-random-letter-person,
body.page-Main_Page .vh-random-letter-link:hover
.vh-random-letter-more{
color: var(--gold);
}
body.page-Main_Page .vh-intro{
position: relative;
z-index: 8;
grid-column: 1;
grid-row: 1;
width: 650px;
min-width: 0;
padding-top: 36px;
padding-left: 145px;
}
body.page-Main_Page .vh-main-title{
font-family: "Cormorant Garamond", Georgia, serif;
font-size: clamp(64px, 5.2vw, 94px);
font-weight: 700;
line-height: .88;
letter-spacing: -.025em;
color: var(--green);
}
body.page-Main_Page .vh-description,
body.page-Main_Page .vh-quote-text,
body.page-Main_Page .vh-quote-source,
body.page-Main_Page .vh-discover-primary,
body.page-Main_Page .vh-discover-secondary,
body.page-Main_Page .vh-gateway-text,
body.page-Main_Page .vh-feature-copy,
body.page-Main_Page .vh-network-mission{
font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
}
body.page-Main_Page .vh-subtitle,
body.page-Main_Page .vh-top-links,
body.page-Main_Page .vh-small-heading,
body.page-Main_Page .vh-gateway-title,
body.page-Main_Page .vh-section-title,
body.page-Main_Page .vh-feature-copy small,
body.page-Main_Page .vh-network-grid small{
font-family: Arial, Helvetica, sans-serif;
}
body.page-Main_Page .vh-gold-rule{
width: 35px;
height: 2px;
margin: 27px 0 18px;
background: var(--gold);
}
body.page-Main_Page .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;
}
body.page-Main_Page .vh-description.is-changing{
opacity: 0 !important;
}
body.page-Main_Page .vh-photo-stage{
position: relative;
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;
}
body.page-Main_Page .vh-photo{
position: absolute;
inset: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0;
filter:
grayscale(.10)
sepia(.06)
saturate(.82)
contrast(.96);
transition: opacity 1.4s 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;
}
body.page-Main_Page .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;
}
body.page-Main_Page .vh-discover-heading{
font-size: 18px;
line-height: 1.35;
letter-spacing: .12em;
color: var(--gold);
}
body.page-Main_Page #vh-random-article{
margin-top: 28px;
transition:
opacity .7s ease,
transform .7s ease;
}
body.page-Main_Page #vh-random-article.is-changing{
opacity: 0;
transform: translateY(5px);
}
body.page-Main_Page .vh-random-article-link{
display: block;
color: inherit;
text-decoration: none !important;
}
body.page-Main_Page .vh-random-article-title{
color: var(--green);
font-family: "Noto Serif", Georgia, serif;
font-size: 18px;
font-weight: 400;
line-height: 1.18;
margin-bottom: 13px;
}
body.page-Main_Page .vh-random-article-extract{
color: var(--text);
font-family: "Noto Serif", Georgia, serif;
font-size: 14px;
font-weight: 400;
line-height: 1.45;
}
body.page-Main_Page .vh-random-article-more{
margin-top: 15px;
padding-top: 10px;
border-top: 1px solid rgba(177,135,61,.35);
color: var(--gold);
font-size: 10px;
line-height: 1.2;
letter-spacing: .08em;
text-transform: uppercase;
}
body.page-Main_Page .vh-random-article-link:hover .vh-random-article-title,
body.page-Main_Page .vh-random-article-link:hover .vh-random-article-more{
color: var(--gold);
}
body.page-Main_Page .vh-gateways{
position: absolute;
left: 170px;
bottom: 35px;
z-index: 20;
display: flex;
align-items: stretch;
width: 1000px;
height: 125px;
}
body.page-Main_Page .vh-gateway{
position: relative;
flex: 1 1 150px;
min-width: 140px;
padding: 0 8px;
text-align: center;
}
body.page-Main_Page .vh-gateway:not(:last-child)::after{
content: "";
position: absolute;
right: 0;
top: 15px;
bottom: 15px;
width: 1px;
background: rgba(18,63,56,.18);
pointer-events: none;
}
body.page-Main_Page .vh-gateway:last-child{
border-right: 0;
}
body.page-Main_Page .vh-icon{
display: block;
height: 50px;
color: var(--green);
font-size: 29px;
line-height: 45px;
}
body.page-Main_Page .vh-gateway-title{
margin: 4px 0 4px;
color: var(--text);
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 1.1;
letter-spacing: .05em;
}
body.page-Main_Page .vh-gateway-title a{
display: inline !important;
color: var(--text) !important;
}
body.page-Main_Page .vh-gateway-text{
font-size: 18px;
line-height: 1.12;
}
body.page-Main_Page .vh-gateway-text.vh-gateway-links{
font-size: 18px;
line-height: 1.12;
}
body.page-Main_Page .vh-gateway-links a{
margin: 0 !important;
}
body.page-Main_Page .vh-lifeline-window{
position: relative;
z-index: 10;
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;
}
body.page-Main_Page .vh-lifeline-window:active{
cursor: grabbing;
}
body.page-Main_Page .vh-lifeline{
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
touch-action: pan-y;
}
body.page-Main_Page .vh-timeline-track{
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: flex-start;
width: max-content;
height: 100%;
will-change: transform;
}
body.page-Main_Page .vh-timeline-track::before{
content: "";
position: absolute;
left: 0;
right: 0;
top: 42px;
height: 1px;
background: rgba(177,135,61,.55);
}
body.page-Main_Page .vh-timeline-item{
position: relative;
flex: 0 0 220px;
box-sizing: border-box;
padding: 10px 20px 0;
color: var(--green);
text-decoration: none !important;
}
body.page-Main_Page .vh-timeline-date{
height: 21px;
color: var(--gold);
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 1.2;
letter-spacing: .06em;
text-transform: uppercase;
}
body.page-Main_Page .vh-timeline-dot{
position: absolute;
top: 38px;
left: 20px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--green);
border: 2px solid #f6f2e9;
box-sizing: border-box;
z-index: 2;
}
body.page-Main_Page .vh-timeline-text{
margin-top: 24px;
max-width: 175px;
color: var(--text);
font-family: "Noto Serif", Georgia, serif;
font-size: 11px;
font-weight: 400;
line-height: 1.35;
}
body.page-Main_Page .vh-timeline-item:hover .vh-timeline-date,
body.page-Main_Page .vh-timeline-item:hover .vh-timeline-text{
color: var(--gold);
}
body.page-Main_Page .vh-lifeline-window::before,
body.page-Main_Page .vh-lifeline-window::after{
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 65px;
z-index: 20;
pointer-events: none;
}
body.page-Main_Page .vh-lifeline-window::before{
left: 0;
background:
linear-gradient(
to right,
#f6f2e9,
rgba(246,242,233,0)
);
}
body.page-Main_Page .vh-lifeline-window::after{
right: 0;
background:
linear-gradient(
to left,
#f6f2e9,
rgba(246,242,233,0)
);
}
body.page-Main_Page .vh-logo-temp{
width: 58px;
height: 58px;
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;
}
@media (prefers-reduced-motion: reduce){body.page-Main_Page .vh-lifeline{
animation: none !important;
}
body.page-Main_Page .vh-photo,
body.page-Main_Page #vh-discover-content,
body.page-Main_Page .vh-feature-grid{
transition: none !important;
}
}
@media (max-width: 1500px){body.page-Main_Page #vani-home{
padding-left: 24px !important;
padding-right: 24px !important;
}
body.page-Main_Page .vh-main-title{
font-size: 67px;
}
body.page-Main_Page .vh-gateways{
width: 585px;
}
body.page-Main_Page .vh-gateway{
padding-left: 8px;
padding-right: 8px;
}
.vh-bottom{
grid-template-columns:
minmax(560px, 1.12fr)
minmax(570px, 1fr);
gap: 20px;
}
body.page-Main_Page .vh-network-grid{
grid-template-columns:
repeat(4, 88px)
minmax(150px, 1fr);
}
body.page-Main_Page .vh-wordmark{
font-size: 30px;
}
body.page-Main_Page .vh-subtitle{
font-size: 9px;
}
}
@media (max-width: 1365px){body.page-Main_Page .vh-main-title{
font-size: 61px;
}
body.page-Main_Page .vh-description{
font-size: 12px;
}
body.page-Main_Page .vh-gateways{
width: 525px;
}
body.page-Main_Page .vh-gateway-text{
font-size: 9px;
}
body.page-Main_Page .vh-gateway-title{
font-size: 9px;
}
.vh-bottom{
grid-template-columns:
1.05fr
.95fr;
}
body.page-Main_Page .vh-network-grid{
grid-template-columns:
repeat(4, 78px)
minmax(140px, 1fr);
}
}
body.page-Main_Page .vh-gateway-links{
line-height: 1.65;
}
body.page-Main_Page .vh-gateway-links a{
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;
}
body.page-Main_Page .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);
}
body.page-Main_Page .vh-gateway-links a:hover{
color: var(--gold) !important;
opacity: 1;
transform: translateY(-1px);
}
body.page-Main_Page .vh-gateway-links a:hover::after{
width: 100%;
}
body.page-Main_Page .vh-link-sep{
margin: 0 3px;
color: var(--gold);
opacity: .55;
}
body.page-Main_Page .vh-gateway-links a{
animation: vh-link-arrive .65s ease both;
}
body.page-Main_Page .vh-gateway-links a:nth-of-type(1){
animation-delay: .45s;
}
body.page-Main_Page .vh-gateway-links a:nth-of-type(2){
animation-delay: .60s;
}
body.page-Main_Page .vh-gateway-links a:nth-of-type(3){
animation-delay: .75s;
}
body.page-Main_Page .vh-gateway-links a:nth-of-type(4){
animation-delay: .90s;
}
@keyframes vh-link-arrive{
from {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: .82;
transform: translateY(0);
}
}
body.page-Main_Page #vani-home a[title]:hover::after{
content: none !important;
display: none !important;
}
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;
}
body.page-Main_Page .mw-parser-output > p:empty{
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
}
body.page-Main_Page .mw-parser-output > p:first-child{
display: none !important;
}
body.page-Main_Page #vani-home{
margin: 0 !important;
}
body.page-Main_Page .mw-footer-container,
body.page-Main_Page footer,
body.page-Main_Page #footer{
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
min-height: 0 !important;
}
body.page-Main_Page .mw-jump-link{
display: none !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.page-Main_Page .vh-intro::before{
content: "";
position: absolute;
z-index: -1;
left: -20px;
top: 0;
bottom: 0;
width: 500px;
height: 500px;
pointer-events: none;
}
body.page-Main_Page #vani-home .vh-main-title,
body.page-Main_Page #vani-home .vh-gold-rule,
body.page-Main_Page #vani-home .vh-description{
position: relative !important;
left: 60px !important;
}
body.page-Main_Page .vh-now{
position: absolute;
z-index: 15;
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;
}
body.page-Main_Page .vh-letter-heading{
display: block;
width: 100%;
height: auto;
margin: 0 0 22px;
padding: 0;
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;
}
body.page-Main_Page .vh-hero-title-wrap{
position: relative;
display: inline-block;
}
body.page-Main_Page .vh-hero-title-link{
position: relative;
display: inline-block;
}
body.page-Main_Page .vh-hero-title-link > a{
display: block;
position: relative;
color: inherit;
text-decoration: none !important;
}
body.page-Main_Page .vh-who-corner{
position: absolute;
/* VERTICAL POSITION */
top: 3px;
/* 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);
}
body.page-Main_Page .vh-hero-title-wrap:hover .vh-who-corner{
opacity: 1;
transform: translateX(0);
}
body.page-Main_Page .vh-hero-title-link a:hover,
body.page-Main_Page .vh-hero-title-link a:visited{
color: inherit;
text-decoration: none !important;
}
body.page-Main_Page .vh-who-link{
position: absolute;
left: 4px;
bottom: -39px;
z-index: 30;
opacity: 0;
transform: translateY(-7px);
pointer-events: none;
transition:
opacity .35s ease,
transform .35s ease;
}
body.page-Main_Page .vh-who-link a{
display: inline-flex;
align-items: center;
gap: 9px;
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;
}
body.page-Main_Page .vh-who-arrow{
position: relative;
top: -1px;
font-size: 14px;
line-height: 1;
transition: transform .25s ease;
}
body.page-Main_Page .vh-hero-title-wrap:hover .vh-who-link{
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
body.page-Main_Page .vh-who-link a:hover{
color: var(--green);
border-color: var(--gold);
background: rgba(246,242,233,.98);
}
body.page-Main_Page .vh-who-link a:hover .vh-who-arrow{
transform: translateX(3px);
}
body.page-Main_Page .vh-lifeline-window{
cursor: grab;
user-select: none;
-webkit-user-select: none;
}
body.page-Main_Page .vh-lifeline-window.is-dragging{
cursor: grabbing;
}
body.page-Main_Page .vh-timeline-item{
-webkit-user-drag: none;
user-drag: none;
}
body.page-Main_Page .vh-timeline-item:hover .vh-timeline-dot{
transform: scale(1.5);
}
body.page-Main_Page .vh-timeline-dot{
transition: transform .2s ease;
}
body.page-Main_Page #vani-home .vh-timeline-track{
transition: none !important;
animation: none !important;
scroll-behavior: auto !important;
transform-origin: 0 0;
}
body.page-Main_Page #vani-home .vh-timeline-item{
transition: none !important;
}
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;
}
body.page-Main_Page #vani-home .vh-timeline-item{
flex: 0 0 220px;
width: 220px;
transition: none !important;
animation: none !important;
-webkit-user-drag: none;
}
body.page-Main_Page #vani-home .vh-lifeline-window{
cursor: grab;
user-select: none;
-webkit-user-select: none;
touch-action: pan-y;
}
body.page-Main_Page #vani-home .vh-lifeline-window.is-dragging{
cursor: grabbing;
}
body.page-Main_Page .vh-timeline-section{
position: relative;
top: 12px;
}
body.page-Main_Page .vh-timeline-years{
display: flex !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;
}
body.page-Main_Page .vh-timeline-years .vh-year{
display: inline-block;
margin: 0;
padding: 4px 2px;
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;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover{
color: var(--gold);
transform: translateY(-1px);
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active{
color: var(--gold);
font-weight: 700;
}
body.page-Main_Page .vh-quote{
height: 82px;
display: flex;
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;
}
body.page-Main_Page .vh-quote-inner{
flex: 1 1 auto;
min-width: 0;
max-width: 1500px;
text-align: center;
}
body.page-Main_Page .vh-quote-text{
display: block;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--text);
font-size: clamp(20px, 1.65vw, 29px);
line-height: 1.16;
}
body.page-Main_Page .vh-quote-source{
margin-top: 7px;
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
color: var(--gold);
font-size: 12px;
line-height: 1;
}
body.page-Main_Page .vh-quote-source::before,
body.page-Main_Page .vh-quote-source::after{
content: "";
width: 74px;
height: 1px;
background: rgba(177,135,61,.45);
flex: 0 0 auto;
}
body.page-Main_Page .vh-quote-source a{
color: inherit !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-quote-source a:hover{
color: var(--green) !important;
}
body.page-Main_Page .vh-quote-mark{
position: relative;
top: 15px;
flex: 0 0 auto;
color: var(--gold);
font-size: 93px;
line-height: 1;
}
body.page-Main_Page #vh-random-quote,
body.page-Main_Page #vh-random-quote-source{
transition: opacity .45s ease;
}
body.page-Main_Page #vh-random-quote.is-changing,
body.page-Main_Page #vh-random-quote-source.is-changing{
opacity: 0;
}
body.page-Main_Page .vh-featured{
width: auto;
padding-right: 0;
}
body.page-Main_Page .vh-featured .vh-section-title{
display: flex;
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;
}
body.page-Main_Page .vh-featured .vh-section-title::after{
content: "";
width: 85px;
height: 1px;
background: rgba(177,135,61,.45);
}
.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;
}
body.page-Main_Page .vh-featured,
body.page-Main_Page .vh-network{
min-width: 0;
}
body.page-Main_Page .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;
}
body.page-Main_Page .vh-featured .vh-section-title::after{
content: "";
width: 85px;
height: 1px;
background: rgba(177,135,61,.45);
}
body.page-Main_Page .vh-feature-grid{
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin-top: 0;
}
body.page-Main_Page .vh-feature{
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;
}
body.page-Main_Page .vh-feature:hover{
transform: translateY(-2px);
}
body.page-Main_Page .vh-feature a{
color: inherit;
text-decoration: none !important;
}
body.page-Main_Page .vh-feature-media,
body.page-Main_Page .vh-feature-audio{
position: relative;
width: 100%;
height: 125px;
box-sizing: border-box;
overflow: hidden;
border-radius: 6px 0 0 6px;
background: #f3ecdf;
}
body.page-Main_Page .vh-feature-video .vh-feature-media,
body.page-Main_Page .vh-feature-imagequote .vh-feature-media{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
body.page-Main_Page .vh-feature-short .vh-feature-media{
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: #f3ecdf;
}
body.page-Main_Page .vh-feature-copy{
min-width: 0;
box-sizing: border-box;
padding: 3px 10px 5px 12px;
background: #f3ecdf;
border-radius: 0 6px 6px 0;
}
body.page-Main_Page .vh-feature-copy small,
body.page-Main_Page .vh-feature-copy small{
margin-bottom: 5px;
color: var(--gold);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: .08em;
text-transform: uppercase;
}
body.page-Main_Page .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;
}
body.page-Main_Page .vh-feature-copy span{
display: none;
}
body.page-Main_Page .vh-feature-audio{
display: flex;
align-items: center;
justify-content: center;
background: #f3ecdf;
}
body.page-Main_Page .vh-feature-audio-icon{
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
font-size: 37px;
border: 1px solid rgba(177,135,61,.50);
border-radius: 50%;
color: var(--gold);
line-height: 1;
cursor: pointer;
transition:
transform .2s ease,
background .2s ease;
}
body.page-Main_Page .vh-feature-nectar:hover .vh-feature-audio-icon{
transform: scale(1.06);
background: rgba(177,135,61,.08);
}
body.page-Main_Page .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;
}
body.page-Main_Page .vh-network .vh-section-title::after{
content: "";
width: 85px;
height: 1px;
background: rgba(177,135,61,.45);
}
body.page-Main_Page .vh-network-row{
display: flex !important;
flex-direction: row !important;
align-items: stretch;
width: 100%;
height: 125px;
}
body.page-Main_Page .vh-network-stat{
flex: 0 0 120px;
min-width: 120px;
box-sizing: border-box;
padding: 5px 10px 0;
text-align: center;
border-left: 1px solid rgba(18,63,56,.16);
border-right: 1px solid rgba(18,63,56,.16);
cursor: pointer;
transition:
background .22s ease,
transform .22s ease;
}
body.page-Main_Page .vh-network-stat > a{
display: block;
width: 100%;
height: 100%;
color: inherit !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-network-stat:hover{
background: rgba(177,135,61,.08);
transform: translateY(-3px);
}
body.page-Main_Page .vh-network-stat:hover .vh-network-icon{
transform: scale(1.12);
color: var(--gold);
}
body.page-Main_Page .vh-network-stat:hover strong{
color: var(--gold);
}
body.page-Main_Page .vh-network-icon{
display: flex;
align-items: center;
justify-content: center;
height: 42px;
color: var(--green);
font-size: 32px;
line-height: 1;
transition:
transform .22s ease,
color .22s ease;
}
body.page-Main_Page .vh-icon-quotes{
font-family: Georgia, "Times New Roman", serif;
font-size: 60px;
line-height: 1;
position: relative;
top: 10px;
}
body.page-Main_Page .vh-network-stat strong{
display: block;
margin-top: -8px;
color: var(--green);
font-family: Georgia, "Times New Roman", serif;
font-weight: 400;
white-space: nowrap;
line-height: 1;
font-size: 21px;
}
body.page-Main_Page .vh-icon-quotes + strong{
white-space: normal;
line-height: 1;
font-size: 19px;
}
body.page-Main_Page .vh-network-stat small{
display: block;
margin-top: 8px;
color: var(--green);
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: 700;
line-height: 1.25;
letter-spacing: .04em;
}
body.page-Main_Page .vh-network-mission{
display: flex;
align-items: center;
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.page-Main_Page .vh-network-world{
flex: 0 0 150px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-right: 0px;
}
body.page-Main_Page .vh-network-mission-text{
flex: 1 1 auto;
min-width: 250px;
color: var(--green);
font-family: Georgia, "Times New Roman", serif;
font-size: 15px;
font-weight: 400;
line-height: 1.45;
}
body.page-Main_Page .vh-network-mission:hover{
background: rgba(177,135,61,.08);
}
body.page-Main_Page .vh-network-mission:hover .vh-network-world img{
transform: scale(1.05);
opacity: 1;
}
@media (max-width: 1500px){.vh-bottom{
grid-template-columns:
minmax(650px, 1.2fr)
minmax(650px, 1fr);
column-gap: 20px;
}
body.page-Main_Page .vh-feature-grid{
gap: 10px;
}
body.page-Main_Page .vh-feature{
grid-template-columns: 47% 53%;
}
body.page-Main_Page .vh-feature-copy{
padding-left: 9px;
padding-right: 7px;
}
body.page-Main_Page .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);
}
body.page-Main_Page .vh-feature-grid{
gap: 8px;
}
body.page-Main_Page .vh-network-stat{
flex: 0 0 105px;
min-width: 105px;
}
}
body.page-Main_Page .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;
}
body.page-Main_Page .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;
}
body.page-Main_Page .social-stats-header:hover{
background: #7fbd97;
}
body.page-Main_Page .social-stats-platform{
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding: 16px 20px;
border-right: 1px solid #c8ccd1;
}
body.page-Main_Page .social-stats-name{
margin-bottom: 4px;
font-size: 12px;
font-weight: 600;
color: #72777d;
text-transform: uppercase;
letter-spacing: .04em;
}
body.page-Main_Page .social-stats-views{
font-size: 21px;
line-height: 1.2;
font-weight: 700;
color: #202122;
}
body.page-Main_Page .social-stats-open{
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
padding: 0 20px;
font-size: 14px;
font-weight: 600;
color: #2a4452;
background: #eef2f4;
white-space: nowrap;
}
body.page-Main_Page .social-stats-arrow{
font-size: 10px;
}
body.page-Main_Page .social-stats-details{
box-sizing: border-box;
margin-top: -2px;
padding: 24px 28px 30px;
background: #fff;
border: 2px solid #2a4452;
border-top: 1px solid #c8ccd1;
border-radius: 0 0 8px 8px;
}
body.page-Main_Page .social-stats-number{
font-size: 21px;
line-height: 1.15;
font-weight: 700;
color: #202122;
}
body.page-Main_Page .social-stats-view-label{
margin-top: 2px;
font-size: 11px;
line-height: 1.2;
color: #72777d;
}
body.page-Main_Page #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.page-Main_Page #vh-imagequote-lightbox.is-open{
opacity: 1;
visibility: visible;
pointer-events: auto;
}
body.page-Main_Page #vh-imagequote-lightbox img{
display: block;
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);
}
body.page-Main_Page .vh-imagequote-lightbox-close{
position: absolute;
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;
}
body.page-Main_Page .vh-feature-audio{
flex-direction: column;
gap: 10px;
}
body.page-Main_Page .vh-nectar-wave{
display: flex;
align-items: center;
justify-content: center;
gap: 3px;
height: 18px;
opacity: 0;
transition: opacity .2s ease;
}
body.page-Main_Page .vh-nectar-wave.is-playing{
opacity: 1;
}
body.page-Main_Page .vh-nectar-wave span{
width: 2px;
height: 4px;
border-radius: 2px;
background: var(--gold);
transform-origin: center;
}
body.page-Main_Page .vh-nectar-wave.is-playing span{
animation: vhNectarWave .75s ease-in-out infinite alternate;
}
body.page-Main_Page .vh-nectar-wave.is-playing span:nth-child(2){
animation-delay: -.45s;
}
body.page-Main_Page .vh-nectar-wave.is-playing span:nth-child(3){
animation-delay: -.20s;
}
body.page-Main_Page .vh-nectar-wave.is-playing span:nth-child(4){
animation-delay: -.60s;
}
body.page-Main_Page .vh-nectar-wave.is-playing span:nth-child(5){
animation-delay: -.30s;
}
body.page-Main_Page .vh-nectar-wave.is-playing span:nth-child(6){
animation-delay: -.55s;
}
body.page-Main_Page .vh-nectar-wave.is-playing span:nth-child(7){
animation-delay: -.10s;
}
@keyframes vhNectarWave{
0% {
height: 3px;
}
100% {
height: 16px;
}
}
body.page-Main_Page .vh-feature-nectar .vh-feature-audio{
overflow: hidden !important;
}
body.page-Main_Page .vh-feature-nectar .vh-nectar-wave{
flex-shrink: 0;
}
body.page-Main_Page .vh-feature-video .vh-feature-copy strong,
body.page-Main_Page .vh-feature-nectar .vh-feature-copy strong{
font-size: 13px;
line-height: 1.08;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
body.page-Main_Page .vani-flipbook-trigger{
display: inline-block;
cursor: pointer;
}
body.page-Main_Page .vani-flipbook-trigger img{
display: block;
max-width: 100%;
height: auto;
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}
body.page-Main_Page .vani-flipbook-trigger:hover img{
transform: translateY(-3px);
box-shadow:
0 8px 24px
rgba(0, 0, 0, 0.22);
}
body.page-Main_Page #vani-flipbook-overlay{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100000;
display: none;
align-items: center;
justify-content: center;
padding: 20px;
background:
rgba(15, 20, 18, 0.90);
}
body.page-Main_Page #vani-flipbook-overlay.is-open{
display: flex;
}
body.page-Main_Page .vani-flipbook-modal{
position: relative;
width: calc(100vw - 80px);
height: calc(100vh - 40px);
max-width: 1800px;
overflow: hidden;
background: #d9d6cf;
border-radius: 6px;
box-shadow:
0 20px 70px
rgba(0, 0, 0, 0.55);
}
body.page-Main_Page #vani-flipbook-frame-holder{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
body.page-Main_Page #vani-flipbook-frame{
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
background: #d9d6cf;
}
body.page-Main_Page .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;
}
body.page-Main_Page .vani-flipbook-close:hover{
background: #000000;
}
body.page-Main_Page.vani-flipbook-open{
overflow: hidden;
}
@media (max-width: 720px){body.page-Main_Page #vani-flipbook-overlay{
padding: 0;
width: 100%;
height: 100vh;
height: 100dvh;
}
body.page-Main_Page .vani-flipbook-modal{
width: 100%;
height: 100vh;
height: 100dvh;
max-width: none;
border-radius: 0;
}
}
body.page-Main_Page .vision-layout-wrapper .vision-logo{
width: 100%;
text-align: center;
margin: 0 auto 22px;
}
body.page-Main_Page .vision-layout-wrapper .vision-logo img{
display: block;
max-width: 350px;
height: auto;
margin: 0 auto;
}
body.page-Main_Page .vision-buttons-container{
display: flex;
width: 100%;
gap: 14px;
align-items: stretch;
}
body.page-Main_Page .vision-buttons-container .vision-col{
display: flex;
flex-direction: column;
flex: 1 1 0;
gap: 14px;
min-width: 0;
}
body.page-Main_Page .vision-buttons-container .vision-btn{
background-color: #91cfa9;
border-bottom: 3px solid #2a4452;
border-radius: 6px;
}
body.page-Main_Page .vision-buttons-container .vision-btn:hover{
background-color: #7fbd97;
}
body.page-Main_Page .vision-buttons-container .vision-btn a,
body.page-Main_Page .vision-buttons-container .vision-btn a.external{
color: #1f4033 !important;
}
@media (max-width: 700px){body.page-Main_Page .vision-buttons-container{
flex-direction: column;
}
}
body.page-Main_Page{
--wood-darkest: #110804;
--wood-dark: #1c0e07;
--wood-mid: #2b170e;
--wood-warm: #3d2214;
--wood-light: #54311c;
--gold-bright: #f5d77f;
--gold-mid: #d4af37;
--gold-deep: #997a15;
--text-cream: #f4ebd9;
--text-muted: #bda892;
--spotlight-glow: radial-gradient(circle at 50% 0%, rgba(255, 230, 160, 0.28) 0%, rgba(255, 210, 120, 0.08) 45%, transparent 75%);
}
body.page-Main_Page .sanctum-cabinet{
width: 100%;
max-width: 1280px;
margin: 0 auto;
background: linear-gradient(180deg, #2b170e 0%, #1c0e07 40%, #140904 100%);
border: 3px solid #3d2314;
border-radius: 12px;
box-shadow: 0 25px 60px rgba(0,0,0,0.9), inset 0 2px 4px rgba(255,220,150,0.2), inset 0 -2px 6px rgba(0,0,0,0.9);
position: relative;
overflow: hidden;
font-family: 'Cinzel', 'Georgia', serif;
color: var(--text-cream);
}
body.page-Main_Page .sanctum-cabinet::before{
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: repeating-linear-gradient(90deg, rgba(255,255,255,0.015) 0px, rgba(255,255,255,0.015) 1px, transparent 1px, transparent 4px);
pointer-events: none;
opacity: 0.7;
}
body.page-Main_Page .cornice-header{
background: linear-gradient(180deg, #3f2314 0%, #28140a 60%, #1b0c05 100%);
border-bottom: 2px solid #5a341b;
box-shadow: 0 8px 16px rgba(0,0,0,0.7), inset 0 2px 3px rgba(255,230,170,0.25);
padding: 14px 28px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 10;
}
body.page-Main_Page .cornice-left{
display: flex;
align-items: center;
gap: 16px;
}
body.page-Main_Page .cornice-left .nav-burger{
cursor: pointer;
font-size: 20px;
color: var(--gold-mid);
background: rgba(0,0,0,0.4);
padding: 6px 12px;
border-radius: 4px;
border: 1px solid #4a2814;
}
body.page-Main_Page .vh-brand-group{
display: flex;
flex-direction: column;
}
body.page-Main_Page .main-brand-title{
font-size: 20px;
font-weight: 700;
letter-spacing: 2.5px;
color: var(--gold-bright);
text-transform: uppercase;
text-shadow: 0 2px 4px rgba(0,0,0,0.9), 0 0 12px rgba(212,175,55,0.3);
}
body.page-Main_Page .brand-subline{
font-size: 10px;
letter-spacing: 2.5px;
color: var(--text-muted);
text-transform: uppercase;
margin-top: 2px;
}
body.page-Main_Page .cornice-search{
flex: 1;
max-width: 480px;
margin: 0 24px;
}
body.page-Main_Page .search-input-wrap{
position: relative;
width: 100%;
}
body.page-Main_Page .search-bevel{
width: 100%;
padding: 10px 18px 10px 42px;
background: #0f0704;
border: 1px solid #472613;
border-radius: 20px;
color: var(--text-cream);
font-family: inherit;
font-size: 13px;
box-shadow: inset 0 3px 6px rgba(0,0,0,0.9), 0 1px 2px rgba(255,255,255,0.08);
outline: none;
}
body.page-Main_Page .search-bevel::placeholder{
color: #7d6b58;
font-style: italic;
}
body.page-Main_Page .search-icon{
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: var(--gold-mid);
font-size: 14px;
}
body.page-Main_Page .cornice-links{
display: flex;
align-items: center;
gap: 18px;
font-size: 12px;
letter-spacing: 1.5px;
}
body.page-Main_Page .cornice-links a{
color: var(--text-cream) !important;
text-decoration: none;
}
body.page-Main_Page .cornice-links a:hover{
color: var(--gold-bright) !important;
}
body.page-Main_Page .cornice-links .btn-gold a{
background: linear-gradient(180deg, #b8860b 0%, #7d5904 100%);
padding: 6px 14px;
border-radius: 4px;
color: #fff !important;
font-weight: 600;
box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
body.page-Main_Page .spotlight-frieze{
position: relative;
padding: 24px 20px 10px 20px;
text-align: center;
background: linear-gradient(180deg, #24130b 0%, #180c06 100%);
border-bottom: 2px solid #3a1e0f;
}
body.page-Main_Page .lamp-row{
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
justify-content: space-around;
padding: 0 80px;
pointer-events: none;
}
body.page-Main_Page .lamp{
width: 60px;
height: 8px;
background: radial-gradient(ellipse at center, #ffd700 0%, #b8860b 60%, #442500 100%);
border-radius: 0 0 10px 10px;
box-shadow: 0 0 14px 4px rgba(255, 215, 0, 0.45);
position: relative;
}
body.page-Main_Page .lamp::after{
content: "";
position: absolute;
top: 8px;
left: -70px;
width: 200px;
height: 280px;
background: var(--spotlight-glow);
pointer-events: none;
}
body.page-Main_Page .frieze-title{
font-size: 24px;
letter-spacing: 2px;
color: var(--gold-bright);
text-shadow: 0 2px 6px rgba(0,0,0,0.95);
margin-bottom: 4px;
}
body.page-Main_Page .frieze-subtitle{
font-size: 12px;
letter-spacing: 2.5px;
color: var(--text-muted);
font-style: italic;
}
body.page-Main_Page .shadowbox-body{
padding: 24px 24px;
}
body.page-Main_Page .hero-sanctuary-stage{
display: grid;
grid-template-columns: 1fr 1.25fr 1fr;
gap: 20px;
background: linear-gradient(180deg, #180c06 0%, #100703 100%);
border: 3px solid #361e10;
border-radius: 8px;
padding: 20px;
box-shadow: inset 0 10px 25px rgba(0,0,0,0.9);
margin-bottom: 24px;
align-items: stretch;
}
body.page-Main_Page .spotlight-card{
background: rgba(0, 0, 0, 0.45);
border: 1px solid #3b2011;
border-radius: 6px;
padding: 18px;
box-shadow: inset 0 2px 6px rgba(0,0,0,0.8);
display: flex;
flex-direction: column;
}
body.page-Main_Page .spotlight-tag{
font-size: 10px;
letter-spacing: 2px;
color: var(--gold-mid);
text-transform: uppercase;
margin-bottom: 6px;
}
body.page-Main_Page .spotlight-headline a{
font-size: 16px;
color: var(--text-cream) !important;
font-weight: 600;
text-decoration: none;
}
body.page-Main_Page .spotlight-body{
font-size: 12px;
color: #bcaaa4;
line-height: 1.5;
margin: 10px 0;
flex: 1;
}
body.page-Main_Page .spotlight-footer a{
font-size: 11px;
color: var(--gold-bright) !important;
text-decoration: none;
}
body.page-Main_Page .center-frame{
background: #090402;
border: 3px solid #4a2814;
border-radius: 6px;
padding: 18px;
text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.95), inset 0 0 30px rgba(0,0,0,0.9);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
body.page-Main_Page .sanctuary-center-badge{
font-size: 10px;
letter-spacing: 2.5px;
color: var(--gold-mid);
text-transform: uppercase;
margin-bottom: 10px;
}
body.page-Main_Page .vh-hero-title-link a{
text-decoration: none;
}
body.page-Main_Page .vh-who-corner{
display: block;
font-size: 11px;
letter-spacing: 3px;
color: var(--gold-mid);
text-transform: uppercase;
}
body.page-Main_Page .vh-main-title{
display: block;
font-size: 26px;
font-weight: 700;
letter-spacing: 2px;
color: var(--gold-bright);
}
body.page-Main_Page .vh-gold-rule{
width: 80px;
height: 2px;
background: linear-gradient(90deg, transparent, var(--gold-mid), transparent);
margin: 10px auto;
}
body.page-Main_Page .vh-description{
font-size: 12px;
color: var(--text-cream);
font-style: italic;
}
body.page-Main_Page .multilingual-tape{
background: #140904;
border: 1px solid #361b0d;
padding: 6px 14px;
border-radius: 4px;
margin-top: 12px;
font-size: 11px;
color: var(--gold-bright);
letter-spacing: 1px;
}
body.page-Main_Page .niches-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 22px;
}
body.page-Main_Page .wood-niche{
background: linear-gradient(180deg, #0e0603 0%, #170b05 100%);
border: 3px solid #381f11;
border-top: 4px solid #1a0c06;
border-radius: 6px;
padding: 22px 18px;
box-shadow: inset 0 8px 18px rgba(0,0,0,0.95), 0 4px 10px rgba(0,0,0,0.7), inset 0 0 20px rgba(0,0,0,0.8);
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 0.2s, border-color 0.2s;
}
body.page-Main_Page .wood-niche:hover{
transform: translateY(-2px);
border-color: #633b20;
}
body.page-Main_Page .niche-lamp{
position: absolute;
top: 0;
width: 36px;
height: 5px;
background: #e2ba4d;
border-radius: 0 0 6px 6px;
box-shadow: 0 0 10px rgba(255,215,0,0.6);
}
body.page-Main_Page .niche-icon-wrap{
font-size: 32px;
margin: 10px 0 10px 0;
filter: drop-shadow(0 3px 6px rgba(0,0,0,0.8));
}
body.page-Main_Page .niche-title{
font-size: 15px;
font-weight: 700;
letter-spacing: 1.5px;
color: var(--gold-bright);
text-transform: uppercase;
margin-bottom: 8px;
}
body.page-Main_Page .niche-desc{
font-size: 12px;
line-height: 1.5;
color: var(--text-cream);
margin-bottom: 10px;
}
body.page-Main_Page .niche-links{
font-size: 11px;
line-height: 1.6;
margin-bottom: 10px;
}
body.page-Main_Page .niche-links a{
color: var(--text-cream) !important;
text-decoration: underline;
}
body.page-Main_Page .niche-links a:hover{
color: var(--gold-bright) !important;
}
body.page-Main_Page .niche-meta{
margin-top: auto;
font-size: 11px;
color: var(--gold-mid);
border-top: 1px solid #2d180c;
padding-top: 8px;
width: 100%;
letter-spacing: 1px;
}
body.page-Main_Page .taxonomies-carved-shelf{
background: #110704;
border: 1px solid #361b0c;
border-radius: 6px;
padding: 12px 18px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 22px;
box-shadow: inset 0 2px 6px rgba(0,0,0,0.9);
}
body.page-Main_Page .shelf-label{
font-size: 11px;
letter-spacing: 1.5px;
color: var(--gold-mid);
}
body.page-Main_Page .shelf-chips a{
display: inline-block;
background: #1d0f07;
border: 1px solid #422312;
border-radius: 4px;
padding: 4px 10px;
margin: 0 4px;
color: var(--text-cream) !important;
font-size: 11px;
text-decoration: none;
}
body.page-Main_Page .shelf-chips a:hover{
border-color: var(--gold-mid);
color: var(--gold-bright) !important;
}
body.page-Main_Page .timeline-carved-ribbon{
background: linear-gradient(180deg, #1c0e07 0%, #120803 100%);
border: 2px solid #381f11;
border-radius: 6px;
padding: 16px 20px;
box-shadow: inset 0 4px 10px rgba(0,0,0,0.9);
}
body.page-Main_Page .timeline-label-row{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
body.page-Main_Page .timeline-title{
font-size: 13px;
letter-spacing: 2px;
color: var(--gold-mid);
}
body.page-Main_Page .timeline-span-badge{
font-size: 11px;
color: var(--gold-bright);
}
body.page-Main_Page .timeline-years-bar{
display: flex;
justify-content: space-between;
background: #080301;
border: 1px solid #30170a;
border-radius: 20px;
padding: 8px 16px;
box-shadow: inset 0 2px 6px rgba(0,0,0,0.9);
overflow-x: auto;
}
body.page-Main_Page .vh-year{
font-size: 11px;
color: #9c8570;
cursor: pointer;
padding: 2px 6px;
transition: color 0.2s;
}
body.page-Main_Page .vh-year:hover,
body.page-Main_Page .vh-year.active{
color: var(--gold-bright);
font-weight: 700;
}
body.page-Main_Page .plinth-footer{
background: linear-gradient(180deg, #1d0f07 0%, #120803 100%);
border-top: 3px solid #3d2111;
padding: 20px 28px;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: inset 0 3px 6px rgba(255,255,255,0.05);
}
body.page-Main_Page .plinth-stat{
font-size: 13px;
color: var(--gold-bright);
letter-spacing: 1px;
}
body.page-Main_Page .plinth-actions{
display: flex;
gap: 12px;
}
body.page-Main_Page .plinth-btn a{
display: inline-block;
padding: 8px 16px;
background: #190b05;
border: 1px solid #4a2712;
border-radius: 4px;
color: var(--text-cream) !important;
font-size: 11px;
letter-spacing: 1.5px;
text-transform: uppercase;
text-decoration: none;
box-shadow: 0 2px 5px rgba(0,0,0,0.6);
}
body.page-Main_Page .plinth-btn a:hover{
border-color: var(--gold-mid);
color: var(--gold-bright) !important;
}
@media (max-width: 900px){body.page-Main_Page .niches-grid{ grid-template-columns: 1fr; }
body.page-Main_Page .hero-sanctuary-stage{ grid-template-columns: 1fr; }
body.page-Main_Page .taxonomies-carved-shelf{ flex-direction: column; gap: 10px; }
body.page-Main_Page .plinth-footer{ flex-direction: column; gap: 14px; text-align: center; }
}
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"],
body.page-Main_Page #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,
body.page-Main_Page #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,
body.page-Main_Page #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: #345B63 !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: #345B63 !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: #345B63 !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 #vani-home .vh-top{
display: none !important;
}
body.page-Main_Page #vani-home .vh-photo-stage{
top: 0 !important;
}
body.page-Main_Page .vector-page-toolbar-container,
body.page-Main_Page .vector-page-toolbar,
body.page-Main_Page #siteNotice,
body.page-Main_Page #localNotice,
body.page-Main_Page #mw-page-base,
body.page-Main_Page #mw-head-base,
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 #p-lang-btn{
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;
}
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{
margin-top: 0 !important;
padding-top: 0 !important;
background: #f6f2e9 !important;
background-color: #f6f2e9 !important;
}
body.page-Main_Page .vh-hero-title-wrap{
text-align: center !important;
margin: 16px auto 8px auto !important;
position: relative !important;
z-index: 2 !important;
}
body.page-Main_Page .vh-hero-title-link{
text-decoration: none !important;
display: inline-block !important;
}
body.page-Main_Page .vh-who-corner{
display: block !important;
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
color: #b1873d !important; /* Temple Gold */
margin-bottom: 4px !important;
}
body.page-Main_Page .vh-main-title{
display: block !important;
font-family: 'Cormorant Garamond', 'DM Serif Display', Georgia, serif !important;
font-size: 46px !important;
font-weight: 700 !important;
line-height: 1.1 !important;
color: #1e353b !important; /* Deep Sacred Slate-Teal */
text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
}
body.page-Main_Page .vh-founder-subline{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
margin: 6px auto 14px auto !important;
padding: 4px 18px !important;
background: rgba(177, 135, 61, 0.08) !important;
border: 1px solid rgba(177, 135, 61, 0.25) !important;
border-radius: 20px !important;
color: #345B63 !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 14px !important;
font-style: italic !important;
letter-spacing: 0.5px !important;
}
body.page-Main_Page .vh-founder-subline::before,
body.page-Main_Page .vh-founder-subline::after{
content: "♦" !important;
font-size: 10px !important;
color: #b1873d !important;
}
body.page-Main_Page .vh-timeline-panoramic{
width: 100% !important;
max-width: 1400px !important;
margin: 18px auto 24px auto !important;
padding: 12px 16px !important;
background: #faf7f0 !important;
border-top: 1px solid rgba(177, 135, 61, 0.35) !important;
border-bottom: 1px solid rgba(177, 135, 61, 0.35) !important;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
border-radius: 4px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-timeline-panoramic .vh-timeline-years{
top: 0 !important;
margin: 0 auto 12px auto !important;
gap: 14px !important;
justify-content: center !important;
flex-wrap: wrap !important;
}
body.page-Main_Page .vh-timeline-panoramic .vh-year{
font-size: 16px !important;
font-weight: 600 !important;
padding: 5px 12px !important;
border-radius: 14px !important;
color: #345B63 !important;
background: rgba(255, 255, 255, 0.7) !important;
border: 1px solid rgba(177, 135, 61, 0.2) !important;
transition: all 0.2s ease !important;
}
body.page-Main_Page .vh-timeline-panoramic .vh-year:hover{
background: #345B63 !important;
color: #f5d77f !important;
border-color: #345B63 !important;
transform: translateY(-2px) !important;
box-shadow: 0 3px 8px rgba(52, 91, 99, 0.25) !important;
}
body.page-Main_Page .vh-timeline-panoramic .vh-year.is-active{
background: #345B63 !important;
color: #f5d77f !important;
border-color: #b1873d !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}
body.page-Main_Page,
html.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;
background-color: #f6f2e9 !important;
background-image: none !important;
margin-top: 0 !important;
padding-top: 0 !important;
border-top: none !important;
}
html.page-Main_Page,
body.page-Main_Page{
height: 100vh !important;
max-height: 100vh !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page .mw-page-container{
height: 100vh !important;
max-height: 100vh !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !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{
height: calc(100vh - 52px) !important;
max-height: calc(100vh - 52px) !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home{
height: calc(100vh - 52px) !important;
max-height: calc(100vh - 52px) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 8px !important;
max-width: 1400px !important;
margin: 0 auto !important;
padding: 8px 18px 10px 18px !important;
box-sizing: border-box !important;
overflow: hidden !important;
background-color: transparent !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-gateway,
body.page-Main_Page .vh-quote-frame,
.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;
}
body.page-Main_Page .vh-card-header{
background: rgba(177, 135, 61, 0.1) !important;
border-bottom: 1px solid rgba(177, 135, 61, 0.28) !important;
padding: 6px 12px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10.5px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
color: #b1873d !important;
}
body.page-Main_Page .vh-card-header .vh-badge-icon{
font-size: 13px !important;
margin-right: 5px !important;
}
body.page-Main_Page .vh-card-header .vh-badge-sub{
font-size: 9.5px !important;
letter-spacing: 1px !important;
color: #345B63 !important;
opacity: 0.85 !important;
}
body.page-Main_Page .vh-card-body{
padding: 10px 14px !important;
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
box-sizing: border-box !important;
font-size: 13px !important;
line-height: 1.45 !important;
}
body.page-Main_Page .vh-triad-grid{
display: grid !important;
grid-template-columns: 280px 1fr 280px !important;
gap: 14px !important;
align-items: stretch !important;
flex: 0 0 auto !important;
max-height: 235px !important;
}
body.page-Main_Page .vh-card-memories .vh-card-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #1e353b !important;
text-decoration: none !important;
display: block !important;
margin-bottom: 6px !important;
}
body.page-Main_Page .vh-card-memories .vh-card-snippet{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12.5px !important;
line-height: 1.45 !important;
color: #4a5568 !important;
flex: 1 1 auto !important;
}
body.page-Main_Page .vh-card-actions{
margin-top: 8px !important;
}
body.page-Main_Page .vh-btn-pill{
display: inline-flex !important;
align-items: center !important;
padding: 4px 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
color: #345B63 !important;
background: rgba(52, 91, 99, 0.08) !important;
border: 1px solid rgba(52, 91, 99, 0.28) !important;
border-radius: 14px !important;
transition: all 0.2s ease !important;
}
body.page-Main_Page .vh-btn-pill:hover{
background: #345B63 !important;
color: #f5d77f !important;
border-color: #345B63 !important;
}
body.page-Main_Page .vh-card-sanctuary{
background: radial-gradient(circle at center, #ffffff 0%, #faf6ee 100%) !important;
padding: 10px 16px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-hero-title-wrap{
margin: 0 !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-who-corner{
display: block !important;
font-size: 10.5px !important;
font-weight: 700 !important;
letter-spacing: 2.5px !important;
text-transform: uppercase !important;
color: #b1873d !important;
margin-bottom: 0px !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-main-title{
font-family: 'Cormorant Garamond', 'DM Serif Display', Georgia, serif !important;
font-size: 34px !important;
font-weight: 700 !important;
line-height: 1 !important;
color: #1e353b !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-founder-subline{
display: inline-block !important;
margin: 3px auto 6px auto !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-founder-subline a{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 3px 14px !important;
background: rgba(177, 135, 61, 0.12) !important;
border: 1px solid rgba(177, 135, 61, 0.4) !important;
border-radius: 16px !important;
color: #345B63 !important;
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 13.5px !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-founder-subline a:hover{
background: #345B63 !important;
color: #f5d77f !important;
border-color: #345B63 !important;
box-shadow: 0 2px 6px rgba(52, 91, 99, 0.3) !important;
}
body.page-Main_Page .vh-portrait-wrapper{
margin: 2px auto 4px auto !important;
display: flex !important;
justify-content: center !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage{
width: 110px !important;
height: 110px !important;
border-radius: 50% !important;
border: 2.5px solid #b1873d !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
overflow: hidden !important;
position: relative !important;
background-color: #f4ebd9 !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-description{
font-family: 'Noto Serif', Georgia, serif !important;
font-style: italic !important;
font-size: 12px !important;
color: #576574 !important;
margin: 2px auto 0 auto !important;
max-width: 440px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.page-Main_Page .vh-timeline-section{
position: relative !important;
top: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
width: 100% !important;
flex: 0 0 auto !important;
}
body.page-Main_Page .vh-timeline-years{
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 auto 6px auto !important;
padding: 0 !important;
position: static !important;
top: 0 !important;
}
body.page-Main_Page .vh-timeline-years .vh-year{
padding: 3px 10px !important;
border-radius: 12px !important;
background: #ffffff !important;
border: 1px solid rgba(177, 135, 61, 0.28) !important;
font-size: 12.5px !important;
font-weight: 600 !important;
color: #345B63 !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
line-height: 1.2 !important;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover{
background: #345B63 !important;
color: #f5d77f !important;
border-color: #345B63 !important;
transform: translateY(-1px) !important;
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active{
background: #345B63 !important;
color: #f5d77f !important;
border-color: #b1873d !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-lifeline-window{
background: #ffffff !important;
border: 1px solid rgba(177, 135, 61, 0.22) !important;
border-radius: 6px !important;
height: 80px !important;
position: relative !important;
overflow: hidden !important;
margin: 0 auto !important;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
body.page-Main_Page .vh-timeline-track{
display: flex !important;
align-items: flex-start !important;
height: 100% !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
}
body.page-Main_Page .vh-timeline-track::before{
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 36px !important;
height: 1px !important;
background: rgba(177, 135, 61, 0.35) !important;
}
body.page-Main_Page .vh-timeline-item{
flex: 0 0 200px !important;
padding: 6px 14px 0 !important;
box-sizing: border-box !important;
position: relative !important;
}
body.page-Main_Page .vh-timeline-date{
font-size: 11px !important;
font-weight: 700 !important;
color: #b1873d !important;
height: 18px !important;
line-height: 1.2 !important;
}
body.page-Main_Page .vh-timeline-dot{
position: absolute !important;
top: 32px !important;
left: 14px !important;
width: 8px !important;
height: 8px !important;
border-radius: 50% !important;
background: #b1873d !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 1px #b1873d !important;
}
body.page-Main_Page .vh-timeline-text{
margin-top: 14px !important;
font-size: 11px !important;
line-height: 1.3 !important;
color: #1e293b !important;
max-width: 170px !important;
white-space: normal !important;
}
body.page-Main_Page .vh-gateways-frame{
display: grid !important;
grid-template-columns: repeat(6, 1fr) !important;
gap: 10px !important;
width: 100% !important;
flex: 0 0 auto !important;
}
body.page-Main_Page .vh-gateway{
padding: 8px 6px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
body.page-Main_Page .vh-gateway:hover{
transform: translateY(-2px) !important;
border-color: #b1873d !important;
box-shadow: 0 4px 12px rgba(177, 135, 61, 0.15) !important;
}
body.page-Main_Page .vh-gw-icon-circle{
width: 30px !important;
height: 30px !important;
border-radius: 50% !important;
background: rgba(177, 135, 61, 0.1) !important;
border: 1px solid rgba(177, 135, 61, 0.22) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-bottom: 4px !important;
}
body.page-Main_Page .vh-gateway .vh-icon{
font-size: 15px !important;
color: #b1873d !important;
}
body.page-Main_Page .vh-gateway-title{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 13.5px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #1e353b !important;
margin: 0 0 4px 0 !important;
width: 100% !important;
border-bottom: 1px solid rgba(177, 135, 61, 0.2) !important;
padding-bottom: 2px !important;
}
body.page-Main_Page .vh-gateway-links{
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
width: 100% !important;
font-size: 11.5px !important;
}
body.page-Main_Page .vh-gateway-links a{
color: #2c3e50 !important;
text-decoration: none !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.page-Main_Page .vh-gateway-links a:hover{
color: #b1873d !important;
text-decoration: underline !important;
}
body.page-Main_Page .vh-quote-frame{
background: #faf6ee !important;
border: 1px solid rgba(177, 135, 61, 0.3) !important;
border-radius: 6px !important;
padding: 8px 24px !important;
margin: 0 auto !important;
text-align: center !important;
width: 100% !important;
max-width: 1000px !important;
flex: 0 0 auto !important;
}
body.page-Main_Page .vh-quote-frame .vh-quote-inner{
font-family: 'Noto Serif', Georgia, serif !important;
font-style: italic !important;
font-size: 13.5px !important;
line-height: 1.4 !important;
color: #1e353b !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
}
body.page-Main_Page .vh-quote-frame .vh-quote-text{
max-width: 750px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.page-Main_Page .vh-quote-frame .vh-quote-source{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-style: normal !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
color: #b1873d !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-quote-mark{
color: rgba(177, 135, 61, 0.45) !important;
font-size: 24px !important;
line-height: 1 !important;
font-family: Georgia, serif !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;
}
body.page-Main_Page .vh-feature-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 8px !important;
padding: 8px 10px !important;
}
body.page-Main_Page .vh-feature{
background: #faf7f0 !important;
border: 1px solid rgba(177, 135, 61, 0.2) !important;
border-radius: 4px !important;
padding: 6px 8px !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
font-size: 11px !important;
}
body.page-Main_Page .vh-network-stats-grid{
display: flex !important;
justify-content: space-around !important;
gap: 6px !important;
padding: 8px 10px 4px 10px !important;
text-align: center !important;
}
body.page-Main_Page .vh-network-stat{
flex: 1 1 0 !important;
background: #faf7f0 !important;
border: 1px solid rgba(177, 135, 61, 0.2) !important;
border-radius: 4px !important;
padding: 6px 2px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-stat-num{
font-size: 13.5px !important;
font-weight: 700 !important;
color: #1e353b !important;
}
body.page-Main_Page .vh-stat-lbl{
font-size: 8.5px !important;
font-weight: 700 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
color: #b1873d !important;
}
body.page-Main_Page .vh-network-mission{
text-align: center !important;
padding: 4px 10px 6px 10px !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
font-style: italic !important;
color: #576574 !important;
}
body.page-Main_Page .vh-section-header{
margin: 18px 0 10px 0 !important;
text-align: left !important;
border-bottom: 1px solid rgba(177, 135, 61, 0.25) !important;
padding-bottom: 6px !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
body.page-Main_Page .vh-section-badge{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
color: #ffffff !important;
background: #345B63 !important;
padding: 3px 8px !important;
border-radius: 4px !important;
}
body.page-Main_Page .vh-section-heading{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 16px !important;
letter-spacing: 1.2px !important;
color: #1e353b !important;
margin: 0 !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 14px !important;
width: 100% !important;
margin-bottom: 16px !important;
}
body.page-Main_Page .vh-card-tax{
display: flex !important;
flex-direction: column !important;
background: #ffffff !important;
border: 1px solid rgba(177, 135, 61, 0.3) !important;
border-radius: 6px !important;
}
body.page-Main_Page .vh-tax-spotlight-item{
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
flex: 1 1 auto !important;
}
body.page-Main_Page .vh-tax-item-name a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #1e353b !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-tax-item-name a:hover{
color: #b1873d !important;
text-decoration: underline !important;
}
body.page-Main_Page .vh-tax-item-desc{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.45 !important;
color: #4a5568 !important;
flex: 1 1 auto !important;
}
body.page-Main_Page .vh-tax-item-link{
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
color: #345B63 !important;
text-decoration: none !important;
margin-top: 6px !important;
display: inline-block !important;
}
body.page-Main_Page .vh-tax-item-link:hover{
color: #b1873d !important;
text-decoration: underline !important;
}
body.page-Main_Page .vh-card-media-section{
background: #faf7f0 !important;
margin-bottom: 16px !important;
}
body.page-Main_Page .vh-media-body{
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 20px !important;
padding: 12px 18px !important;
}
body.page-Main_Page .vh-media-desc{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 13px !important;
line-height: 1.5 !important;
color: #334155 !important;
flex: 1 1 auto !important;
}
body.page-Main_Page .vh-media-actions{
flex-shrink: 0 !important;
}
body.page-Main_Page{
overflow-y: auto !important;
}
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 #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output{
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.page-Main_Page #vani-home{
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
@media (max-width: 1024px){body.page-Main_Page .vh-taxonomy-grid{ grid-template-columns: repeat(2, 1fr) !important; }
body.page-Main_Page .vh-media-body{ flex-direction: column !important; align-items: flex-start !important; }
}
@media (max-width: 640px){body.page-Main_Page .vh-taxonomy-grid{ grid-template-columns: 1fr !important; }
}
body.page-Main_Page .vh-quote-frame,
body.page-Main_Page #vh-random-quote-wrap,
.vh-bottom-grid,
.vh-bottom-card,
body.page-Main_Page .vh-card-treasures,
body.page-Main_Page .vh-card-network{
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;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-gateway,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page .vh-card-media-section{
background: linear-gradient(180deg, #ffffff 0%, #faf8f4 100%) !important;
border: 1px solid rgba(177, 135, 61, 0.32) !important;
border-top: 1px solid rgba(255, 255, 255, 0.95) !important;
border-bottom: 2.5px solid rgba(177, 135, 61, 0.45) !important;
border-radius: 8px !important;
box-shadow:
0 1px 3px rgba(0, 0, 0, 0.05),
0 5px 15px rgba(30, 53, 59, 0.07),
0 10px 24px -5px rgba(30, 53, 59, 0.08),
inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
transition: transform 0.22s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.22s cubic-bezier(0.2, 0, 0, 1) !important;
position: relative !important;
}
body.page-Main_Page .vh-card:hover,
body.page-Main_Page .vh-gateway:hover,
body.page-Main_Page .vh-card-tax:hover,
body.page-Main_Page .vh-card-media-section:hover{
transform: translateY(-3px) !important;
box-shadow:
0 2px 5px rgba(0, 0, 0, 0.06),
0 10px 25px rgba(30, 53, 59, 0.12),
0 16px 32px -6px rgba(177, 135, 61, 0.16),
inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}
body.page-Main_Page .vh-card-header{
background: linear-gradient(180deg, #fbf9f4 0%, #f2ebdd 100%) !important;
border-bottom: 1.5px solid rgba(177, 135, 61, 0.3) !important;
box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(0, 0, 0, 0.03) !important;
border-top-left-radius: 7px !important;
border-top-right-radius: 7px !important;
}
body.page-Main_Page .vh-card-sanctuary{
background: radial-gradient(circle at 50% 35%, #ffffff 0%, #faf6ec 65%, #f3ece0 100%) !important;
border: 1.5px solid rgba(177, 135, 61, 0.45) !important;
border-top: 1.5px solid rgba(255, 255, 255, 1) !important;
border-bottom: 3.5px solid rgba(177, 135, 61, 0.6) !important;
box-shadow:
0 2px 6px rgba(0, 0, 0, 0.06),
0 8px 24px rgba(30, 53, 59, 0.11),
0 16px 36px -6px rgba(177, 135, 61, 0.14),
inset 0 1px 0 #ffffff,
inset 0 0 20px rgba(177, 135, 61, 0.04) !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage{
border: 3.5px solid #b1873d !important;
box-shadow:
0 6px 18px rgba(30, 53, 59, 0.22),
0 12px 28px rgba(0, 0, 0, 0.15),
inset 0 2px 4px rgba(255, 255, 255, 0.8),
inset 0 -3px 6px rgba(0, 0, 0, 0.4) !important;
transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage:hover{
transform: scale(1.03) !important;
box-shadow:
0 8px 24px rgba(30, 53, 59, 0.28),
0 16px 36px rgba(177, 135, 61, 0.3),
inset 0 2px 4px rgba(255, 255, 255, 0.9),
inset 0 -3px 6px rgba(0, 0, 0, 0.45) !important;
}
body.page-Main_Page .vh-gw-icon-circle{
background: linear-gradient(145deg, #ffffff 0%, #f6efe0 50%, #eadecb 100%) !important;
border: 1.5px solid #b1873d !important;
box-shadow:
0 3px 6px rgba(0, 0, 0, 0.10),
inset 0 1px 1px #ffffff,
inset 0 -1.5px 2px rgba(177, 135, 61, 0.45) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
body.page-Main_Page .vh-gateway:hover .vh-gw-icon-circle{
transform: scale(1.08) translateY(-1px) !important;
background: linear-gradient(145deg, #fdfbf7 0%, #f2e3c6 100%) !important;
box-shadow:
0 5px 10px rgba(177, 135, 61, 0.25),
inset 0 1px 1px #ffffff,
inset 0 -1.5px 2px rgba(177, 135, 61, 0.6) !important;
}
body.page-Main_Page .vh-timeline-years .vh-year{
background: linear-gradient(180deg, #ffffff 0%, #f4eee2 100%) !important;
border: 1px solid rgba(177, 135, 61, 0.35) !important;
border-top: 1px solid rgba(255, 255, 255, 0.95) !important;
border-bottom: 2.5px solid rgba(177, 135, 61, 0.55) !important;
border-radius: 14px !important;
box-shadow:
0 2px 4px rgba(0, 0, 0, 0.07),
inset 0 1px 0 #ffffff !important;
transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover{
transform: translateY(-2px) !important;
border-bottom: 3.5px solid rgba(177, 135, 61, 0.75) !important;
box-shadow:
0 4px 10px rgba(177, 135, 61, 0.22),
inset 0 1px 0 #ffffff !important;
color: #1e353b !important;
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active{
background: linear-gradient(180deg, #345B63 0%, #1f373c 100%) !important;
color: #ffffff !important;
border: 1px solid #122124 !important;
border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
border-bottom: 2.5px solid #0d1719 !important;
box-shadow:
inset 0 1px 2px rgba(0, 0, 0, 0.4),
0 2px 5px rgba(0, 0, 0, 0.15) !important;
}
body.page-Main_Page .vh-btn-pill,
body.page-Main_Page .vh-founder-subline a,
body.page-Main_Page .vh-tax-item-link{
box-shadow:
0 2px 5px rgba(0, 0, 0, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.4),
inset 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
transition: all 0.2s ease !important;
}
body.page-Main_Page .vh-btn-pill{
background: linear-gradient(180deg, #3d6a74 0%, #28474e 100%) !important;
color: #ffffff !important;
border: 1px solid #1a2f34 !important;
border-bottom: 2px solid #0f1c1f !important;
border-radius: 16px !important;
padding: 4px 14px !important;
display: inline-block !important;
}
body.page-Main_Page .vh-btn-pill:hover{
background: linear-gradient(180deg, #b1873d 0%, #916c2a 100%) !important;
border-color: #72531a !important;
border-bottom: 2.5px solid #553e13 !important;
transform: translateY(-1.5px) !important;
box-shadow: 0 4px 10px rgba(177, 135, 61, 0.3) !important;
color: #ffffff !important;
}
body.page-Main_Page .vh-founder-subline a{
background: linear-gradient(180deg, #ffffff 0%, #f6efe2 100%) !important;
border: 1px solid rgba(177, 135, 61, 0.4) !important;
border-bottom: 2.5px solid rgba(177, 135, 61, 0.65) !important;
}
body.page-Main_Page .vh-founder-subline a:hover{
background: linear-gradient(180deg, #345B63 0%, #213c42 100%) !important;
color: #ffffff !important;
border-color: #162a2e !important;
border-bottom: 2.5px solid #0b1517 !important;
transform: translateY(-1.5px) !important;
box-shadow: 0 4px 10px rgba(30, 53, 59, 0.25) !important;
}
body.page-Main_Page .vh-lifeline{
background: linear-gradient(180deg, #e4ded0 0%, #ede7db 100%) !important;
border: 1px solid rgba(177, 135, 61, 0.25) !important;
border-bottom: 1px solid #ffffff !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.10) !important;
border-radius: 12px !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-gateway,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page .vh-card-media-section{
background: linear-gradient(180deg, #ffffff 0%, #fbf9f4 60%, #f5efe2 100%) !important;
border: 1.5px solid #c09b4d !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #8e6b22 !important;
border-radius: 8px !important;
box-shadow:
0 2px 4px rgba(0, 0, 0, 0.08),
0 8px 20px rgba(24, 38, 35, 0.12),
0 16px 32px -4px rgba(24, 38, 35, 0.14),
inset 0 1px 0 #ffffff,
inset 0 -1px 0 rgba(192, 155, 77, 0.2) !important;
transition: transform 0.22s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.22s cubic-bezier(0.2, 0, 0, 1), border-color 0.22s ease !important;
position: relative !important;
}
body.page-Main_Page .vh-card:hover,
body.page-Main_Page .vh-gateway:hover,
body.page-Main_Page .vh-card-tax:hover,
body.page-Main_Page .vh-card-media-section:hover{
transform: translateY(-4px) !important;
border-color: #d4ab55 !important;
border-bottom: 4.5px solid #7a5818 !important;
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.10),
0 14px 28px rgba(24, 38, 35, 0.18),
0 24px 42px -6px rgba(177, 135, 61, 0.25),
inset 0 1px 0 #ffffff !important;
}
body.page-Main_Page .vh-card-header{
background: linear-gradient(180deg, #faf6ee 0%, #ebe0ca 100%) !important;
border-bottom: 2px solid #b89348 !important;
box-shadow: inset 0 1px 0 #ffffff, 0 2px 4px rgba(0, 0, 0, 0.05) !important;
border-top-left-radius: 6.5px !important;
border-top-right-radius: 6.5px !important;
padding: 8px 14px !important;
}
body.page-Main_Page .vh-badge-text{
font-weight: 800 !important;
letter-spacing: 1.6px !important;
color: #725215 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
body.page-Main_Page .vh-badge-sub{
font-weight: 700 !important;
color: #55442a !important;
background: rgba(177, 135, 61, 0.16) !important;
border: 1px solid rgba(177, 135, 61, 0.35) !important;
border-radius: 4px !important;
padding: 2px 7px !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
body.page-Main_Page .vh-card-sanctuary{
background: radial-gradient(circle at 50% 32%, #ffffff 0%, #fbf6ec 55%, #f0e6d2 100%) !important;
border: 2px solid #b1873d !important;
border-top: 2px solid #ffffff !important;
border-bottom: 4.5px solid #785414 !important;
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.09),
0 12px 28px rgba(24, 38, 35, 0.16),
0 22px 44px -8px rgba(177, 135, 61, 0.22),
inset 0 1px 0 #ffffff,
inset 0 0 24px rgba(177, 135, 61, 0.08) !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-main-title{
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage{
border: 4px solid #b1873d !important;
box-shadow:
0 8px 24px rgba(20, 35, 32, 0.32),
0 16px 36px rgba(0, 0, 0, 0.22),
inset 0 2px 4px rgba(255, 255, 255, 0.9),
inset 0 -4px 8px rgba(0, 0, 0, 0.5) !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage:hover{
transform: scale(1.04) !important;
border-color: #c99c45 !important;
box-shadow:
0 12px 32px rgba(20, 35, 32, 0.40),
0 20px 45px rgba(177, 135, 61, 0.35),
inset 0 2px 4px rgba(255, 255, 255, 1),
inset 0 -4px 8px rgba(0, 0, 0, 0.55) !important;
}
body.page-Main_Page .vh-gateway{
padding: 14px 10px 12px 10px !important;
}
body.page-Main_Page .vh-gw-icon-circle{
width: 38px !important;
height: 38px !important;
background: linear-gradient(135deg, #ffffff 0%, #eedfc7 50%, #d6ba8f 100%) !important;
border: 2px solid #b1873d !important;
border-top-color: #ffffff !important;
border-bottom-color: #825f18 !important;
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.14),
inset 0 1px 1.5px #ffffff,
inset 0 -2px 3px rgba(130, 95, 30, 0.5) !important;
}
body.page-Main_Page .vh-gateway:hover .vh-gw-icon-circle{
transform: scale(1.1) translateY(-2px) !important;
background: linear-gradient(135deg, #ffffff 0%, #f7ebd5 50%, #e5cb9e 100%) !important;
border-color: #c49d48 !important;
box-shadow:
0 6px 14px rgba(177, 135, 61, 0.35),
inset 0 1px 2px #ffffff,
inset 0 -2px 4px rgba(130, 95, 30, 0.6) !important;
}
body.page-Main_Page .vh-gateway-title{
font-size: 14px !important;
font-weight: 700 !important;
color: #14282c !important;
letter-spacing: 1.4px !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important;
margin-top: 6px !important;
}
body.page-Main_Page .vh-timeline-years .vh-year{
background: linear-gradient(180deg, #ffffff 0%, #efe7d6 100%) !important;
border: 1.5px solid #b89348 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #785414 !important;
border-radius: 14px !important;
font-weight: 700 !important;
color: #213c42 !important;
box-shadow:
0 3px 6px rgba(0, 0, 0, 0.10),
inset 0 1px 0 #ffffff !important;
padding: 4px 12px !important;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover{
transform: translateY(-2.5px) !important;
border-color: #cda24e !important;
border-bottom: 4.5px solid #63430c !important;
box-shadow:
0 6px 14px rgba(177, 135, 61, 0.28),
inset 0 1px 0 #ffffff !important;
color: #0b1a1c !important;
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active{
background: linear-gradient(180deg, #2b4f57 0%, #172c30 100%) !important;
color: #ffffff !important;
border: 1.5px solid #0d191c !important;
border-top: 1.5px solid rgba(255, 255, 255, 0.4) !important;
border-bottom: 3.5px solid #060c0d !important;
box-shadow:
inset 0 2px 4px rgba(0, 0, 0, 0.5),
0 2px 6px rgba(0, 0, 0, 0.2) !important;
}
body.page-Main_Page .vh-lifeline{
background: linear-gradient(180deg, #ded6c4 0%, #e8e1d3 100%) !important;
border: 1.5px solid #a8843c !important;
border-top-color: #8c6a26 !important;
border-bottom-color: #ffffff !important;
box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16) !important;
border-radius: 12px !important;
}
body.page-Main_Page .vh-btn-pill{
background: linear-gradient(180deg, #376069 0%, #20393f 100%) !important;
color: #ffffff !important;
border: 1.5px solid #142529 !important;
border-top: 1.5px solid rgba(255, 255, 255, 0.45) !important;
border-bottom: 3px solid #0a1315 !important;
border-radius: 16px !important;
padding: 5px 16px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
box-shadow:
0 3px 7px rgba(0, 0, 0, 0.20),
inset 0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 -1px 0 rgba(0, 0, 0, 0.3) !important;
}
body.page-Main_Page .vh-btn-pill:hover{
background: linear-gradient(180deg, #b88e40 0%, #8c661d 100%) !important;
border-color: #61440d !important;
border-top-color: rgba(255, 255, 255, 0.5) !important;
border-bottom: 3.5px solid #432e08 !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 14px rgba(177, 135, 61, 0.38) !important;
color: #ffffff !important;
}
body.page-Main_Page .vh-founder-subline a{
background: linear-gradient(180deg, #ffffff 0%, #f4ebd9 100%) !important;
border: 1.5px solid #b89348 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3px solid #785414 !important;
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.08), inset 0 1px 0 #ffffff !important;
}
body.page-Main_Page .vh-founder-subline a:hover{
background: linear-gradient(180deg, #345B63 0%, #1b3237 100%) !important;
color: #ffffff !important;
border-color: #0e1e21 !important;
border-top-color: rgba(255, 255, 255, 0.4) !important;
border-bottom: 3.5px solid #050b0c !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 14px rgba(30, 53, 59, 0.3) !important;
}
body.page-Main_Page .vh-card-media-section{
background: linear-gradient(180deg, #ffffff 0%, #faf6ee 100%) !important;
border: 1.5px solid #b89348 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #785414 !important;
margin-top: 8px !important;
margin-bottom: 24px !important;
}
body.page-Main_Page .vh-media-desc{
font-size: 13.5px !important;
font-weight: 500 !important;
color: #273b40 !important;
}
body.page-Main_Page .vh-section-header,
body.page-Main_Page .vh-section-badge,
body.page-Main_Page .vh-section-heading{
display: none !important;
}
body.page-Main_Page .vh-gateways-frame,
body.page-Main_Page .vh-gateway,
body.page-Main_Page .vh-gw-icon-circle{
display: none !important;
}
body.page-Main_Page{
overflow-y: hidden !important;
overflow-x: hidden !important;
}
body.page-Main_Page #vani-home{
height: calc(100vh - 56px) !important;
max-height: calc(100vh - 56px) !important;
box-sizing: border-box !important;
padding: 6px 16px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 6px !important;
overflow: hidden !important;
position: relative !important;
}
body.page-Main_Page .vh-intro,
body.page-Main_Page .vh-now,
body.page-Main_Page .vh-main,
body.page-Main_Page .vh-gateways,
body.page-Main_Page .vh-who-link{
position: static !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
display: block !important;
}
body.page-Main_Page .vh-triad-grid{
flex: 1 1 37% !important;
max-height: 38vh !important;
min-height: 0 !important;
display: grid !important;
grid-template-columns: 1fr 1.15fr 1fr !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-header{
flex: 0 0 auto !important;
padding: 5px 10px !important;
}
body.page-Main_Page .vh-card-body{
flex: 1 1 auto !important;
padding: 6px 10px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
min-height: 0 !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-sanctuary{
padding: 6px 12px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-hero-title-wrap{
margin: 0 !important;
line-height: 1 !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-who-corner{
position: static !important;
display: block !important;
font-size: 9.5px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
color: #b1873d !important;
margin: 0 auto 2px auto !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-main-title{
font-size: 24px !important;
line-height: 1.1 !important;
font-weight: 700 !important;
color: #123f38 !important;
display: flex !important;
justify-content: center !important;
gap: 8px !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-founder-subline{
margin: 2px auto !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-founder-subline a{
padding: 2px 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-portrait-wrapper{
margin: 2px auto !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage{
width: 85px !important;
height: 85px !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-gold-rule{
width: 28px !important;
height: 2px !important;
margin: 2px auto !important;
background: #b1873d !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-description{
position: static !important;
width: auto !important;
max-width: 90% !important;
min-height: 0 !important;
font-size: 13px !important;
line-height: 1.25 !important;
color: #345B63 !important;
margin: 0 auto !important;
padding: 0 !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 auto !important;
height: 62px !important;
max-height: 62px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
position: relative !important;
}
body.page-Main_Page .vh-timeline-years{
position: static !important;
top: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
margin: 0 0 3px 0 !important;
padding: 0 !important;
width: 100% !important;
white-space: nowrap !important;
}
body.page-Main_Page .vh-timeline-years .vh-year{
padding: 2px 8px !important;
font-size: 11px !important;
line-height: 1.2 !important;
}
body.page-Main_Page .vh-lifeline-window{
position: relative !important;
height: 30px !important;
max-height: 30px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-timeline-track{
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 1 1 37% !important;
max-height: 39vh !important;
min-height: 0 !important;
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 10px !important;
height: 100% !important;
width: 100% !important;
margin: 0 !important;
}
body.page-Main_Page .vh-card-tax{
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-tax .vh-card-header{
padding: 4px 8px !important;
}
body.page-Main_Page .vh-card-tax .vh-card-body{
padding: 5px 8px !important;
}
body.page-Main_Page .vh-tax-spotlight-item{
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
body.page-Main_Page .vh-tax-item-name a{
font-size: 13.5px !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-tax-item-desc{
font-size: 11px !important;
line-height: 1.35 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-tax-item-link{
font-size: 10px !important;
margin-top: auto !important;
}
body.page-Main_Page .vh-card-media-section{
flex: 0 0 auto !important;
height: 42px !important;
max-height: 42px !important;
margin: 0 !important;
padding: 0 14px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-media-section .vh-card-header{
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-card-media-section .vh-media-body{
padding: 0 !important;
flex: 1 1 auto !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
}
body.page-Main_Page .vh-card-media-section .vh-media-desc{
font-size: 11.5px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: #273b40 !important;
flex: 1 1 auto !important;
}
body.page-Main_Page .vh-card-media-section .vh-media-actions{
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-card-media-section .vh-btn-pill{
padding: 3px 12px !important;
font-size: 10px !important;
}
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 #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: calc(100vh - 54px) !important;
max-height: calc(100vh - 54px) !important;
box-sizing: border-box !important;
padding: 10px 24px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 12px !important;
overflow: hidden !important;
position: relative !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-gateway,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page .vh-card-media-section{
background: linear-gradient(180deg, #ffffff 0%, #fafbfc 65%, #f2f7f7 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #233e44 !important;
border-radius: 8px !important;
box-shadow:
0 2px 4px rgba(52, 91, 99, 0.08),
0 8px 20px rgba(52, 91, 99, 0.14),
0 16px 30px -4px rgba(52, 91, 99, 0.16),
inset 0 1px 0 #ffffff !important;
transition: transform 0.22s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.22s cubic-bezier(0.2, 0, 0, 1), border-color 0.22s ease !important;
position: relative !important;
}
body.page-Main_Page .vh-card:hover,
body.page-Main_Page .vh-gateway:hover,
body.page-Main_Page .vh-card-tax:hover,
body.page-Main_Page .vh-card-media-section:hover{
transform: translateY(-3px) !important;
border-color: #43727c !important;
border-bottom: 4.5px solid #1a2f34 !important;
box-shadow:
0 4px 8px rgba(52, 91, 99, 0.12),
0 12px 26px rgba(52, 91, 99, 0.22),
0 22px 38px -6px rgba(52, 91, 99, 0.26),
inset 0 1px 0 #ffffff !important;
}
body.page-Main_Page .vh-card-header{
background: linear-gradient(180deg, #ffffff 0%, #eaf1f2 100%) !important;
border-bottom: 2px solid #345B63 !important;
box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(52, 91, 99, 0.06) !important;
border-top-left-radius: 6.5px !important;
border-top-right-radius: 6.5px !important;
padding: 5px 12px !important;
}
body.page-Main_Page .vh-badge-text{
font-weight: 800 !important;
letter-spacing: 1.5px !important;
color: #345B63 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
body.page-Main_Page .vh-badge-sub{
font-weight: 700 !important;
color: #233e44 !important;
background: rgba(52, 91, 99, 0.12) !important;
border: 1px solid rgba(52, 91, 99, 0.35) !important;
border-radius: 4px !important;
padding: 2px 7px !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}
body.page-Main_Page .vh-card-sanctuary{
background: radial-gradient(circle at 50% 30%, #ffffff 0%, #f6faf9 60%, #e7f0ef 100%) !important;
border: 2px solid #345B63 !important;
border-top: 2px solid #ffffff !important;
border-bottom: 4.5px solid #1a2f34 !important;
box-shadow:
0 4px 8px rgba(52, 91, 99, 0.10),
0 12px 26px rgba(52, 91, 99, 0.18),
0 22px 40px -6px rgba(52, 91, 99, 0.22),
inset 0 1px 0 #ffffff,
inset 0 0 24px rgba(52, 91, 99, 0.05) !important;
padding: 6px 14px !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage{
width: 80px !important;
height: 80px !important;
border: 3.5px solid #345B63 !important;
box-shadow:
0 6px 18px rgba(52, 91, 99, 0.35),
0 12px 26px rgba(26, 47, 52, 0.25),
inset 0 2px 4px rgba(255, 255, 255, 0.9),
inset 0 -3px 6px rgba(26, 47, 52, 0.5) !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage:hover{
transform: scale(1.04) !important;
border-color: #4a7d87 !important;
box-shadow:
0 8px 22px rgba(52, 91, 99, 0.45),
0 16px 32px rgba(26, 47, 52, 0.35),
inset 0 2px 4px rgba(255, 255, 255, 1),
inset 0 -3px 6px rgba(26, 47, 52, 0.55) !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-main-title{
font-size: 22px !important;
color: #123f38 !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-who-corner{
color: #345B63 !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-gold-rule{
background: #345B63 !important;
width: 26px !important;
height: 2px !important;
margin: 2px auto !important;
}
body.page-Main_Page .vh-card-sanctuary .vh-description{
font-size: 12.5px !important;
color: #345B63 !important;
line-height: 1.25 !important;
}
body.page-Main_Page .vh-triad-grid{
flex: 0 0 220px !important;
height: 220px !important;
max-height: 220px !important;
gap: 20px !important;
margin: 0 !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
height: 220px !important;
max-height: 220px !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 58px !important;
height: 58px !important;
max-height: 58px !important;
margin: 0 !important;
}
body.page-Main_Page .vh-timeline-years{
gap: 8px !important;
margin: 0 0 3px 0 !important;
}
body.page-Main_Page .vh-timeline-years .vh-year{
background: linear-gradient(180deg, #ffffff 0%, #edf4f4 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3px solid #233e44 !important;
border-radius: 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
color: #345B63 !important;
padding: 2px 9px !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.12), inset 0 1px 0 #ffffff !important;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover{
transform: translateY(-2px) !important;
border-color: #4a7d87 !important;
border-bottom: 3.5px solid #1a2f34 !important;
box-shadow: 0 4px 10px rgba(52, 91, 99, 0.25), inset 0 1px 0 #ffffff !important;
color: #123f38 !important;
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active{
background: linear-gradient(180deg, #345B63 0%, #1e353b 100%) !important;
color: #ffffff !important;
border: 1.5px solid #142529 !important;
border-bottom: 3px solid #0b1517 !important;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4), 0 2px 5px rgba(52, 91, 99, 0.2) !important;
}
body.page-Main_Page .vh-lifeline{
background: linear-gradient(180deg, #dce8e8 0%, #e8f0f0 100%) !important;
border: 1.5px solid #345B63 !important;
border-bottom-color: #ffffff !important;
box-shadow: inset 0 2px 4px rgba(52, 91, 99, 0.18) !important;
}
body.page-Main_Page .vh-timeline-dot{
background: #345B63 !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 1px #345B63 !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 170px !important;
height: 170px !important;
max-height: 170px !important;
margin: 0 !important;
}
body.page-Main_Page .vh-taxonomy-grid{
gap: 18px !important;
height: 100% !important;
}
body.page-Main_Page .vh-card-tax{
height: 170px !important;
max-height: 170px !important;
}
body.page-Main_Page .vh-tax-item-name a{
font-size: 13.5px !important;
color: #1e353b !important;
}
body.page-Main_Page .vh-tax-item-name a:hover{
color: #345B63 !important;
}
body.page-Main_Page .vh-tax-item-desc{
font-size: 11px !important;
line-height: 1.35 !important;
color: #3e565c !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-tax-item-link{
color: #345B63 !important;
}
body.page-Main_Page .vh-card-media-section{
flex: 0 0 40px !important;
height: 40px !important;
max-height: 40px !important;
margin: 0 !important;
padding: 0 18px !important;
}
body.page-Main_Page .vh-media-desc{
font-size: 12px !important;
color: #345B63 !important;
font-weight: 500 !important;
}
body.page-Main_Page .vh-btn-pill{
background: linear-gradient(180deg, #3d6a74 0%, #25444a 100%) !important;
color: #ffffff !important;
border: 1.5px solid #1a2f34 !important;
border-top: 1.5px solid rgba(255, 255, 255, 0.4) !important;
border-bottom: 2.5px solid #0f1c1f !important;
border-radius: 14px !important;
padding: 3px 14px !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}
body.page-Main_Page .vh-btn-pill:hover{
background: linear-gradient(180deg, #4c828d 0%, #2e545b 100%) !important;
transform: translateY(-1.5px) !important;
box-shadow: 0 4px 10px rgba(52, 91, 99, 0.35) !important;
color: #ffffff !important;
}
body.page-Main_Page .vh-founder-subline a{
background: linear-gradient(180deg, #ffffff 0%, #edf5f5 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 2.5px solid #233e44 !important;
color: #345B63 !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.12), inset 0 1px 0 #ffffff !important;
}
body.page-Main_Page .vh-founder-subline a:hover{
background: linear-gradient(180deg, #345B63 0%, #223f45 100%) !important;
color: #ffffff !important;
border-color: #162c30 !important;
border-bottom: 2.5px solid #0b1719 !important;
transform: translateY(-1.5px) !important;
box-shadow: 0 4px 10px rgba(52, 91, 99, 0.30) !important;
}
body.page-Main_Page #vani-home{
max-width: 1260px !important;
width: 95% !important;
margin: 0 auto !important;
padding: 8px 16px !important;
height: calc(100vh - 54px) !important;
max-height: calc(100vh - 54px) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 12px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-sanctuary{
padding: 8px 14px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
background: radial-gradient(circle at 50% 30%, #ffffff 0%, #f6faf9 60%, #e7f0ef 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #233e44 !important;
}
body.page-Main_Page .vh-sanctuary-title{
margin: 0 !important;
line-height: 1.1 !important;
text-align: center !important;
}
body.page-Main_Page .vh-sanctuary-title a{
text-decoration: none !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
body.page-Main_Page .vh-who-sub{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
color: #345B63 !important;
text-transform: uppercase !important;
margin-bottom: 1px !important;
}
body.page-Main_Page .vh-who-main{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 22px !important;
font-weight: 700 !important;
color: #123f38 !important;
letter-spacing: 0.5px !important;
}
body.page-Main_Page .vh-hero-title-wrap,
body.page-Main_Page .vh-founder-subline::before,
body.page-Main_Page .vh-founder-subline::after{
content: none !important;
display: none !important;
}
body.page-Main_Page .vh-founder-subline{
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
}
body.page-Main_Page .vh-founder-btn-wrap{
margin: 2px auto !important;
}
body.page-Main_Page .vh-btn-founder{
background: linear-gradient(180deg, #ffffff 0%, #edf5f5 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 2.5px solid #233e44 !important;
color: #345B63 !important;
font-size: 11px !important;
font-weight: 700 !important;
padding: 2px 14px !important;
border-radius: 14px !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.12), inset 0 1px 0 #ffffff !important;
display: inline-block !important;
}
body.page-Main_Page .vh-btn-founder:hover{
background: linear-gradient(180deg, #345B63 0%, #223f45 100%) !important;
color: #ffffff !important;
border-color: #162c30 !important;
border-bottom: 2.5px solid #0b1719 !important;
transform: translateY(-1.5px) !important;
box-shadow: 0 4px 10px rgba(52, 91, 99, 0.30) !important;
}
body.page-Main_Page .vh-portrait-wrapper{
margin: 2px auto !important;
}
body.page-Main_Page .vh-portrait-wrapper .vh-photo-stage{
width: 78px !important;
height: 78px !important;
border: 3px solid #345B63 !important;
box-shadow: 0 6px 16px rgba(52, 91, 99, 0.32), inset 0 2px 4px rgba(255, 255, 255, 0.9), inset 0 -3px 6px rgba(26, 47, 52, 0.5) !important;
}
body.page-Main_Page .vh-gold-rule{
width: 26px !important;
height: 2px !important;
margin: 2px auto !important;
background: #345B63 !important;
}
body.page-Main_Page .vh-description{
font-size: 12px !important;
line-height: 1.25 !important;
color: #345B63 !important;
margin: 0 !important;
padding: 0 !important;
max-width: 90% !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 64px !important;
height: 64px !important;
max-height: 64px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-timeline-years{
gap: 8px !important;
margin: 0 !important;
}
body.page-Main_Page .vh-lifeline-window{
height: 34px !important;
max-height: 34px !important;
position: relative !important;
overflow: hidden !important;
background: transparent !important;
border: none !important;
}
body.page-Main_Page .vh-lifeline{
height: 100% !important;
background: linear-gradient(180deg, #dce8e8 0%, #e8f0f0 100%) !important;
border: 1.5px solid #345B63 !important;
border-radius: 8px !important;
box-shadow: inset 0 2px 4px rgba(52, 91, 99, 0.15) !important;
}
body.page-Main_Page .vh-timeline-track{
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
}
body.page-Main_Page .vh-timeline-event{
display: inline-flex !important;
align-items: center !important;
padding: 0 10px !important;
font-size: 11px !important;
color: #1e353b !important;
white-space: nowrap !important;
}
body.page-Main_Page .vh-card-media-section{
flex: 0 0 44px !important;
height: 44px !important;
max-height: 44px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 18px !important;
box-sizing: border-box !important;
margin: 0 !important;
}
body.page-Main_Page .vh-media-left{
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-media-left .vh-badge-text a{
font-size: 12px !important;
font-weight: 800 !important;
color: #345B63 !important;
letter-spacing: 1px !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-media-center{
flex: 1 1 auto !important;
text-align: center !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
color: #273b40 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
padding: 0 14px !important;
}
body.page-Main_Page .vh-media-right{
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-media-right .vh-btn-pill{
padding: 3px 14px !important;
font-size: 11px !important;
}
body.page-Main_Page .vh-triad-grid{
flex: 0 0 215px !important;
height: 215px !important;
max-height: 215px !important;
gap: 18px !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
height: 215px !important;
max-height: 215px !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 165px !important;
height: 165px !important;
max-height: 165px !important;
}
body.page-Main_Page .vh-taxonomy-grid{
gap: 16px !important;
height: 100% !important;
}
body.page-Main_Page .vh-card-tax{
height: 165px !important;
max-height: 165px !important;
}
body.page-Main_Page #vani-home{
width: 90% !important;
max-width: 1140px !important;
min-width: 0 !important;
margin: 0 auto !important;
padding: 8px 16px !important;
height: calc(100vh - 54px) !important;
max-height: calc(100vh - 54px) !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 12px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-triad-grid{
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
flex: 0 0 215px !important;
height: 215px !important;
max-height: 215px !important;
width: 100% !important;
margin: 0 !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
height: 215px !important;
max-height: 215px !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #233e44 !important;
border-radius: 8px !important;
background: linear-gradient(180deg, #ffffff 0%, #fafbfc 65%, #f2f7f7 100%) !important;
box-shadow:
0 2px 4px rgba(52, 91, 99, 0.08),
0 8px 20px rgba(52, 91, 99, 0.14),
0 16px 30px -4px rgba(52, 91, 99, 0.16),
inset 0 1px 0 #ffffff !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-sanctuary-card{
padding: 8px 14px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
background: radial-gradient(circle at 50% 30%, #ffffff 0%, #f6faf9 60%, #e7f0ef 100%) !important;
}
body.page-Main_Page .vh-sanctuary-header-text{
margin: 0 !important;
line-height: 1 !important;
text-align: center !important;
}
body.page-Main_Page .vh-sanctuary-who{
display: block !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
color: #345B63 !important;
text-transform: uppercase !important;
margin-bottom: 2px !important;
}
body.page-Main_Page .vh-sanctuary-name a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 21px !important;
font-weight: 700 !important;
color: #123f38 !important;
text-decoration: none !important;
letter-spacing: 0.5px !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 76px !important;
height: 76px !important;
border-radius: 50% !important;
border: 3px solid #345B63 !important;
box-shadow:
0 4px 12px rgba(52, 91, 99, 0.35),
inset 0 2px 4px #ffffff,
inset 0 -2px 4px rgba(26, 47, 52, 0.5) !important;
overflow: hidden !important;
position: relative !important;
}
body.page-Main_Page .vh-sanctuary-btn-box{
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-founder-pill{
display: inline-block !important;
background: linear-gradient(180deg, #ffffff 0%, #edf5f5 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 2.5px solid #233e44 !important;
color: #345B63 !important;
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 11px !important;
font-weight: 700 !important;
padding: 2px 14px !important;
border-radius: 14px !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.15), inset 0 1px 0 #ffffff !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-sanctuary-founder-pill:hover{
background: linear-gradient(180deg, #345B63 0%, #223f45 100%) !important;
color: #ffffff !important;
border-color: #162c30 !important;
border-bottom: 2.5px solid #0b1719 !important;
transform: translateY(-1px) !important;
}
body.page-Main_Page .vh-sanctuary-rule{
width: 28px !important;
height: 2px !important;
background: #345B63 !important;
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-subtitle{
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.25 !important;
color: #345B63 !important;
margin: 0 !important;
text-align: center !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 165px !important;
height: 165px !important;
max-height: 165px !important;
width: 100% !important;
margin: 0 !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
height: 100% !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-tax{
height: 165px !important;
max-height: 165px !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3.5px solid #233e44 !important;
border-radius: 8px !important;
background: linear-gradient(180deg, #ffffff 0%, #fafbfc 65%, #f2f7f7 100%) !important;
box-shadow:
0 2px 4px rgba(52, 91, 99, 0.08),
0 8px 20px rgba(52, 91, 99, 0.14),
0 16px 30px -4px rgba(52, 91, 99, 0.16),
inset 0 1px 0 #ffffff !important;
}
body.page-Main_Page .vh-media-bar{
flex: 0 0 44px !important;
height: 44px !important;
max-height: 44px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 18px !important;
background: linear-gradient(180deg, #ffffff 0%, #f2f7f7 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 3px solid #233e44 !important;
border-radius: 8px !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.10) !important;
box-sizing: border-box !important;
margin: 0 !important;
}
body.page-Main_Page .vh-media-bar-title{
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-media-bar-name a{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 12px !important;
font-weight: 800 !important;
color: #345B63 !important;
letter-spacing: 1px !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-media-bar-desc{
flex: 1 1 auto !important;
text-align: center !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
color: #273b40 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
padding: 0 16px !important;
}
body.page-Main_Page .vh-media-bar-btn{
flex-shrink: 0 !important;
}
body.page-Main_Page #vani-home{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: calc(100vh - 54px) !important;
max-height: calc(100vh - 54px) !important;
margin: 0 !important;
padding: 10px 30px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 12px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page .vh-sanctuary-card,
body.page-Main_Page .vh-card-memories,
body.page-Main_Page .vh-card-article,
body.page-Main_Page .vh-media-bar{
border: 2px solid #345B63 !important;
border-top: 2px solid #345B63 !important; /* CRITICAL: EXPLICIT VISIBLE TOP BORDER */
border-bottom: 3.5px solid #233e44 !important;
border-radius: 8px !important;
box-shadow:
0 2px 4px rgba(52, 91, 99, 0.08),
0 8px 20px rgba(52, 91, 99, 0.14),
0 16px 30px -4px rgba(52, 91, 99, 0.16) !important;
}
body.page-Main_Page .vh-card-header{
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
border-bottom: 2px solid #345B63 !important;
padding: 6px 12px !important;
}
body.page-Main_Page .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: stretch !important;
gap: 28px !important;
flex: 0 0 230px !important;
height: 230px !important;
max-height: 230px !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
flex: 1 1 0 !important;
max-width: 400px !important; /* NARROWER RECTANGLES */
height: 230px !important;
max-height: 230px !important;
}
body.page-Main_Page .vh-sanctuary-card{
padding: 8px 14px !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
background: radial-gradient(circle at 50% 30%, #ffffff 0%, #f6faf9 60%, #e7f0ef 100%) !important;
}
body.page-Main_Page .vh-sanctuary-header-text,
body.page-Main_Page .vh-sanctuary-header-text *,
body.page-Main_Page .vh-sanctuary-name,
body.page-Main_Page .vh-sanctuary-name *{
background: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
}
body.page-Main_Page .vh-sanctuary-header-text{
margin: 0 !important;
line-height: 1 !important;
}
body.page-Main_Page .vh-sanctuary-who{
display: block !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
color: #345B63 !important;
text-transform: uppercase !important;
margin-bottom: 2px !important;
}
body.page-Main_Page .vh-sanctuary-name a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 21px !important;
font-weight: 700 !important;
color: #123f38 !important;
text-decoration: none !important;
display: block !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 74px !important;
height: 74px !important;
border-radius: 50% !important;
border: 3px solid #345B63 !important;
box-shadow:
0 4px 12px rgba(52, 91, 99, 0.35),
inset 0 2px 4px #ffffff,
inset 0 -2px 4px rgba(26, 47, 52, 0.5) !important;
overflow: hidden !important;
position: relative !important;
}
body.page-Main_Page .vh-sanctuary-btn-box{
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-founder-pill{
display: inline-block !important;
background: linear-gradient(180deg, #ffffff 0%, #edf5f5 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #ffffff !important;
border-bottom: 2.5px solid #233e44 !important;
color: #345B63 !important;
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 11px !important;
font-weight: 700 !important;
padding: 3px 16px !important;
border-radius: 14px !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.15), inset 0 1px 0 #ffffff !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-sanctuary-founder-pill:hover{
background: linear-gradient(180deg, #345B63 0%, #223f45 100%) !important;
color: #ffffff !important;
border-color: #162c30 !important;
border-bottom: 2.5px solid #0b1719 !important;
transform: translateY(-1px) !important;
}
body.page-Main_Page .vh-sanctuary-rule{
width: 26px !important;
height: 2px !important;
background: #345B63 !important;
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-subtitle{
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.25 !important;
color: #345B63 !important;
margin: 0 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.page-Main_Page .vh-card-memories .vh-card-snippet{
font-size: 11.5px !important;
line-height: 1.35 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-article .vh-discover-secondary{
font-size: 11.5px !important;
line-height: 1.35 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 68px !important;
height: 68px !important;
max-height: 68px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 1300px !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-timeline-years{
position: static !important;
top: 0 !important;
display: flex !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-lifeline-window{
height: 36px !important;
max-height: 36px !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
}
body.page-Main_Page .vh-lifeline{
height: 100% !important;
background: linear-gradient(180deg, #dce8e8 0%, #e8f0f0 100%) !important;
border: 1.5px solid #345B63 !important;
border-radius: 8px !important;
box-shadow: inset 0 2px 4px rgba(52, 91, 99, 0.15) !important;
}
body.page-Main_Page .vh-timeline-track{
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
}
body.page-Main_Page .vh-timeline-event{
display: inline-flex !important;
align-items: center !important;
padding: 0 12px !important;
font-size: 11px !important;
color: #1e353b !important;
white-space: nowrap !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 175px !important;
height: 175px !important;
max-height: 175px !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
gap: 22px !important;
height: 100% !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-tax{
flex: 1 1 0 !important;
max-width: 290px !important; /* NARROWER TAXONOMY CARDS */
height: 175px !important;
max-height: 175px !important;
}
body.page-Main_Page .vh-card-tax .vh-card-body{
padding: 6px 12px !important;
height: calc(100% - 34px) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
body.page-Main_Page .vh-tax-spotlight-item{
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
body.page-Main_Page .vh-tax-item-desc{
font-size: 11px !important;
line-height: 1.35 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-media-bar{
flex: 0 0 44px !important;
height: 44px !important;
max-height: 44px !important;
width: 100% !important;
max-width: 1300px !important;
margin: 0 auto !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 20px !important;
background: linear-gradient(180deg, #ffffff 0%, #f2f7f7 100%) !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-media-bar-title{
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-media-bar-name a{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 12px !important;
font-weight: 800 !important;
color: #345B63 !important;
letter-spacing: 1px !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-media-bar-desc{
flex: 1 1 auto !important;
text-align: center !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
color: #273b40 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
padding: 0 20px !important;
}
body.page-Main_Page .vh-media-bar-btn{
flex-shrink: 0 !important;
}
body.page-Main_Page,
html.page-Main_Page{
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
}
body.page-Main_Page #content,
body.page-Main_Page #content.mw-body,
body.page-Main_Page .mw-body,
body.page-Main_Page #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output,
body.page-Main_Page #contentWrapper,
body.page-Main_Page #container,
body.page-Main_Page .vector-body{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
border-left: none !important;
border-right: none !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: calc(100vh - 52px) !important;
max-height: calc(100vh - 52px) !important;
margin: 0 !important;
padding: 6px 16px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
gap: 10px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-triad-grid .vh-card,
body.page-Main_Page .vh-card-memories,
body.page-Main_Page .vh-sanctuary-card,
body.page-Main_Page .vh-card-article,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page .vh-media-bar{
border: 2px solid #345B63 !important;
border-top: 2.5px solid #345B63 !important; /* ULTRA-VISIBLE TOP BORDER */
border-bottom: 3.5px solid #233e44 !important;
border-radius: 8px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-header{
border-top: 2.5px solid #345B63 !important; /* HEADER REINFORCED TOP BORDER */
border-bottom: 2px solid #345B63 !important;
border-top-left-radius: 6px !important;
border-top-right-radius: 6px !important;
padding: 5px 10px !important;
}
body.page-Main_Page .vh-timeline-years .vh-year,
body.page-Main_Page .vh-year{
background: linear-gradient(180deg, #ffffff 0%, #edf4f4 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 2px solid #345B63 !important; /* EXPLICIT SOLID VISIBLE TOP BORDER */
border-bottom: 2.5px solid #1a2f34 !important;
border-radius: 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
color: #345B63 !important;
padding: 3px 10px !important;
line-height: 1.2 !important;
box-shadow: 0 2px 4px rgba(52, 91, 99, 0.12) !important;
transition: all 0.18s ease !important;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover,
body.page-Main_Page .vh-year:hover{
background: linear-gradient(180deg, #3d6a74 0%, #25444a 100%) !important;
color: #ffffff !important;
border-color: #1a2f34 !important;
border-top: 2px solid #1a2f34 !important;
transform: translateY(-1.5px) !important;
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active,
body.page-Main_Page .vh-year.is-active{
background: linear-gradient(180deg, #2b4f57 0%, #15272a 100%) !important;
color: #ffffff !important;
border: 1.5px solid #0b1517 !important;
border-top: 2px solid #0b1517 !important;
border-bottom: 2.5px solid #000000 !important;
}
body.page-Main_Page .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: stretch !important;
gap: 36px !important;
flex: 0 0 235px !important;
height: 235px !important;
max-height: 235px !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
flex: 0 0 280px !important;
width: 280px !important;
max-width: 280px !important;
min-width: 280px !important;
height: 235px !important;
max-height: 235px !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 170px !important;
height: 170px !important;
max-height: 170px !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
gap: 24px !important;
height: 100% !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-tax{
flex: 0 0 210px !important;
width: 210px !important;
max-width: 210px !important;
min-width: 210px !important;
height: 170px !important;
max-height: 170px !important;
}
body.page-Main_Page .vh-media-bar{
flex: 0 0 42px !important;
height: 42px !important;
max-height: 42px !important;
width: 100% !important;
max-width: 930px !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 106px !important;
height: 106px !important;
max-height: 106px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 1050px !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-timeline-years{
position: static !important;
top: 0 !important;
display: flex !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
height: 26px !important;
flex: 0 0 26px !important;
}
body.page-Main_Page .vh-lifeline-window{
height: 72px !important;
max-height: 72px !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
}
body.page-Main_Page .vh-lifeline{
height: 100% !important;
background: linear-gradient(180deg, #dce8e8 0%, #e8f0f0 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 2px solid #345B63 !important;
border-radius: 8px !important;
box-shadow: inset 0 2px 4px rgba(52, 91, 99, 0.15) !important;
position: relative !important;
}
body.page-Main_Page .vh-timeline-track{
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
}
body.page-Main_Page .vh-timeline-event{
display: inline-flex !important;
flex-direction: column !important;
justify-content: center !important;
height: 64px !important;
padding: 0 14px !important;
white-space: normal !important;
width: 240px !important;
flex: 0 0 240px !important;
box-sizing: border-box !important;
border-right: 1px dashed rgba(52, 91, 99, 0.3) !important;
}
body.page-Main_Page .vh-timeline-event .vh-event-date{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10px !important;
font-weight: 800 !important;
color: #8c6a26 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
margin-bottom: 2px !important;
line-height: 1.2 !important;
}
body.page-Main_Page .vh-timeline-event .vh-event-title,
body.page-Main_Page .vh-timeline-event .vh-event-text{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 11px !important;
line-height: 1.35 !important;
color: #1e353b !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-sanctuary-card{
padding: 8px 12px !important;
}
body.page-Main_Page .vh-sanctuary-who{
font-size: 9.5px !important;
font-weight: 800 !important;
letter-spacing: 2px !important;
color: #345B63 !important;
margin-bottom: 1px !important;
}
body.page-Main_Page .vh-sanctuary-name a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 19px !important;
font-weight: 700 !important;
color: #123f38 !important;
line-height: 1.1 !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 72px !important;
height: 72px !important;
border: 2.5px solid #345B63 !important;
border-radius: 50% !important;
box-shadow: 0 4px 10px rgba(52, 91, 99, 0.3) !important;
overflow: hidden !important;
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-founder-pill{
font-size: 10.5px !important;
font-weight: 700 !important;
padding: 2.5px 12px !important;
border: 1.5px solid #345B63 !important;
border-top: 2px solid #345B63 !important; /* SOLID VISIBLE TOP BORDER */
border-bottom: 2.5px solid #1a2f34 !important;
border-radius: 12px !important;
color: #345B63 !important;
background: linear-gradient(180deg, #ffffff 0%, #edf4f4 100%) !important;
text-decoration: none !important;
display: inline-block !important;
}
body.page-Main_Page .vh-sanctuary-founder-pill:hover{
background: linear-gradient(180deg, #3d6a74 0%, #25444a 100%) !important;
color: #ffffff !important;
border-color: #1a2f34 !important;
}
body.page-Main_Page .vh-sanctuary-rule{
width: 24px !important;
height: 2px !important;
background: #345B63 !important;
margin: 2px auto !important;
}
body.page-Main_Page .vh-sanctuary-subtitle{
font-size: 11px !important;
color: #345B63 !important;
line-height: 1.2 !important;
}
body.page-Main_Page,
html.page-Main_Page{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
}
body.page-Main_Page #content,
body.page-Main_Page #content.mw-body,
body.page-Main_Page .mw-body,
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 #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output,
body.page-Main_Page .vector-body,
body.page-Main_Page #contentWrapper,
body.page-Main_Page #container{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
border: none !important;
border-left: none !important;
border-right: none !important;
box-sizing: border-box !important;
left: 0 !important;
}
body.page-Main_Page #mw-panel,
body.page-Main_Page .mw-sidebar-container,
body.page-Main_Page .vector-sidebar-container,
body.page-Main_Page .vector-column-start{
display: none !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: calc(100vh - 52px) !important;
max-height: calc(100vh - 52px) !important;
margin: 0 !important;
padding: 8px 0 !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important; /* PREVENTS PUSHING MEDIA SECTION OFF-SCREEN */
gap: 12px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-triad-grid .vh-card,
body.page-Main_Page .vh-card-memories,
body.page-Main_Page .vh-sanctuary-card,
body.page-Main_Page .vh-card-article,
body.page-Main_Page .vh-card-tax{
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #345B63 !important; /* CRISP UNIFORM 1.5px (NOT THICK!) */
border-bottom: 3px solid #233e44 !important;
border-radius: 8px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-header{
border-top: none !important; /* REMOVE DUPLICATE TOP BORDER ON HEADER */
border-left: none !important;
border-right: none !important;
border-bottom: 1.5px solid #345B63 !important;
border-top-left-radius: 6.5px !important;
border-top-right-radius: 6.5px !important;
padding: 5px 12px !important;
}
body.page-Main_Page .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: stretch !important;
gap: 32px !important;
flex: 0 0 225px !important;
height: 225px !important;
max-height: 225px !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
flex: 0 0 280px !important;
width: 280px !important;
max-width: 280px !important;
min-width: 280px !important;
height: 225px !important;
max-height: 225px !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 96px !important;
height: 96px !important;
max-height: 96px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 100% !important; /* FULL WIDTH EDGE-TO-EDGE */
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-timeline-years{
position: static !important;
display: flex !important;
justify-content: center !important;
gap: 7px !important;
margin: 0 auto !important;
padding: 0 !important;
height: 25px !important;
flex: 0 0 25px !important;
}
body.page-Main_Page .vh-timeline-years .vh-year,
body.page-Main_Page .vh-year{
background: linear-gradient(180deg, #ffffff 0%, #edf4f4 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #345B63 !important;
border-bottom: 2.5px solid #1a2f34 !important;
border-radius: 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
color: #345B63 !important;
padding: 2px 9px !important;
line-height: 1.2 !important;
box-shadow: 0 2px 4px rgba(52, 91, 99, 0.12) !important;
}
body.page-Main_Page .vh-lifeline-window{
height: 64px !important;
max-height: 64px !important;
width: 100% !important;
max-width: 100% !important; /* FULL WIDTH TRACK */
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
}
body.page-Main_Page .vh-lifeline{
height: 100% !important;
width: 100% !important;
background: linear-gradient(180deg, #dce8e8 0%, #e8f0f0 100%) !important;
border-top: 1.5px solid #345B63 !important;
border-bottom: 1.5px solid #345B63 !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important; /* CONTINUOUS SEAMLESS EDGE-TO-EDGE */
box-shadow: inset 0 2px 4px rgba(52, 91, 99, 0.15) !important;
}
body.page-Main_Page .vh-timeline-event{
display: inline-flex !important;
flex-direction: column !important;
justify-content: center !important;
height: 60px !important;
padding: 0 14px !important;
white-space: normal !important;
width: 240px !important;
flex: 0 0 240px !important;
box-sizing: border-box !important;
border-right: 1px dashed rgba(52, 91, 99, 0.3) !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 165px !important;
height: 165px !important;
max-height: 165px !important;
width: 100% !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
gap: 22px !important;
height: 100% !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-tax{
flex: 0 0 210px !important;
width: 210px !important;
max-width: 210px !important;
min-width: 210px !important;
height: 165px !important;
max-height: 165px !important;
}
body.page-Main_Page .vh-media-bar,
body.page-Main_Page .vh-card-media-section{
flex: 0 0 38px !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
width: 920px !important;
max-width: 920px !important;
margin: 0 auto !important;
padding: 0 18px !important;
background: linear-gradient(180deg, #ffffff 0%, #edf5f5 100%) !important;
border: 1.5px solid #345B63 !important;
border-top: 1.5px solid #345B63 !important;
border-bottom: 2.5px solid #233e44 !important;
border-radius: 8px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
overflow: hidden !important;
box-shadow: 0 2px 5px rgba(52, 91, 99, 0.10) !important;
}
body.page-Main_Page .vh-media-bar > div,
body.page-Main_Page .vh-media-bar-title,
body.page-Main_Page .vh-media-bar-desc,
body.page-Main_Page .vh-media-bar-btn,
body.page-Main_Page .vh-card-media-section > div,
body.page-Main_Page .vh-card-media-section .vh-card-header,
body.page-Main_Page .vh-card-media-section .vh-media-body,
body.page-Main_Page .vh-card-media-section .vh-media-desc,
body.page-Main_Page .vh-card-media-section .vh-media-actions{
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
height: auto !important;
max-height: none !important;
}
body.page-Main_Page .vh-media-bar-title,
body.page-Main_Page .vh-card-media-section .vh-card-header{
display: flex !important;
align-items: center !important;
gap: 6px !important;
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-media-bar-desc,
body.page-Main_Page .vh-card-media-section .vh-media-desc{
flex: 1 1 auto !important;
text-align: center !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 11.5px !important;
color: #273b40 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
padding: 0 16px !important;
}
body.page-Main_Page .vh-media-bar-btn,
body.page-Main_Page .vh-card-media-section .vh-media-actions{
flex-shrink: 0 !important;
}
body.page-Main_Page .vh-media-bar-btn .vh-btn-pill,
body.page-Main_Page .vh-card-media-section .vh-btn-pill{
padding: 2.5px 12px !important;
font-size: 10.5px !important;
}
body.page-Main_Page,
html.page-Main_Page{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
background-color: #f6f2e9 !important;
background-image: none !important;
}
body.page-Main_Page #content,
body.page-Main_Page #content.mw-body,
body.page-Main_Page .mw-body,
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 #bodyContent,
body.page-Main_Page #mw-content-text,
body.page-Main_Page .mw-parser-output,
body.page-Main_Page .vector-body,
body.page-Main_Page #contentWrapper,
body.page-Main_Page #container{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
left: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page #mw-panel,
body.page-Main_Page .mw-sidebar-container,
body.page-Main_Page .vector-sidebar-container,
body.page-Main_Page .vector-column-start{
display: none !important;
width: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: calc(100vh - 54px) !important;
max-height: calc(100vh - 54px) !important;
margin: 0 !important;
padding: 18px 40px 14px 40px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important; /* SPREAD CONTENT FROM TOP TO BOTTOM */
gap: 0 !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-triad-grid .vh-card,
body.page-Main_Page .vh-card-memories,
body.page-Main_Page .vh-sanctuary-card,
body.page-Main_Page .vh-card-article,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page .vh-media-bar,
body.page-Main_Page .vh-card-media-section{
background: transparent !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
transform: none !important;
transition: none !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-header,
body.page-Main_Page .vh-card-actions,
body.page-Main_Page .vh-sanctuary-btn-box,
body.page-Main_Page .vh-sanctuary-rule,
body.page-Main_Page .vh-sanctuary-who,
body.page-Main_Page .vh-badge-sub,
body.page-Main_Page .vh-badge-icon,
body.page-Main_Page .vh-tax-item-link,
body.page-Main_Page .vh-random-article-more,
body.page-Main_Page .vh-media-bar-btn{
display: none !important;
}
body.page-Main_Page .vh-card-body{
background: transparent !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: 100% !important;
text-align: center !important;
}
body.page-Main_Page .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: flex-start !important;
width: 100% !important;
max-width: 1450px !important;
margin: 0 auto !important;
flex: 0 0 295px !important;                    /* EXPANDED HEIGHT FOR 180px PORTRAIT */
height: 295px !important;
max-height: 295px !important;
}
body.page-Main_Page .vh-triad-grid .vh-card{
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
}
body.page-Main_Page .vh-triad-grid .vh-sanctuary-card{
flex: 0 0 360px !important;
width: 360px !important;
max-width: 360px !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
margin: 4px auto 6px auto !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
width: 180px !important;
height: 180px !important;
margin: 6px auto 10px auto !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 180px !important;                      /* +120% BIGGER (82px -> 180px) */
height: 180px !important;
border: 4px solid #233e44 !important;
border-top: 4px solid #4a757e !important;
border-bottom: 5px solid #112023 !important;
border-radius: 50% !important;
box-shadow:
0 8px 24px rgba(18, 63, 56, 0.32),
0 2px 6px rgba(0, 0, 0, 0.18),
inset 0 2px 5px rgba(255, 255, 255, 0.7),
inset 0 -3px 6px rgba(0, 0, 0, 0.3) !important;
overflow: hidden !important;
margin: 0 auto !important;
position: relative !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 106px !important;
height: 106px !important;
max-height: 106px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-timeline-years{
position: static !important;
display: flex !important;
justify-content: center !important;
gap: 10px !important;
margin: 0 auto !important;
padding: 0 !important;
height: 27px !important;
flex: 0 0 27px !important;
}
body.page-Main_Page .vh-timeline-years .vh-year,
body.page-Main_Page .vh-year{
background: linear-gradient(180deg, #ffffff 0%, #edf4f4 100%) !important;
border: 1.5px solid #345B63 !important;
border-bottom: 2.5px solid #1a2f34 !important;
border-radius: 12px !important;
font-size: 11px !important;
font-weight: 700 !important;
color: #345B63 !important;
padding: 2px 9px !important;
line-height: 1.2 !important;
box-shadow: 0 2px 4px rgba(52, 91, 99, 0.12) !important;
cursor: pointer !important;
transition: all 0.15s ease !important;
}
body.page-Main_Page .vh-timeline-years .vh-year:hover,
body.page-Main_Page .vh-year:hover{
transform: translateY(-1.5px) !important;
background: linear-gradient(180deg, #3d6a74 0%, #25444a 100%) !important;
color: #ffffff !important;
border-color: #1a2f34 !important;
}
body.page-Main_Page .vh-timeline-years .vh-year.is-active,
body.page-Main_Page .vh-year.is-active{
background: linear-gradient(180deg, #2b4f57 0%, #15272a 100%) !important;
color: #ffffff !important;
border: 1.5px solid #0b1517 !important;
border-bottom: 2px solid #000000 !important;
}
body.page-Main_Page .vh-lifeline-window{
height: 68px !important;
max-height: 68px !important;
width: 100% !important;
max-width: 100% !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
}
body.page-Main_Page .vh-lifeline{
height: 100% !important;
width: 100% !important;
background: linear-gradient(180deg, #dce8e8 0%, #e8f0f0 100%) !important;
border-top: 1.5px solid #345B63 !important;
border-bottom: 1.5px solid #345B63 !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
box-shadow: inset 0 2px 4px rgba(52, 91, 99, 0.15) !important;
}
body.page-Main_Page .vh-timeline-event{
display: inline-flex !important;
flex-direction: column !important;
justify-content: center !important;
height: 64px !important;
padding: 0 18px !important;
white-space: normal !important;
width: 250px !important;
flex: 0 0 250px !important;
box-sizing: border-box !important;
border-right: 1px dashed rgba(52, 91, 99, 0.3) !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 155px !important;
height: 155px !important;
max-height: 155px !important;
width: 100% !important;
max-width: 1450px !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: flex-start !important;
height: 100% !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-tax{
flex: 0 0 260px !important;
width: 260px !important;
max-width: 260px !important;
}
body.page-Main_Page .vh-media-bar{
flex: 0 0 38px !important;
height: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
width: 100% !important;
max-width: 1450px !important;
margin: 0 auto !important;
padding: 0 24px !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
border-top: 1px dashed rgba(52, 91, 99, 0.3) !important;
border-bottom: 1px dashed rgba(52, 91, 99, 0.3) !important;
}
body.page-Main_Page .vh-card-text,
body.page-Main_Page .vh-card-snippet,
body.page-Main_Page .vh-tax-item-desc,
body.page-Main_Page .vh-random-article-extract{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 13px !important;
line-height: 1.5 !important;
color: #2c3e42 !important;
margin: 0 !important;
text-shadow: none !important;
}
body.page-Main_Page .vh-sanctuary-text,
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;                   /* 50% LARGER (12.5px -> 19px) */
font-weight: 600 !important;
line-height: 1.35 !important;
color: #2b4b52 !important;
font-style: italic !important;
max-width: 380px !important;
margin: 0 auto !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text{
font-size: 12.5px !important;
line-height: 1.5 !important;
}
body.page-Main_Page .vh-media-text{
font-size: 12px !important;
font-style: italic !important;
}
body.page-Main_Page .vh-card-title,
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page .vh-random-article-title,
body.page-Main_Page .vh-media-title{
display: block !important;
text-align: center !important;
margin-bottom: 8px !important;
transform: none !important;
}
body.page-Main_Page .vh-card-title a,
body.page-Main_Page .vh-card-memories .vh-card-title a,
body.page-Main_Page .vh-sanctuary-title a,
body.page-Main_Page .vh-card-article .vh-card-title a,
body.page-Main_Page .vh-random-article-title a,
body.page-Main_Page .vh-card-tax .vh-card-title a,
body.page-Main_Page.page
-Main_Page .vh-media-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-weight: 700 !important;
text-decoration: none !important;
display: inline-block !important;
position: relative !important;
padding-bottom: 7px !important;               /* PERFECT SPACE FOR UNDERLINE */
letter-spacing: 0.025em !important;
line-height: 1.25 !important;
cursor: pointer !important;
transform: none !important;
/* 1. LIGHT COLOR FACE (The exact warm temple gold from screenshot) */
color: #dfad3e !important;
-webkit-text-fill-color: #dfad3e !important;
/* 2. DARK SIDES & DEEP CAST SHADOW (The exact 3D from screenshot) */
text-shadow: none !important;
transition: transform 0.22s ease, color 0.22s ease, text-shadow 0.22s ease !important;
}
body.page-Main_Page .vh-sanctuary-title a{
font-size: 28px !important;
letter-spacing: 0.03em !important;
}
body.page-Main_Page .vh-card-memories .vh-card-title a,
body.page-Main_Page .vh-card-article .vh-card-title a,
body.page-Main_Page .vh-random-article-title a{
font-size: 20px !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title a{
font-size: 18.5px !important;
}
body.page-Main_Page .vh-media-title a{
font-size: 14.5px !important;
}
body.page-Main_Page .vh-card-title a::after,
body.page-Main_Page .vh-card-memories .vh-card-title a::after,
body.page-Main_Page .vh-sanctuary-title a::after,
body.page-Main_Page .vh-card-article .vh-card-title a::after,
body.page-Main_Page .vh-random-article-title a::after,
body.page-Main_Page .vh-card-tax .vh-card-title a::after,
body.page-Main_Page .vh-media-title a::after{
content: '' !important;
display: block !important;
position: absolute !important;
bottom: 0 !important;
height: 2.5px !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(223, 173, 62, 0.4) 15%,
#dfad3e 50%,
rgba(223, 173, 62, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 8px rgba(223, 173, 62, 0.75) !important;
border-radius: 2px !important;
pointer-events: none !important;
/* AT REST: VISIBLE BREATHING ANIMATION (2.8s CYCLE) */
animation: vhLineBreath 2.8s ease-in-out infinite !important;
transition: width 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), left 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s ease !important;
}
@keyframes vhLineBreath{
0%, 100% {
width: 25%;
left: 37.5%;
opacity: 0.35;
}
50% {
width: 65%;
left: 17.5%;
opacity: 0.95;                              /* Clearly visible expanding light bar! */
}
}
body.page-Main_Page .vh-card-title a:hover,
body.page-Main_Page .vh-card-memories .vh-card-title a:hover,
body.page-Main_Page .vh-sanctuary-title a:hover,
body.page-Main_Page .vh-card-article .vh-card-title a:hover,
body.page-Main_Page .vh-random-article-title a:hover,
body.page-Main_Page .vh-card-tax .vh-card-title a:hover,
body.page-Main_Page .vh-media-title a:hover{
transform: translateY(-2.5px) !important;     /* RETAINS 3D STEP MOVEMENT */
color: #dfad3e !important;                    /* DOES NOT CHANGE COLOR (STAYS RICH GOLD) */
-webkit-text-fill-color: #dfad3e !important;  /* 100% CONSTANT COLOR */
text-decoration: none !important;
/* Extended 3D shadow deepening as the letters step forward */
text-shadow: none !important;
}
body.page-Main_Page .vh-card-title a:hover::after,
body.page-Main_Page .vh-card-memories .vh-card-title a:hover::after,
body.page-Main_Page .vh-sanctuary-title a:hover::after,
body.page-Main_Page .vh-card-article .vh-card-title a:hover::after,
body.page-Main_Page .vh-random-article-title a:hover::after,
body.page-Main_Page .vh-card-tax .vh-card-title a:hover::after,
body.page-Main_Page .vh-media-title a:hover::after{
animation: none !important;                   /* Stops at-rest breathing */
opacity: 1 !important;
width: 90% !important;                       /* FULL EXTENSION GLIDE! */
left: 5% !important;
/* EXACT SAME GOLD COLOR AS AT REST — ZERO COLOR CHANGE */
background: linear-gradient(
90deg,
transparent 0%,
rgba(223, 173, 62, 0.4) 15%,
#dfad3e 50%,
rgba(223, 173, 62, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 8px rgba(223, 173, 62, 0.75) !important;
}
body.page-Main_Page .vh-sanctuary-text,
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
font-style: normal !important;               /* REGULAR, NOT ITALIC */
font-weight: 600 !important;
font-size: 19px !important;
line-height: 1.35 !important;
color: #2b4b52 !important;
text-align: center !important;
}
body.page-Main_Page .vh-timeline-section{
flex: 0 0 134px !important;
height: 134px !important;
min-height: 134px !important;
max-height: 134px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
}
body.page-Main_Page .vh-lifeline-window{
height: 96px !important;                     /* EXPANDED HEIGHT (WAS 68px) */
min-height: 96px !important;
max-height: 96px !important;
width: 100% !important;
max-width: 100% !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
border: none !important;
background: transparent !important;
}
body.page-Main_Page .vh-lifeline{
height: 100% !important;
width: 100% !important;
background: transparent !important;          /* REMOVE BACKGROUND */
border: none !important;                     /* REMOVE ALL BORDERS */
border-top: none !important;                 /* REMOVE LINE ABOVE */
border-bottom: none !important;
box-shadow: none !important;
}
body.page-Main_Page #vani-home .vh-timeline-track,
body.page-Main_Page .vh-timeline-track{
height: 96px !important;
min-height: 96px !important;
max-height: 96px !important;
}
body.page-Main_Page .vh-timeline-track::before{
top: 36px !important;
background: rgba(177, 135, 61, 0.4) !important;
}
body.page-Main_Page #vani-home .vh-timeline-item,
body.page-Main_Page .vh-timeline-item,
body.page-Main_Page .vh-timeline-event{
width: 240px !important;
min-width: 240px !important;
max-width: 240px !important;
flex: 0 0 240px !important;
height: 96px !important;
min-height: 96px !important;
max-height: 96px !important;
box-sizing: border-box !important;
padding: 8px 16px !important;
background: transparent !important;
border: none !important;
}
body.page-Main_Page .vh-timeline-date{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 11.5px !important;
font-weight: 700 !important;
color: #b1873d !important;                    /* Clear Gold Date */
margin-bottom: 2px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
body.page-Main_Page .vh-timeline-dot{
width: 9px !important;
height: 9px !important;
background: #345B63 !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 1.5px #345B63 !important;
margin: 4px 0 !important;
}
body.page-Main_Page .vh-timeline-text{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.38 !important;
color: #2c3e42 !important;
overflow: visible !important;                /* NEVER CROPPED */
white-space: normal !important;
display: block !important;
}
body.page-Main_Page .vh-sanctuary-text,
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
font-style: normal !important;               /* REGULAR (NOT ITALIC) */
font-weight: 600 !important;
font-size: 19px !important;
line-height: 1.35 !important;
color: #2b4b52 !important;
text-align: center !important;
}
body.page-Main_Page .vh-triad-grid,
body.page-Main_Page .vh-timeline-section,
body.page-Main_Page #vh-timeline-years,
body.page-Main_Page .vh-timeline-years,
body.page-Main_Page .vh-lifeline-window,
body.page-Main_Page .vh-lifeline{
border: none !important;
border-top: none !important;
border-bottom: none !important;
outline: none !important;
box-shadow: none !important;
}
body.page-Main_Page .vh-timeline-section{
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
left: 0 !important;
right: 0 !important;
position: relative !important;
flex: 0 0 190px !important;                    /* EXPANDED TOTAL HEIGHT (150px track + 40px buttons) */
height: 190px !important;
min-height: 190px !important;
max-height: 190px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 0 !important;
background: transparent !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-timeline-years,
body.page-Main_Page #vh-timeline-years{
width: 100% !important;
max-width: 1450px !important;
margin: 0 auto !important;
display: flex !important;
justify-content: center !important;
gap: 10px !important;
height: 28px !important;
flex: 0 0 28px !important;
}
body.page-Main_Page .vh-lifeline-window{
width: 100vw !important;
max-width: 100vw !important;
height: 150px !important;                    /* 50% TALLER (WAS 96px -> NOW 150px) */
min-height: 150px !important;
max-height: 150px !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
background: transparent !important;
}
body.page-Main_Page .vh-lifeline{
width: 100% !important;
height: 100% !important;
background: transparent !important;
position: relative !important;
}
body.page-Main_Page #vani-home .vh-timeline-track,
body.page-Main_Page .vh-timeline-track{
height: 150px !important;
min-height: 150px !important;
max-height: 150px !important;
display: flex !important;
align-items: flex-start !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
}
body.page-Main_Page .vh-timeline-track::before{
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 28px !important;                         /* GUIDE LINE POSITION */
height: 1.5px !important;
background: rgba(177, 135, 61, 0.45) !important;
z-index: 1 !important;
}
body.page-Main_Page #vani-home .vh-timeline-item,
body.page-Main_Page .vh-timeline-item{
width: 250px !important;
min-width: 250px !important;
max-width: 250px !important;
flex: 0 0 250px !important;
height: 150px !important;                    /* FULL 150px HEIGHT */
min-height: 150px !important;
max-height: 150px !important;
box-sizing: border-box !important;
padding: 6px 18px !important;
background: transparent !important;
position: relative !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
}
body.page-Main_Page .vh-timeline-date{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 11.5px !important;
font-weight: 700 !important;
color: #b1873d !important;
height: 18px !important;
line-height: 18px !important;
margin: 0 0 2px 0 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
position: relative !important;
z-index: 2 !important;
}
body.page-Main_Page .vh-timeline-dot{
position: absolute !important;
top: 24px !important;                        /* CENTERED ON THE 28px LINE */
left: 18px !important;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background: #233e44 !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 1.5px #b1873d !important;
z-index: 3 !important;
}
body.page-Main_Page .vh-timeline-text{
margin-top: 18px !important;                 /* PUSHES TEXT SAFELY BELOW THE DOT! */
padding-top: 0 !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.45 !important;
color: #2c3e42 !important;
white-space: normal !important;
display: block !important;
position: relative !important;
z-index: 2 !important;
overflow: visible !important;                /* NEVER CROPPED */
max-height: 100px !important;                /* COMFORTABLY HOLDS 6-7 LINES */
}
body.page-Main_Page .vh-lifeline-window::before{
content: "" !important;
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
width: 50px !important;
background: linear-gradient(to right, #f6f2e9 0%, rgba(246, 242, 233, 0) 100%) !important;
z-index: 10 !important;
pointer-events: none !important;
}
body.page-Main_Page .vh-lifeline-window::after{
content: "" !important;
position: absolute !important;
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
width: 50px !important;
background: linear-gradient(to left, #f6f2e9 0%, rgba(246, 242, 233, 0) 100%) !important;
z-index: 10 !important;
pointer-events: none !important;
}
body.page-Main_Page #vani-home{
height: auto !important;
min-height: calc(100vh - 54px) !important;
max-height: none !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
body.page-Main_Page .vh-triad-grid{
flex: 0 0 auto !important;
height: auto !important;
min-height: 330px !important;                  /* AMPLE ROOM FOR 180px CIRCLE + CAPTION */
max-height: none !important;
overflow: visible !important;
}
body.page-Main_Page .vh-card,
body.page-Main_Page .vh-triad-grid .vh-card,
body.page-Main_Page .vh-sanctuary-card,
body.page-Main_Page .vh-triad-grid .vh-sanctuary-card,
body.page-Main_Page .vh-card-memories,
body.page-Main_Page .vh-card-article,
body.page-Main_Page .vh-card-body{
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body.page-Main_Page .vh-triad-grid .vh-sanctuary-card{
flex: 0 0 380px !important;
width: 380px !important;
max-width: 380px !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
width: 180px !important;
height: 180px !important;
margin: 6px auto 12px auto !important;
overflow: visible !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 180px !important;                      /* FULL 180px CIRCLE */
height: 180px !important;
border-radius: 50% !important;
overflow: hidden !important;                   /* CLIPS ONLY THE PHOTO, NOT THE CARD */
position: relative !important;
margin: 0 auto !important;
border: 4px solid #233e44 !important;
border-top: 4px solid #4a757e !important;
border-bottom: 5px solid #112023 !important;
box-shadow:
0 8px 24px rgba(18, 63, 56, 0.32),
0 2px 6px rgba(0, 0, 0, 0.18) !important;
}
body.page-Main_Page .vh-sanctuary-text,
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
display: block !important;
visibility: visible !important;
opacity: 1 !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-style: normal !important;               /* STRICTLY REGULAR (NOT ITALIC) */
font-size: 19px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
color: #2b4b52 !important;
max-width: 380px !important;
margin: 0 auto !important;
text-align: center !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}
body.page-Main_Page .vh-triad-grid,
body.page-Main_Page .vh-timeline-section,
body.page-Main_Page #vh-timeline-years,
body.page-Main_Page .vh-timeline-years,
body.page-Main_Page .vh-lifeline-window,
body.page-Main_Page .vh-lifeline{
border: none !important;
border-top: none !important;
border-bottom: none !important;
outline: none !important;
box-shadow: none !important;
}
body.page-Main_Page .vh-timeline-section{
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
left: 0 !important;
right: 0 !important;
flex: 0 0 195px !important;
height: 195px !important;
min-height: 195px !important;
max-height: 195px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 0 !important;
background: transparent !important;
}
body.page-Main_Page .vh-lifeline-window{
width: 100vw !important;
max-width: 100vw !important;
height: 155px !important;                    /* 50% TALLER (HOLDS 6-7 FULL LINES) */
min-height: 155px !important;
max-height: 155px !important;
position: relative !important;
overflow: hidden !important;
margin: 0 !important;
background: transparent !important;
}
body.page-Main_Page .vh-lifeline{
width: 100% !important;
height: 100% !important;
background: transparent !important;
position: relative !important;
}
body.page-Main_Page #vani-home .vh-timeline-track,
body.page-Main_Page .vh-timeline-track{
height: 155px !important;
min-height: 155px !important;
max-height: 155px !important;
display: flex !important;
align-items: flex-start !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
}
body.page-Main_Page .vh-timeline-track::before{
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 30px !important;                         /* GUIDE LINE LEVEL */
height: 1.5px !important;
background: rgba(177, 135, 61, 0.45) !important;
z-index: 1 !important;
}
body.page-Main_Page #vani-home .vh-timeline-item,
body.page-Main_Page .vh-timeline-item{
width: 250px !important;
min-width: 250px !important;
max-width: 250px !important;
flex: 0 0 250px !important;
height: 155px !important;                    /* FULL 155px HEIGHT */
min-height: 155px !important;
max-height: 155px !important;
box-sizing: border-box !important;
padding: 6px 16px !important;
background: transparent !important;
position: relative !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
}
body.page-Main_Page .vh-timeline-date{
width: 100% !important;
text-align: center !important;                /* CENTERED HORIZONTALLY */
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 11.5px !important;
font-weight: 700 !important;
color: #b1873d !important;
height: 18px !important;
line-height: 18px !important;
margin: 0 0 4px 0 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
position: relative !important;
z-index: 2 !important;
}
body.page-Main_Page .vh-timeline-dot{
position: absolute !important;
top: 25px !important;                        /* 25px + 5px radius = 30px center (EXACT ON LINE!) */
left: 50% !important;                        /* CENTERED HORIZONTALLY */
transform: translateX(-50%) !important;      /* PERFECT HORIZONTAL ALIGNMENT WITH DATE */
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background: #233e44 !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 1.5px #b1873d !important;
z-index: 3 !important;
margin: 0 !important;
}
body.page-Main_Page .vh-timeline-text{
margin-top: 22px !important;                 /* PUSHES TEXT SAFELY BELOW THE DOT */
padding-top: 0 !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.45 !important;
color: #2c3e42 !important;
white-space: normal !important;
display: block !important;
position: relative !important;
z-index: 2 !important;
overflow: visible !important;                /* NEVER CROPPED */
max-height: 105px !important;                /* COMFORTABLY HOLDS 6-7 FULL LINES */
text-align: center !important;
}
#mw-head [title]::before,
#mw-head [title]::after,
.vector-header [title]::before,
.vector-header [title]::after,
body.page-Main_Page .mw-tooltip,
body.page-Main_Page .tipsy,
body.page-Main_Page .tipsy-inner,
body.page-Main_Page .tooltip{
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title{
margin: 0 !important;
text-align: center !important;
line-height: 1.1 !important;
}
body.page-Main_Page .vh-sanctuary-title a,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a{
position: relative !important;
display: inline-block !important;
min-width: 0 !important;
text-align: center !important;
white-space: nowrap !important;
}
body.page-Main_Page .vh-sanctuary-title .vh-title-hover,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title .vh-title-hover{
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.page-Main_Page .vh-sanctuary-title .vh-title-default,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title .vh-title-default{
display: inline !important;
position: static !important;
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
body.page-Main_Page .vh-sanctuary-title a:hover .vh-title-default,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a:hover .vh-title-default{
opacity: 1 !important;
transform: none !important;
}
body.page-Main_Page #vani-home .vh-timeline-item,
body.page-Main_Page .vh-timeline-item{
width: 250px !important;
min-width: 250px !important;
max-width: 250px !important;
flex: 0 0 250px !important;
height: 155px !important;
box-sizing: border-box !important;
padding: 6px 14px !important;
background: transparent !important;
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;               /* PERFECT HORIZONTAL AXIS CENTERING */
text-align: center !important;
}
body.page-Main_Page .vh-timeline-date{
width: 100% !important;
text-align: center !important;                /* CENTERED */
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 11.5px !important;
font-weight: 700 !important;
color: #b1873d !important;
height: 18px !important;
line-height: 18px !important;
margin: 0 auto 4px auto !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
position: relative !important;
z-index: 2 !important;
}
body.page-Main_Page .vh-timeline-track::before{
top: 30px !important;
height: 1.5px !important;
background: rgba(177, 135, 61, 0.45) !important;
}
body.page-Main_Page .vh-timeline-dot{
position: absolute !important;
top: 25px !important;                        /* 25px + 5px radius = 30px (EXACT ON LINE) */
left: 50% !important;                        /* EXACT HORIZONTAL CENTER */
transform: translateX(-50%) !important;
width: 10px !important;
height: 10px !important;
border-radius: 50% !important;
background: #233e44 !important;
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 1.5px #b1873d !important;
z-index: 3 !important;
margin: 0 !important;
}
body.page-Main_Page .vh-timeline-text{
width: 100% !important;
max-width: 220px !important;
margin: 24px auto 0 auto !important;         /* CLEARLY BELOW DOT & LINE */
padding-top: 0 !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 12px !important;
line-height: 1.45 !important;
color: #2c3e42 !important;
text-align: center !important;                /* PROPERLY CENTERED TEXT */
white-space: normal !important;
display: block !important;
position: relative !important;
z-index: 2 !important;
overflow: visible !important;
max-height: 105px !important;
}
body.page-Main_Page #vanipedia-header-title,
body.page-Main_Page .vh-header-title,
body.page-Main_Page .vanipedia-header-title,
body.page-Main_Page #p-logo,
.vector-header{
-webkit-user-select: none !important;
user-select: none !important;
}
body.page-Main_Page #vh-random-memories,
body.page-Main_Page .vh-card-memories .vh-card-body{
transition: opacity .7s ease, transform .7s ease;
}
body.page-Main_Page #vh-random-memories.is-changing,
body.page-Main_Page .vh-card-memories .vh-card-body.is-changing{
opacity: 0 !important;
transform: translateY(5px);
}
body.page-Main_Page .vh-card-tax .vh-card-text{
transition: opacity .6s ease, transform .6s ease !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text.is-changing,
body.page-Main_Page #vh-tax-random-personality.is-changing,
body.page-Main_Page #vh-tax-random-name.is-changing,
body.page-Main_Page #vh-tax-random-place.is-changing,
body.page-Main_Page #vh-tax-random-question.is-changing{
opacity: 0 !important;
transform: translateY(4px) !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title,
body.page-Main_Page .vh-card-tax .vh-card-body > .vh-card-title{
opacity: 1 !important;
animation: none !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title a{
opacity: 1 !important;
animation: none !important;
display: inline-block !important;
}
.vector-header-container,
#mw-head,
.mw-header{
position: sticky !important;
top: 0 !important;
z-index: 1000 !important;
background-color: #345B63 !important;
}
body.page-Main_Page{
min-height: 100% !important;
background-color: #D4ECDD !important;
}
body.page-Main_Page{
min-height: 100% !important;
}
body.page-Main_Page html:not(.skin-theme-clientpref-night) body,
body.page-Main_Page html:not(.skin-theme-clientpref-night) .mw-page-container,
body.page-Main_Page html:not(.skin-theme-clientpref-night) .mw-page-container-inner,
body.page-Main_Page html:not(.skin-theme-clientpref-night) .mw-content-container{
min-height: 100vh !important;
background-color: #D4ECDD !important;
}
html.page-Main_Page,
body.page-Main_Page{
background-color: #f6f2e9 !important;
}
body.page-Main_Page .vh-media-bar{
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
gap: 18px !important;
height: auto !important;
min-height: 48px !important;
max-height: none !important;
padding: 6px 24px !important;
}
body.page-Main_Page .vh-media-title{
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-media-text{
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-media-archival-thumb,
body.page-Main_Page .vh-media-archival-thumb{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
transition: opacity .7s ease, transform .7s ease;
}
body.page-Main_Page .vh-media-archival-thumb.is-changing,
body.page-Main_Page .vh-media-archival-thumb.is-changing{
opacity: 0 !important;
transform: scale(0.95);
}
body.page-Main_Page .vh-media-archival-thumb a{
display: block !important;
border-radius: 4px !important;
overflow: hidden !important;
border: 1.5px solid rgba(177, 135, 61, 0.45) !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
line-height: 0 !important;
transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}
body.page-Main_Page .vh-media-archival-thumb a:hover{
transform: translateY(-2px) scale(1.05) !important;
border-color: #dfad3e !important;
box-shadow: 0 4px 12px rgba(177, 135, 61, 0.35) !important;
}
body.page-Main_Page .vh-media-archival-thumb img{
display: block !important;
height: 38px !important;
width: auto !important;
max-width: 75px !important;
object-fit: cover !important;
border-radius: 3px !important;
}
body.page-Main_Page .vh-taxonomy-section{
flex: 0 0 auto !important;
width: 100% !important;
max-width: 1450px !important;
height: auto !important;
min-height: 220px !important;
max-height: none !important;
margin: 0 auto !important;
padding: 0 16px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
gap: 16px !important;
width: 100% !important;
height: auto !important;
align-items: stretch !important;
}
body.page-Main_Page .vh-card-tax{
flex: 1 1 0 !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
min-height: 210px !important;
max-height: none !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-tax .vh-card-body{
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
text-align: center !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text,
body.page-Main_Page .vh-card-tax .vh-media-card-content{
transition: opacity .6s ease, transform .6s ease !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text.is-changing,
body.page-Main_Page .vh-card-tax .vh-media-card-content.is-changing,
body.page-Main_Page #vh-tax-random-personality.is-changing,
body.page-Main_Page #vh-tax-random-name.is-changing,
body.page-Main_Page #vh-tax-random-place.is-changing,
body.page-Main_Page #vh-tax-random-question.is-changing,
body.page-Main_Page #vh-tax-random-media.is-changing{
opacity: 0 !important;
transform: translateY(4px) !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title{
opacity: 1 !important;
animation: none !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title a{
opacity: 1 !important;
animation: none !important;
display: inline-block !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-card-content{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
width: 100% !important;
height: 100% !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
width: 100% !important;
height: 105px !important;
border-radius: 6px !important;
overflow: hidden !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12), inset 0 0 0 1px rgba(177, 135, 61, 0.3) !important;
background: #f0ebe1 !important;
position: relative !important;
line-height: 0 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb a{
display: block !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center top !important;
transition: transform .35s ease !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb:hover img{
transform: scale(1.05) !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-fallback-thumb{
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(135deg, #f7f3ec 0%, #ebdcc7 100%) !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-vintage-badge{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-vintage-badge .vh-media-icon{
font-size: 24px !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-vintage-badge .vh-media-tag{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 12px !important;
font-weight: 700 !important;
color: #8c6a26 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-caption{
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
text-align: center !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-outlet{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10.5px !important;
font-weight: 800 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
color: #8c6a26 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 11.5px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline a{
color: #2c3e42 !important;
text-decoration: none !important;
transition: color .2s ease !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline a:hover{
color: #345B63 !important;
text-decoration: underline !important;
}
body.page-Main_Page .vh-media-bar,
body.page-Main_Page .vh-media-bar{
display: none !important;
}
@media (max-width: 1280px){body.page-Main_Page .vh-taxonomy-grid{
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (max-width: 768px){body.page-Main_Page .vh-taxonomy-grid{
grid-template-columns: 1fr !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;
}
body.page-Main_Page .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: stretch !important;
width: 100% !important;
max-width: 1450px !important;
margin: 0 auto !important;
gap: 24px !important;
height: auto !important;
min-height: 330px !important;
}
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
flex: 0 0 310px !important;
width: 310px !important;
max-width: 310px !important;
min-width: 310px !important;
height: 100% !important;
justify-content: space-between !important;
}
body.page-Main_Page .vh-triad-column-left .vh-card{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: auto !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-sanctuary-card{
flex: 0 0 310px !important;
width: 310px !important;
max-width: 310px !important;
min-width: 310px !important;
height: auto !important;
}
body.page-Main_Page .vh-card-article{
flex: 0 0 310px !important;
width: 310px !important;
max-width: 310px !important;
min-width: 310px !important;
height: auto !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-card-content{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
width: 100% !important;
height: 95px !important;
border-radius: 5px !important;
overflow: hidden !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14), inset 0 0 0 1px rgba(177, 135, 61, 0.35) !important;
background: #f0ebe1 !important;
line-height: 0 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb a{
display: block !important;
width: 100% !important;
height: 100% !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center top !important;
transition: transform .35s ease !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb:hover img{
transform: scale(1.05) !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-caption{
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
text-align: center !important;
width: 100% !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-outlet{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 10.5px !important;
font-weight: 800 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
color: #8c6a26 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 11.5px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .vh-taxonomy-section{
width: 100% !important;
max-width: 1450px !important;
margin: 0 auto !important;
height: auto !important;
min-height: 180px !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 18px !important;
width: 100% !important;
height: auto !important;
align-items: stretch !important;
}
body.page-Main_Page .vh-card-tax{
flex: 1 1 0 !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 175px !important;
}
body.page-Main_Page .vh-media-bar,
body.page-Main_Page .vh-media-bar{
display: none !important;
}
body.page-Main_Page,
html.page-Main_Page{
height: 100vh !important;
max-height: 100vh !important;
overflow: hidden !important;
}
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{
margin: 0 !important;
padding: 0 !important;
border: none !important;
height: 100% !important;
max-height: 100% !important;
overflow: hidden !important;
background-color: #faf7f0 !important;
}
body.page-Main_Page #vani-home{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: calc(100vh - 48px) !important;
max-height: calc(100vh - 48px) !important;
min-height: 0 !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 8px 32px 10px 32px !important;
margin: 0 !important;
overflow: hidden !important;
position: relative !important;
}
body.page-Main_Page .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: stretch !important;
width: 100% !important;
max-width: 1560px !important;
margin: 0 auto !important;
gap: 22px !important;
flex: 1 1 auto !important;
height: auto !important;
min-height: 310px !important;
max-height: 44vh !important;
}
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
min-width: 300px !important;
height: 100% !important;
justify-content: space-between !important;
}
body.page-Main_Page .vh-triad-column-left .vh-card{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: auto !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-memories{
flex: 0 0 auto !important;
padding: 8px 14px !important;
}
body.page-Main_Page .vh-card-media-item{
flex: 1 1 auto !important;
padding: 8px 14px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
}
body.page-Main_Page .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
max-width: 680px !important;
min-width: 440px !important;
height: 100% !important;
padding: 10px 24px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
flex: 1 1 auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 4px 0 !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: min(240px, 24vh) !important;
height: min(240px, 24vh) !important;
min-width: 190px !important;
min-height: 190px !important;
border-radius: 50% !important;
border: 4.5px solid #233e44 !important;
border-top: 4.5px solid #4a757e !important;
border-bottom: 5.5px solid #112023 !important;
box-shadow:
0 8px 28px rgba(18, 63, 56, 0.35),
0 2px 8px rgba(0, 0, 0, 0.22),
inset 0 2px 6px rgba(255, 255, 255, 0.75),
inset 0 -3px 6px rgba(0, 0, 0, 0.35) !important;
overflow: hidden !important;
margin: 0 auto !important;
position: relative !important;
}
body.page-Main_Page .vh-card-article{
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
min-width: 300px !important;
height: 100% !important;
padding: 10px 16px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 46px !important;
font-weight: 700 !important;
line-height: 1.05 !important;
letter-spacing: 0.5px !important;
margin-bottom: 4px !important;
}
body.page-Main_Page .vh-card-memories .vh-card-title a,
body.page-Main_Page .vh-card-article .vh-card-title a,
body.page-Main_Page .vh-random-article-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 28px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
margin-bottom: 6px !important;
}
body.page-Main_Page .vh-card-media-item .vh-card-title,
body.page-Main_Page .vh-card-media-item .vh-card-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 26px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
margin-bottom: 6px !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title,
body.page-Main_Page .vh-card-tax .vh-card-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 30px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
margin-bottom: 6px !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
font-family: 'Noto Serif', Georgia, serif !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 22px !important;
line-height: 1.3 !important;
color: #2b4b52 !important;
text-align: center !important;
margin: 4px 0 0 0 !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 18px !important;
line-height: 1.4 !important;
color: #2c3e42 !important;
text-align: center !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text strong,
body.page-Main_Page .vh-card-tax .vh-card-text a strong{
font-size: 19px !important;
color: #123f38 !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-card-memories .vh-card-text,
body.page-Main_Page .vh-card-memories .vh-card-snippet{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 18px !important;
line-height: 1.38 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-outlet{
font-size: 14.5px !important;
font-weight: 800 !important;
letter-spacing: 0.8px !important;
color: #8c6a26 !important;
text-transform: uppercase !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline,
body.page-Main_Page .vh-card-media-item .vh-media-headline a{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 18px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
width: 100% !important;
height: 100px !important;
border-radius: 6px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-article .vh-card-text,
body.page-Main_Page .vh-card-article .vh-random-article-extract{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 18px !important;
line-height: 1.4 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .vh-timeline-section{
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
left: 0 !important;
right: 0 !important;
flex: 0 0 130px !important;
height: 130px !important;
min-height: 130px !important;
max-height: 130px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 0 !important;
margin-top: 4px !important;
margin-bottom: 4px !important;
background: transparent !important;
}
body.page-Main_Page .vh-timeline-years{
flex: 0 0 32px !important;
height: 32px !important;
min-height: 32px !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-timeline-years .vh-year,
body.page-Main_Page .vh-year{
padding: 4px 10px !important;
font-size: 13px !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-lifeline-window,
body.page-Main_Page .vh-lifeline{
flex: 0 0 92px !important;
height: 92px !important;
min-height: 92px !important;
max-height: 92px !important;
}
body.page-Main_Page #vani-home .vh-timeline-track,
body.page-Main_Page .vh-timeline-track{
height: 92px !important;
min-height: 92px !important;
max-height: 92px !important;
}
body.page-Main_Page #vani-home .vh-timeline-item,
body.page-Main_Page .vh-timeline-item{
height: 92px !important;
min-height: 92px !important;
max-height: 92px !important;
padding: 2px 14px !important;
}
body.page-Main_Page .vh-timeline-date{
font-size: 11px !important;
font-weight: 800 !important;
}
body.page-Main_Page .vh-timeline-text{
font-size: 13px !important;
line-height: 1.3 !important;
margin-top: 14px !important;
}
body.page-Main_Page .vh-taxonomy-section{
width: 100% !important;
max-width: 1560px !important;
margin: 0 auto !important;
flex: 0 0 auto !important;
height: auto !important;
min-height: 145px !important;
max-height: 22vh !important;
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
width: 100% !important;
height: 100% !important;
align-items: stretch !important;
}
body.page-Main_Page .vh-card-tax{
flex: 1 1 0 !important;
width: 100% !important;
max-width: none !important;
height: auto !important;
min-height: 140px !important;
padding: 8px 14px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
margin: 4px auto !important;
text-align: center !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 180px !important;
height: 180px !important;
min-width: 180px !important;
min-height: 180px !important;
max-width: 180px !important;
max-height: 180px !important;
border-radius: 50% !important;                 /* PERFECT 100% ROUND CIRCLE */
margin: 0 auto !important;
overflow: hidden !important;
position: relative !important;
border: 4px solid #233e44 !important;
border-top: 4px solid #4a757e !important;
border-bottom: 5px solid #112023 !important;
box-shadow:
0 8px 24px rgba(18, 63, 56, 0.35),
0 2px 6px rgba(0, 0, 0, 0.22),
inset 0 2px 5px rgba(255, 255, 255, 0.75),
inset 0 -3px 6px rgba(0, 0, 0, 0.35) !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage .vh-photo{
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
background-size: cover !important;
background-position: center top !important;
border-radius: 50% !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
text-align: center !important;
margin: 6px auto 0 auto !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 2px !important;
position: static !important;                  /* NEVER OVERLAPS WITH PHOTO */
padding: 0 !important;
}
body.page-Main_Page .vh-sanctuary-sub-1{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 21px !important;                   /* SAME PROMINENT TEXT SIZE */
font-weight: 600 !important;
color: #2b4b52 !important;
line-height: 1.25 !important;
}
body.page-Main_Page .vh-sanctuary-sub-2{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;                   /* SAME PROMINENT TEXT SIZE */
font-weight: 600 !important;
color: #2b4b52 !important;
white-space: nowrap !important;               /* STRICTLY ONE LINE, NOT TRUNCATED */
overflow: visible !important;
text-overflow: clip !important;
letter-spacing: 0.15px !important;
line-height: 1.25 !important;
}
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;       /* PUT IT UP UNDER REMEMBERS */
gap: 8px !important;
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: 275px !important;
max-height: 275px !important;
}
body.page-Main_Page .vh-card-memories{
flex: 0 0 auto !important;
padding: 6px 12px !important;
height: 110px !important;
max-height: 110px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-memories .vh-card-title a{
font-size: 22px !important;
margin-bottom: 3px !important;
line-height: 1.15 !important;
}
body.page-Main_Page .vh-card-memories .vh-card-text{
font-size: 14.5px !important;
line-height: 1.35 !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-media-item{
flex: 0 0 auto !important;
padding: 6px 12px !important;
height: 155px !important;
max-height: 155px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 3px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-media-item .vh-card-title a{
font-size: 21px !important;
margin-bottom: 2px !important;
line-height: 1.15 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
width: 100% !important;
height: 68px !important;                      /* COMPACT THUMBNAIL FITS UP UNDER REMEMBERS */
border-radius: 5px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-caption{
display: flex !important;
flex-direction: column !important;
gap: 1px !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-outlet{
font-size: 11px !important;
font-weight: 800 !important;
color: #8c6a26 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline,
body.page-Main_Page .vh-card-media-item .vh-media-headline a{
font-size: 13.5px !important;
line-height: 1.25 !important;
color: #2c3e42 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
max-width: 660px !important;
min-width: 440px !important;
height: 275px !important;
max-height: 275px !important;
padding: 6px 18px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-title a{
font-size: 40px !important;
line-height: 1 !important;
margin-bottom: 2px !important;
}
body.page-Main_Page .vh-card-article{
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: 275px !important;
max-height: 275px !important;
padding: 8px 14px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-article .vh-card-title a{
font-size: 22px !important;
line-height: 1.15 !important;
margin-bottom: 4px !important;
}
body.page-Main_Page .vh-card-article .vh-card-text{
font-size: 14px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
display: -webkit-box !important;
-webkit-line-clamp: 7 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-triad-grid{
height: 275px !important;
max-height: 275px !important;
}
body.page-Main_Page .vh-timeline-section{
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
left: 0 !important;
right: 0 !important;
flex: 0 0 auto !important;
height: 120px !important;
min-height: 120px !important;
max-height: 120px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
padding: 0 !important;
margin-top: 38px !important;                 /* PUSHES TIMELINE & YEARS DOWN */
margin-bottom: 22px !important;              /* GENEROUS BREATHING ROOM BELOW */
background: transparent !important;
}
body.page-Main_Page .vh-timeline-years{
flex: 0 0 28px !important;
height: 28px !important;
min-height: 28px !important;
margin: 0 auto !important;
}
body.page-Main_Page .vh-timeline-years .vh-year,
body.page-Main_Page .vh-year{
padding: 3px 9px !important;
font-size: 12px !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-lifeline-window,
body.page-Main_Page .vh-lifeline{
flex: 0 0 82px !important;
height: 82px !important;
min-height: 82px !important;
max-height: 82px !important;
}
body.page-Main_Page #vani-home .vh-timeline-track,
body.page-Main_Page .vh-timeline-track{
height: 82px !important;
min-height: 82px !important;
max-height: 82px !important;
}
body.page-Main_Page #vani-home .vh-timeline-item,
body.page-Main_Page .vh-timeline-item{
height: 82px !important;
min-height: 82px !important;
max-height: 82px !important;
padding: 2px 14px !important;
}
body.page-Main_Page .vh-timeline-date{
font-size: 10.5px !important;
font-weight: 800 !important;
}
body.page-Main_Page .vh-timeline-text{
font-size: 12px !important;
line-height: 1.25 !important;
margin-top: 10px !important;
}
body.page-Main_Page .vh-taxonomy-section{
width: 100% !important;
max-width: 1560px !important;
margin: 0 auto !important;
flex: 0 0 auto !important;
height: 110px !important;
min-height: 110px !important;
max-height: 110px !important;
margin-bottom: 10px !important;              /* ELEVATED ABOVE SCREEN BOTTOM */
}
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 14px !important;
width: 100% !important;
height: 100% !important;
align-items: stretch !important;
}
body.page-Main_Page .vh-card-tax{
flex: 1 1 0 !important;
width: 100% !important;
max-width: none !important;
height: 110px !important;
min-height: 110px !important;
max-height: 110px !important;
padding: 6px 12px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-tax .vh-card-title,
body.page-Main_Page .vh-card-tax .vh-card-title a{
font-size: 24px !important;
line-height: 1.15 !important;
margin-bottom: 3px !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 14.5px !important;                 /* DECREASED FROM 18px TO FIT IN */
line-height: 1.35 !important;
color: #2c3e42 !important;
text-align: center !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-tax .vh-card-text strong,
body.page-Main_Page .vh-card-tax .vh-card-text a strong{
font-size: 15.5px !important;
color: #123f38 !important;
font-weight: 700 !important;
}
body.page-Main_Page .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
max-width: 680px !important;
min-width: 460px !important;
height: auto !important;
min-height: 375px !important;
max-height: 390px !important;
padding: 6px 18px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: center !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-title a{
font-size: 40px !important;
line-height: 1 !important;
margin-bottom: 6px !important;                 /* VISUAL GAP ABOVE ROUND IMAGE */
}
body.page-Main_Page .vh-sanctuary-portrait-box{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
margin: 4px auto !important;
text-align: center !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 270px !important;                      /* +50% LARGER (180px -> 270px) */
height: 270px !important;
min-width: 270px !important;
min-height: 270px !important;
max-width: 270px !important;
max-height: 270px !important;
border-radius: 50% !important;                 /* 100% ROUND CIRCLE */
margin: 0 auto !important;
overflow: hidden !important;
position: relative !important;
border: 4.5px solid #233e44 !important;
border-top: 4.5px solid #4a757e !important;
border-bottom: 5.5px solid #112023 !important;
box-shadow:
0 10px 30px rgba(18, 63, 56, 0.38),
0 3px 8px rgba(0, 0, 0, 0.22),
inset 0 2px 6px rgba(255, 255, 255, 0.75),
inset 0 -3px 6px rgba(0, 0, 0, 0.35) !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage .vh-photo{
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
background-size: cover !important;
background-position: center top !important;
border-radius: 50% !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
text-align: center !important;
margin: 8px auto 0 auto !important;           /* VISUAL GAP BELOW ROUND IMAGE */
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;                            /* ZERO GAP BETWEEN LINES */
position: static !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text br{
display: none !important;                     /* NO LINE BREAK GAP */
}
body.page-Main_Page .vh-sanctuary-sub-1{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 21px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
line-height: 1.15 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-sanctuary-sub-2{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
white-space: nowrap !important;               /* ONE LINE, NOT TRUNCATED */
overflow: visible !important;
text-overflow: clip !important;
letter-spacing: 0.15px !important;
line-height: 1.15 !important;
margin: 0 !important;                         /* ZERO GAP */
padding: 0 !important;
}
body.page-Main_Page .vh-triad-grid{
height: auto !important;
min-height: 375px !important;
max-height: 390px !important;
}
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 4px !important;                          /* JUST SMALL GAP! */
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: 100% !important;
}
body.page-Main_Page .vh-card-memories{
margin: 0 !important;
margin-bottom: 0 !important;
flex: 0 0 auto !important;
padding: 6px 12px !important;
height: 110px !important;
max-height: 110px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-media-item{
margin: 0 !important;
margin-top: 0 !important;                     /* ZERO EXTRA MARGIN (CONTROLLED BY 4px GAP) */
flex: 0 0 auto !important;
padding: 6px 12px !important;
height: 155px !important;
max-height: 155px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 2px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-article{
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;
min-height: 275px !important;
max-height: 385px !important;
padding: 8px 14px !important;
}
body.page-Main_Page .vh-timeline-section{
margin-top: 20px !important;
margin-bottom: 16px !important;
}
body.page-Main_Page .vh-taxonomy-section{
margin-bottom: 8px !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
text-align: center !important;
margin-top: 18px !important;                  /* MOVED +10px DOWN (FROM 8px TO 18px) */
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;                            /* ZERO GAP BETWEEN LINE 1 AND LINE 2 */
position: static !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text br{
display: none !important;                     /* NO LINE BREAK GAP */
}
body.page-Main_Page .vh-sanctuary-sub-1{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 21px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
line-height: 1.15 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-sanctuary-sub-2{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
white-space: nowrap !important;               /* STRICTLY ONE LINE, NOT TRUNCATED */
overflow: visible !important;
text-overflow: clip !important;
letter-spacing: 0.15px !important;
line-height: 1.15 !important;
margin: 0 !important;                         /* ZERO GAP */
padding: 0 !important;
}
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;       /* TIGHT TOP PACKING (NO SPACE-BETWEEN) */
align-items: stretch !important;
gap: 6px !important;                          /* CRISP SMALL GAP! */
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;                      /* UNCONSTRAINED TO PREVENT PUSH-DOWN */
min-height: 0 !important;
}
body.page-Main_Page .vh-card-memories{
flex: 0 0 auto !important;                    /* NEVER EXPAND VERTICALLY */
height: auto !important;                      /* EXACT HEIGHT OF CONTENT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
margin-bottom: 0 !important;
padding: 6px 12px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-memories .vh-card-body,
body.page-Main_Page #vh-random-memories{
height: auto !important;                      /* NEVER STRETCH TO 100% */
min-height: 0 !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-memories .vh-card-title a{
font-size: 21px !important;
margin-bottom: 2px !important;
line-height: 1.15 !important;
}
body.page-Main_Page .vh-card-memories .vh-card-text{
font-size: 14px !important;
line-height: 1.35 !important;
margin-bottom: 0 !important;
}
body.page-Main_Page .vh-card-media-item{
flex: 0 0 auto !important;                    /* NEVER EXPAND VERTICALLY */
height: auto !important;                      /* EXACT HEIGHT OF CONTENT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
margin-top: 0 !important;                     /* ZERO EXTRA MARGIN (GAP CONTROLS IT) */
margin-bottom: 0 !important;
padding: 6px 12px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 2px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-media-item .vh-card-body{
height: auto !important;
min-height: 0 !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-media-item .vh-card-title a{
font-size: 20px !important;
margin-bottom: 2px !important;
line-height: 1.15 !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
width: 100% !important;
height: 68px !important;
border-radius: 5px !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-outlet{
font-size: 11px !important;
font-weight: 800 !important;
color: #8c6a26 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-headline,
body.page-Main_Page .vh-card-media-item .vh-media-headline a{
font-size: 13.5px !important;
line-height: 1.25 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .vh-triad-grid{
align-items: flex-start !important;           /* STOPS FORCING LEFT COLUMN TO STRETCH */
height: auto !important;
min-height: 450px !important;
}
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;       /* PACK TIGHTLY AT TOP */
align-items: stretch !important;
gap: 4px !important;                          /* CRISP 4px GAP ONLY */
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;                      /* NEVER 100% HEIGHT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-memories{
flex: 0 0 auto !important;                    /* NEVER EXPAND */
height: auto !important;                      /* EXACT CONTENT HEIGHT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 6px 12px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-memories .vh-card-body,
body.page-Main_Page #vh-random-memories{
flex: 0 0 auto !important;
height: auto !important;                      /* NEVER 100% HEIGHT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-media-item{
flex: 0 0 auto !important;                    /* NEVER EXPAND */
height: auto !important;                      /* EXACT CONTENT HEIGHT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
margin-top: 0 !important;                     /* ZERO EXTRA MARGIN (4px GAP CONTROLS IT) */
margin-bottom: 0 !important;
padding: 6px 12px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 2px !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-card-media-item .vh-card-body{
flex: 0 0 auto !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
max-width: 680px !important;
min-width: 460px !important;
height: auto !important;
min-height: 440px !important;
padding: 6px 18px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: center !important;
box-sizing: border-box !important;
}
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-title a{
font-size: 40px !important;
line-height: 1 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
margin-top: 36px !important;                  /* SHIFTED 30px DOWN FROM TITLE */
margin-bottom: 0 !important;
text-align: center !important;
}
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 270px !important;
height: 270px !important;
min-width: 270px !important;
min-height: 270px !important;
max-width: 270px !important;
max-height: 270px !important;
border-radius: 50% !important;                 /* PERFECT ROUND CIRCLE */
margin: 0 auto !important;
overflow: hidden !important;
position: relative !important;
border: 4.5px solid #233e44 !important;
border-top: 4.5px solid #4a757e !important;
border-bottom: 5.5px solid #112023 !important;
box-shadow:
0 10px 30px rgba(18, 63, 56, 0.38),
0 3px 8px rgba(0, 0, 0, 0.22),
inset 0 2px 6px rgba(255, 255, 255, 0.75),
inset 0 -3px 6px rgba(0, 0, 0, 0.35) !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
text-align: center !important;
margin-top: 48px !important;                  /* INCREASED +30px DOWN FROM THE IMAGE (18px -> 48px) */
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;                            /* ZERO GAP BETWEEN LINE 1 AND LINE 2 */
position: static !important;
padding: 0 !important;
}
body.page-Main_Page .vh-card-text.vh-sanctuary-text br{
display: none !important;                     /* NO LINE BREAK GAP */
}
body.page-Main_Page .vh-sanctuary-sub-1{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 21px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
line-height: 1.15 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page .vh-sanctuary-sub-2{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
white-space: nowrap !important;               /* STRICTLY ONE LINE, NOT TRUNCATED */
overflow: visible !important;
text-overflow: clip !important;
letter-spacing: 0.15px !important;
line-height: 1.15 !important;
margin: 0 !important;                         /* ZERO GAP */
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-triad-grid,
body.page-Main_Page .vh-triad-grid{
align-items: flex-start !important;
height: auto !important;
min-height: 450px !important;
}
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left,
body.page-Main_Page #vani-home .vh-triad-column-left,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left,
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: stretch !important;
gap: 4px !important;                          /* CRISP 4px GAP BETWEEN THE TWO CARDS */
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left .vh-card,
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left .vh-card-memories,
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left .vh-card-media-item,
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card,
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card-memories,
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card-media-item,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left .vh-card,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left .vh-card-memories,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left .vh-card-media-item{
flex: 0 0 auto !important;                    /* KILLS 340px HEIGHT! */
flex-grow: 0 !important;
flex-shrink: 0 !important;
flex-basis: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;                      /* HUGS EXACT CONTENT HEIGHT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 6px 12px !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left .vh-card-body,
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card-body,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left .vh-card-body,
body.page-Main_Page .vh-triad-column-left .vh-card-body,
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left #vh-random-memories,
body.page-Main_Page #vani-home .vh-triad-column-left #vh-random-memories,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left #vh-random-memories,
body.page-Main_Page .vh-triad-column-left #vh-random-memories{
flex: 0 0 auto !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
flex-basis: auto !important;
height: auto !important;                      /* KILLS 100% HEIGHT */
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card-media-item,
body.page-Main_Page .vh-triad-column-left .vh-card-media-item{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 2px !important;
}
body.page-Main_Page #vani-home .vh-triad-grid > .vh-sanctuary-card,
body.page-Main_Page #vani-home .vh-sanctuary-card,
body.page-Main_Page .vh-triad-grid > .vh-sanctuary-card,
body.page-Main_Page .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
max-width: 680px !important;
min-width: 460px !important;
height: auto !important;
min-height: 440px !important;
padding: 6px 18px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: center !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-title a{
font-size: 40px !important;
line-height: 1 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-portrait-box,
body.page-Main_Page #vani-home .vh-sanctuary-portrait-box,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-portrait-box,
body.page-Main_Page .vh-sanctuary-portrait-box{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
margin-top: 36px !important;                  /* SHIFTED 30px DOWN FROM TITLE */
margin-bottom: 0 !important;
text-align: center !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page #vani-home .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 270px !important;
height: 270px !important;
min-width: 270px !important;
min-height: 270px !important;
max-width: 270px !important;
max-height: 270px !important;
border-radius: 50% !important;                 /* PERFECT ROUND CIRCLE */
margin: 0 auto !important;
overflow: hidden !important;
position: relative !important;
border: 4.5px solid #233e44 !important;
border-top: 4.5px solid #4a757e !important;
border-bottom: 5.5px solid #112023 !important;
box-shadow:
0 10px 30px rgba(18, 63, 56, 0.38),
0 3px 8px rgba(0, 0, 0, 0.22),
inset 0 2px 6px rgba(255, 255, 255, 0.75),
inset 0 -3px 6px rgba(0, 0, 0, 0.35) !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-card-text.vh-sanctuary-text,
body.page-Main_Page #vani-home .vh-card-text.vh-sanctuary-text,
body.page-Main_Page .vh-sanctuary-card .vh-card-text.vh-sanctuary-text,
body.page-Main_Page .vh-card-text.vh-sanctuary-text{
text-align: center !important;
margin-top: 48px !important;                  /* INCREASED +30px DOWN FROM THE IMAGE (18px -> 48px) */
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;                            /* ZERO GAP BETWEEN LINE 1 AND LINE 2 */
position: static !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-card-text.vh-sanctuary-text br,
body.page-Main_Page .vh-card-text.vh-sanctuary-text br{
display: none !important;                     /* NO LINE BREAK GAP */
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-sub-1,
body.page-Main_Page .vh-sanctuary-sub-1{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 21px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
line-height: 1.15 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-sub-2,
body.page-Main_Page .vh-sanctuary-sub-2{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
white-space: nowrap !important;               /* STRICTLY ONE LINE, NOT TRUNCATED */
overflow: visible !important;
text-overflow: clip !important;
letter-spacing: 0.15px !important;
line-height: 1.15 !important;
margin: 0 !important;                         /* ZERO GAP */
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-triad-grid > .vh-card-article,
body.page-Main_Page .vh-triad-grid > .vh-card-article{
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;
min-height: 275px !important;
max-height: 440px !important;
padding: 8px 14px !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-text,
body.page-Main_Page .vh-card-memories .vh-card-text{
display: block !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
overflow: visible !important;
max-height: none !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 14px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
body.page-Main_Page #vani-home .vh-triad-grid .vh-triad-column-left,
body.page-Main_Page #vani-home .vh-triad-column-left,
body.page-Main_Page .vh-triad-grid .vh-triad-column-left,
body.page-Main_Page .vh-triad-column-left{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: stretch !important;
gap: 50px !important;                         /* +50px BIGGER GAP */
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-card-media-item,
body.page-Main_Page .vh-card-media-item{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
width: 100% !important;
height: 175px !important;                     /* COMPLETE STANDARD VIEW SIZE FILLING THE SPACE */
min-height: 175px !important;
max-height: 175px !important;
border-radius: 6px !important;
overflow: hidden !important;
background: #f4efe6 !important;               /* WARM VINTAGE PARCHMENT TONE */
border: 1px solid rgba(177, 135, 61, 0.3) !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 6px 0 8px 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb a,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb a{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
text-decoration: none !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb img,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb img{
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;               /* FITS COMPLETE THUMBNAIL WITHOUT CROPPING */
object-position: center center !important;
transition: transform .3s ease !important;
display: block !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb:hover img,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb:hover img{
transform: scale(1.03) !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-caption,
body.page-Main_Page .vh-card-media-item .vh-media-caption{
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
text-align: center !important;
width: 100% !important;
margin-top: 2px !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-outlet,
body.page-Main_Page .vh-card-media-item .vh-media-outlet{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
font-size: 11px !important;
font-weight: 800 !important;
color: #8c6a26 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
line-height: 1.2 !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-headline,
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-headline a,
body.page-Main_Page .vh-card-media-item .vh-media-headline,
body.page-Main_Page .vh-card-media-item .vh-media-headline a{
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 14px !important;
line-height: 1.3 !important;
color: #2c3e42 !important;
}
body.page-Main_Page .mw-parser-output > p{
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
}
body.page-Main_Page .mw-parser-output > p:empty{
display: none !important;
}
body.page-Main_Page #vani-home .vh-taxonomy-section,
body.page-Main_Page .vh-taxonomy-section{
transform: translateY(-50px) !important;      /* DECREASES GAP ABOVE 4 BOTTOM CARDS TO 30px */
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-card-text.vh-sanctuary-text,
body.page-Main_Page .vh-sanctuary-card .vh-card-text.vh-sanctuary-text{
text-align: center !important;
margin-top: 40px !important;                  /* MAINTAINS +30px GAP FROM 270px ROUND IMAGE */
margin-bottom: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
max-width: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 2px !important;
position: static !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-founder-title,
body.page-Main_Page .vh-founder-title,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1,
body.page-Main_Page .vh-sanctuary-sub-1{
display: block !important;
text-align: center !important;
margin: 0 !important;
margin-bottom: 2px !important;
padding: 0 !important;
line-height: 1.15 !important;
}
body.page-Main_Page #vani-home .vh-founder-title a,
body.page-Main_Page .vh-founder-title a,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a,
body.page-Main_Page .vh-sanctuary-sub-1 a,
body.page-Main_Page .vh-card-text.vh-sanctuary-text a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 24px !important;                   /* IDENTICAL CARD TITLE SIZE */
font-weight: 700 !important;
text-decoration: none !important;
display: inline-block !important;
position: relative !important;
padding-bottom: 7px !important;               /* SPACE FOR BREATHING UNDERLINE */
letter-spacing: 0.025em !important;
line-height: 1.2 !important;
cursor: pointer !important;
transform: none !important;
/* Temple Gold Face */
color: #dfad3e !important;
-webkit-text-fill-color: #dfad3e !important;
/* 3D Chiseled Shadow */
text-shadow: none !important;
transition: transform 0.22s ease, color 0.22s ease, text-shadow 0.22s ease !important;
}
body.page-Main_Page #vani-home .vh-founder-title a::after,
body.page-Main_Page .vh-founder-title a::after,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a::after,
body.page-Main_Page .vh-sanctuary-sub-1 a::after,
body.page-Main_Page .vh-card-text.vh-sanctuary-text a::after{
content: '' !important;
display: block !important;
position: absolute !important;
bottom: 0 !important;
height: 2.5px !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(223, 173, 62, 0.4) 15%,
#dfad3e 50%,
rgba(223, 173, 62, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 8px rgba(223, 173, 62, 0.75) !important;
border-radius: 2px !important;
pointer-events: none !important;
animation: vhLineBreath 2.8s ease-in-out infinite !important;
transition: width 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), left 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s ease !important;
}
body.page-Main_Page #vani-home .vh-founder-title a:hover,
body.page-Main_Page .vh-founder-title a:hover,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a:hover,
body.page-Main_Page .vh-sanctuary-sub-1 a:hover,
body.page-Main_Page .vh-card-text.vh-sanctuary-text a:hover{
transform: translateY(-2.5px) !important;
color: #dfad3e !important;
-webkit-text-fill-color: #dfad3e !important;
text-decoration: none !important;
text-shadow: none !important;
}
body.page-Main_Page #vani-home .vh-founder-title a:hover::after,
body.page-Main_Page .vh-founder-title a:hover::after,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a:hover::after,
body.page-Main_Page .vh-sanctuary-sub-1 a:hover::after,
body.page-Main_Page .vh-card-text.vh-sanctuary-text a:hover::after{
animation: none !important;
opacity: 1 !important;
width: 90% !important;
left: 5% !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-sub-2,
body.page-Main_Page .vh-sanctuary-sub-2{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 19px !important;
font-weight: 600 !important;
color: #2b4b52 !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
letter-spacing: 0.15px !important;
line-height: 1.15 !important;
margin: 0 !important;
padding: 0 !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;
}
html body.page-Main_Page,
html body.page-Main_Page *,
html body.page-Main_Page *:hover,
html body.page-Main_Page a,
html body.page-Main_Page a:hover,
html body.page-Main_Page a:focus,
html body.page-Main_Page a:active,
html body.page-Main_Page a:visited,
html body.page-Main_Page a *,
html body.page-Main_Page a *:hover,
html body.page-Main_Page [href],
html body.page-Main_Page [href]:hover,
html body.page-Main_Page [href] *,
html body.page-Main_Page [href] *:hover,
html body.page-Main_Page button,
html body.page-Main_Page button:hover,
html body.page-Main_Page input,
html body.page-Main_Page input:hover,
html body.page-Main_Page textarea,
html body.page-Main_Page select,
html body.page-Main_Page [role="button"],
html body.page-Main_Page [role="button"]:hover,
html body.page-Main_Page .cdx-button,
html body.page-Main_Page .cdx-button:hover,
html body.page-Main_Page .vh-card,
html body.page-Main_Page .vh-card:hover,
html body.page-Main_Page .vh-card *,
html body.page-Main_Page .vh-card *:hover,
html body.page-Main_Page .vh-year,
html body.page-Main_Page .vh-year:hover,
html body.page-Main_Page .vector-menu a,
html body.page-Main_Page .vector-menu a:hover,
html body.page-Main_Page .vector-dropdown-label,
html body.page-Main_Page .vector-dropdown-label:hover{
cursor: none !important;
}
body.page-Main_Page #vh-cursor-pointer{
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 24px !important;
height: 24px !important;
pointer-events: none !important;
z-index: 99999999 !important;
transform: translate3d(-100px, -100px, 0);
will-change: transform !important;
transition: opacity 0.15s ease !important;
}
body.page-Main_Page #vh-cursor-pointer svg{
width: 100% !important;
height: 100% !important;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.65))
drop-shadow(0 0 6px rgba(223, 173, 62, 0.75)) !important;
transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.25, 1),
filter 0.18s ease !important;
}
body.page-Main_Page #vh-cursor-pointer .vh-cursor-arrow{
display: block !important;
}
body.page-Main_Page #vh-cursor-pointer .vh-cursor-hand{
display: none !important;
}
body.page-Main_Page.vh-cursor-link #vh-cursor-pointer .vh-cursor-arrow{
display: none !important;
}
body.page-Main_Page.vh-cursor-link #vh-cursor-pointer .vh-cursor-hand{
display: block !important;
}
body.page-Main_Page.vh-cursor-link #vh-cursor-pointer svg{
transform: scale(1.12) !important;
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.75))
drop-shadow(0 0 10px rgba(245, 215, 127, 0.95)) !important;
}
body.page-Main_Page.vh-cursor-click #vh-cursor-pointer svg{
transform: scale(0.88) !important;
}
@media (hover: none) or (pointer: coarse){html body.page-Main_Page,
html body.page-Main_Page *,
html body.page-Main_Page a,
html body.page-Main_Page button{
cursor: auto !important;
}
body.page-Main_Page #vh-cursor-pointer{
display: none !important;
}
}
body.page-Main_Page #vani-home .vh-founder-title a,
body.page-Main_Page .vh-founder-title a,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a,
body.page-Main_Page .vh-sanctuary-sub-1 a{
font-family: 'Noto Serif', 'Cormorant Garamond', Georgia, serif !important;
font-size: 24px !important;
font-weight: 700 !important;
letter-spacing: 0.025em !important;
}
.vh-bottom-bar{
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: 38px !important;
background: #19383e !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{
padding-bottom: 46px !important;
}
body.page-Main_Page .vh-bottom-link{
cursor: none !important;
}
body.page-Main_Page .vector-column-end,
body.page-Main_Page .vector-column-start,
body.page-Main_Page .vector-toc-pinned-container,
body.page-Main_Page .vector-appearance-pinned-container,
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;
}
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{
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
background: #f6f2e9 !important;
background-color: #f6f2e9 !important;
grid-template-columns: 1fr !important;
border: none !important;
box-shadow: none !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;
}
body.page-Main_Page .vh-card-media-item .vh-media-card-content{
transition: opacity .5s ease, transform .5s ease !important;
}
body.page-Main_Page .vh-card-media-item .vh-media-card-content.is-changing{
opacity: 0 !important;
transform: translateY(4px) !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page #vani-home .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page .vh-sanctuary-portrait-box .vh-photo-stage{
width: 324px !important;
height: 324px !important;
min-width: 324px !important;
min-height: 324px !important;
max-width: 324px !important;
max-height: 324px !important;
border-radius: 50% !important;
margin: 0 auto !important;
overflow: hidden !important;
position: relative !important;
border: 4.5px solid #233e44 !important;
border-top: 4.5px solid #4a757e !important;
border-bottom: 5.5px solid #112023 !important;
box-shadow: 0 12px 36px rgba(18, 63, 56, 0.40), 0 3px 10px rgba(0, 0, 0, 0.24), inset 0 2px 6px rgba(255, 255, 255, 0.75), inset 0 -3px 6px rgba(0, 0, 0, 0.35) !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-portrait-box,
body.page-Main_Page #vani-home .vh-sanctuary-portrait-box,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-portrait-box,
body.page-Main_Page .vh-sanctuary-portrait-box{
margin-top: 36px !important;
margin-bottom: 0 !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-card-text.vh-sanctuary-text,
body.page-Main_Page .vh-sanctuary-card .vh-card-text.vh-sanctuary-text{
margin-top: 40px !important;
margin-bottom: 0 !important;
}
body.page-Main_Page #vani-home .vh-triad-grid > .vh-sanctuary-card,
body.page-Main_Page #vani-home .vh-sanctuary-card,
body.page-Main_Page .vh-triad-grid > .vh-sanctuary-card,
body.page-Main_Page .vh-sanctuary-card{
min-height: 500px !important;
height: auto !important;
}
body.page-Main_Page #vani-home .vh-card-article .vh-card-text,
body.page-Main_Page .vh-card-article .vh-card-text{
display: -webkit-box !important;
-webkit-line-clamp: 10 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
font-size: 14px !important;
line-height: 1.4 !important;
}
body.page-Main_Page #vani-home .vh-triad-grid > .vh-card-article,
body.page-Main_Page .vh-triad-grid > .vh-card-article{
max-height: 500px !important;
min-height: 275px !important;
height: auto !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-photo-stage .vh-photo,
body.page-Main_Page .vh-sanctuary-card .vh-photo-stage .vh-photo{
transition: opacity 1.4s ease-in-out !important;
}
.vector-header-container,
.vector-header,
.mw-header,
#mw-head{
background-color: #345B63 !important;
background: #345B63 !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: #345B63 !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"],
body.page-Main_Page #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,
body.page-Main_Page #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: #345B63 !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;
}
body.page-Main_Page #content,
body.page-Main_Page .mw-body,
body.page-Main_Page .mw-content-container{
padding: 12px 14px !important;
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
font-size: 15.5px !important;
line-height: 1.62 !important;
}
body.page-Main_Page #firstHeading,
body.page-Main_Page .mw-first-heading{
font-size: 1.65em !important;
line-height: 1.25 !important;
margin-bottom: 0.4em !important;
word-wrap: break-word !important;
}
body.page-Main_Page h2,
body.page-Main_Page .mw-parser-output h2{
font-size: 1.3em !important;
line-height: 1.3 !important;
margin-top: 1.1em !important;
margin-bottom: 0.35em !important;
}
body.page-Main_Page h3,
body.page-Main_Page .mw-parser-output h3{
font-size: 1.15em !important;
line-height: 1.3 !important;
}
body.page-Main_Page .vanitable,
body.page-Main_Page .wikitable,
body.page-Main_Page .daytable{
display: block !important;
width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
box-sizing: border-box !important;
margin: 12px 0 !important;
}
body.page-Main_Page .timelinesummary{
min-width: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.page-Main_Page div.tright,
body.page-Main_Page div.tleft,
body.page-Main_Page div.floatright,
body.page-Main_Page div.floatleft{
float: none !important;
margin: 12px auto !important;
max-width: 100% !important;
text-align: center !important;
}
body.page-Main_Page div.thumbinner{
max-width: 100% !important;
width: auto !important;
margin: 0 auto !important;
box-sizing: border-box !important;
}
body.page-Main_Page .mw-parser-output img{
max-width: 100% !important;
height: auto !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;
}
#vanipedia-back-to-top{
bottom: 50px !important;
right: 14px !important;
width: 42px !important;
height: 42px !important;
z-index: 100000 !important;
}
body.page-Main_Page #footer,
body.page-Main_Page .mw-footer{
padding-bottom: 54px !important;
}
}
body.skin-minerva .header-container,
body.skin-minerva .header-chrome{
background-color: #345B63 !important;
background: #345B63 !important;
border-bottom: 2px solid #b1873d !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
box-sizing: border-box !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: #345B63 !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: #345B63 !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;
}
body.page-Main_Page #mw-mf-page-left.navigation-drawer,
body.page-Main_Page #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;
}
body.page-Main_Page #mw-mf-page-left a.toggle-list-item__anchor{
color: #f5d77f !important;
font-size: 14.5px !important;
}
body.page-Main_Page #mw-mf-page-left a.toggle-list-item__anchor:hover{
background-color: #345B63 !important;
color: #ffffff !important;
}
body.page-Main_Page #mw-mf-page-left .minerva-icon{
background-color: #ffd700 !important;
}
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content,
html .vector-user-menu .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,
body.page-Main_Page #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;
}
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content div,
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content ul,
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content li,
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content .vector-menu-content,
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content .vector-menu-content-list,
html .vector-user-menu .vector-dropdown-content div,
html .vector-user-menu .vector-dropdown-content ul,
html .vector-user-menu .vector-dropdown-content li{
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;
}
body.page-Main_Page #vector-user-links-dropdown-label .vector-icon,
body.page-Main_Page #vector-user-links-dropdown .vector-dropdown-label .vector-icon,
.vector-user-menu .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;
}
body.page-Main_Page #vector-user-links-dropdown .vector-dropdown-content .vector-icon,
.vector-user-menu .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;
}
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content a,
html .vector-user-menu .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;
}
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content a span,
html .vector-user-menu .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;
}
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content a:hover,
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content a:focus,
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content a:active,
html .vector-user-menu .vector-dropdown-content a:hover,
html .vector-user-menu .vector-dropdown-content a:focus,
html .vector-user-menu .vector-dropdown-content a:active{
background-color: #345B63 !important;
color: #ffffff !important;
text-decoration: none !important;
}
body.page-Main_Page html #vector-user-links-dropdown .vector-dropdown-content a:hover span,
html .vector-user-menu .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;
}
body.skin-minerva .header-container,
body.skin-minerva .header-chrome,
body.page-Main_Page.skin-minerva header{
position: sticky !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 1000 !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 .header-container,
body.ext-vp3d-fullscreen .header-chrome,
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.page-Main_Page.ext-vp3d-fullscreen #mw-navigation,
body:has(.vp-entry3d-container) #vh-bottom-bar,
body:has(.vp-entry3d-container) .header-container,
body:has(.vp-entry3d-container) .header-chrome,
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) .header-container,
body:has(.vp-entry3d-wrapper) .header-chrome,
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;
}
body.page-Main_Page #vani-mobile-stage{
position: fixed !important;
inset: 0 !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
overflow: hidden !important;
z-index: 999999 !important;
background-color: #f6f2e9 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-rotated-box{
position: absolute !important;
top: 0 !important;
left: 0 !important;
transform-origin: top left !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
background-color: #f6f2e9 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-rotated-box.is-auto-landscape{
transform: rotate(90deg) translate(0, -100%) !important;
}
body.page-Main_Page #vani-rotated-box.is-native-landscape{
transform: none !important;
}
#vani-stage-header-slot{
flex: 0 0 50px !important;
width: 100% !important;
height: 50px !important;
max-height: 50px !important;
min-height: 50px !important;
background-color: #345B63 !important;
border-bottom: 2px solid #b1873d !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important;
z-index: 1000 !important;
overflow: visible !important;
position: relative !important;
box-sizing: border-box !important;
}
#vani-stage-header-slot .header-container,
#vani-stage-header-slot .header-chrome,
#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: #345B63 !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-stage-content-slot{
flex: 1 1 auto !important;
width: 100% !important;
height: calc(100% - 50px - 36px) !important;
overflow-y: auto !important;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch !important;
position: relative !important;
background-color: #f6f2e9 !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home{
width: 1200px !important;
min-width: 1200px !important;
max-width: 1200px !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 10px !important;
padding: 8px 16px 20px 16px !important;
margin: 0 !important;
background-color: #f6f2e9 !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: flex-start !important;
width: 100% !important;
gap: 16px !important;
flex-wrap: nowrap !important;
height: auto !important;
min-height: 250px !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-triad-column-left{
flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-card-memories,
body.page-Main_Page #vani-stage-content-slot .vh-card-media-item{
flex: 0 0 auto !important;
height: auto !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
text-align: center !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-photo-stage{
width: 200px !important;
height: 200px !important;
margin: 0 auto !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-card-text.vh-sanctuary-text{
margin-top: 10px !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-card-article{
flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
height: auto !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-timeline-section{
width: 100% !important;
max-width: 100% !important;
margin: 6px 0 !important;
position: relative !important;
left: auto !important;
right: auto !important;
flex: 0 0 auto !important;
height: auto !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-taxonomy-section{
width: 100% !important;
transform: none !important;
margin: 6px 0 !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 12px !important;
width: 100% !important;
}
body.page-Main_Page #vani-stage-content-slot .vh-card-tax{
height: auto !important;
min-height: 105px !important;
}
#vani-stage-footer-slot{
flex: 0 0 36px !important;
width: 100% !important;
height: 36px !important;
max-height: 36px !important;
min-height: 36px !important;
background-color: #19383e !important;
border-top: 1.5px solid #b1873d !important;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3) !important;
z-index: 99990 !important;
overflow: hidden !important;
position: relative !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;
}
body.page-Main_Page #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;
}
body.page-Main_Page #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;
}
body.page-Main_Page #mw-mf-page-left > ul#p-navigation,
#mw-mf-page-left > ul#p-personal,
body.page-Main_Page #mw-mf-page-left > ul.hlist,
body.page-Main_Page #mw-mf-page-left .menu__item--nearby,
body.page-Main_Page #mw-mf-page-left .menu__item--random{
display: none !important;
}
body.page-Main_Page #mw-mf-page-left #vani-mobile-synced-sidebar{
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu{
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin-bottom: 6px !important;
}
body.page-Main_Page #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;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu:not(.vanipedia-collapsed) .vector-menu-heading{
border-radius: 4px 4px 0 0 !important;
margin-bottom: 0 !important;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-heading:hover{
background-color: #385e63 !important;
}
body.page-Main_Page #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;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu.vanipedia-collapsed .vector-menu-heading::after{
transform: rotate(-90deg) !important;
}
body.page-Main_Page #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;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu.vanipedia-collapsed .vector-menu-content{
display: none !important;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content ul{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #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;
}
body.page-Main_Page #mw-mf-page-left .vanipedia-sidebar-menu .vector-menu-content li:last-child a{
border-bottom: none !important;
}
body.page-Main_Page #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;
}
body.page-Main_Page #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;
}
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-title a{
font-size: 38px !important;
line-height: 1.15 !important;
letter-spacing: 0.015em !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
white-space: nowrap !important;
}
body.page-Main_Page .vh-sanctuary-title a .vh-title-hover{
display: none !important;
}
body.page-Main_Page .vh-sanctuary-title a .vh-title-default{
opacity: 1 !important;
transform: none !important;
}
body.page-Main_Page .vh-card-title,
body.page-Main_Page .vh-card-title a,
body.page-Main_Page .vh-sanctuary-title,
body.page-Main_Page .vh-sanctuary-title a,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a,
body.page-Main_Page .vh-card-article .vh-card-title,
body.page-Main_Page .vh-card-article .vh-card-title a,
body.page-Main_Page .vh-random-article-title,
body.page-Main_Page .vh-random-article-title a,
body.page-Main_Page .vh-card-memories .vh-card-title,
body.page-Main_Page .vh-card-memories .vh-card-title a,
body.page-Main_Page .vh-card-media-item .vh-card-title,
body.page-Main_Page .vh-card-media-item .vh-card-title a,
body.page-Main_Page .vh-card-tax .vh-card-title,
body.page-Main_Page .vh-card-tax .vh-card-title a,
body.page-Main_Page .vh-media-title,
body.page-Main_Page .vh-media-title a,
body.page-Main_Page .vh-founder-title,
body.page-Main_Page .vh-founder-title a,
body.page-Main_Page #vani-home .vh-founder-title,
body.page-Main_Page #vani-home .vh-founder-title a,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a,
body.page-Main_Page .vh-sanctuary-sub-1 a,
body.page-Main_Page .vh-card-text.vh-sanctuary-text a,
body.page-Main_Page #vani-stage-content-slot .vh-card-title a,
body.page-Main_Page #vani-stage-content-slot .vh-sanctuary-title a{
color: #966817 !important;
-webkit-text-fill-color: #966817 !important;
-webkit-text-stroke: 0 !important;
paint-order: normal !important;
text-shadow: none !important;
-webkit-filter: none !important;
filter: none !important;
display: inline-block !important;
position: relative !important;
cursor: pointer !important;
transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.25, 1),
color 0.2s ease,
-webkit-text-fill-color 0.2s ease !important;
}
body.page-Main_Page #vani-home .vh-card-title a:hover,
body.page-Main_Page #vani-home .vh-card-article .vh-card-title a:hover,
body.page-Main_Page #vani-home .vh-sanctuary-title a:hover,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a:hover,
body.page-Main_Page #vani-home .vh-founder-title a:hover,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a:hover,
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title a:hover,
body.page-Main_Page #vani-home .vh-card-media-item .vh-card-title a:hover,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title a:hover,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-body > .vh-card-title a:hover,
body.page-Main_Page .vh-card-title a:hover,
body.page-Main_Page .vh-card-article .vh-card-title a:hover,
body.page-Main_Page .vh-sanctuary-title a:hover,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-title a:hover,
body.page-Main_Page .vh-founder-title a:hover,
body.page-Main_Page .vh-card-memories .vh-card-title a:hover,
body.page-Main_Page .vh-card-media-item .vh-card-title a:hover,
body.page-Main_Page .vh-card-tax .vh-card-title a:hover,
body.page-Main_Page #vani-stage-content-slot .vh-card-title a:hover,
body.page-Main_Page #vani-stage-content-slot .vh-sanctuary-title a:hover,
body.page-Main_Page #vani-stage-content-slot .vh-founder-title a:hover{
transform: translateY(-3px) !important;
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: none !important;
}
body.page-Main_Page .vh-card-title a::after,
body.page-Main_Page #vani-home .vh-card-title a::after,
body.page-Main_Page .vh-card-article .vh-card-title a::after,
body.page-Main_Page #vani-home .vh-card-article .vh-card-title a::after,
body.page-Main_Page .vh-sanctuary-title a::after,
body.page-Main_Page #vani-home .vh-sanctuary-title a::after,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a::after,
body.page-Main_Page .vh-founder-title a::after,
body.page-Main_Page #vani-home .vh-founder-title a::after,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a::after,
body.page-Main_Page .vh-card-memories .vh-card-title a::after,
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title a::after,
body.page-Main_Page .vh-card-media-item .vh-card-title a::after,
body.page-Main_Page #vani-home .vh-card-media-item .vh-card-title a::after,
body.page-Main_Page .vh-media-title a::after,
body.page-Main_Page .vh-card-tax .vh-card-title a::after,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title a::after,
body.page-Main_Page .vh-card-tax .vh-card-body > .vh-card-title a::after,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-body > .vh-card-title a::after,
body.page-Main_Page #vani-stage-content-slot .vh-card-title a::after,
body.page-Main_Page #vani-stage-content-slot .vh-sanctuary-title a::after,
body.page-Main_Page #vani-stage-content-slot .vh-founder-title a::after{
content: '' !important;
display: block !important;
position: absolute !important;
bottom: 0 !important;
height: 2.5px !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(150, 104, 23, 0.4) 15%,
#b58224 50%,
rgba(150, 104, 23, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 6px rgba(181, 130, 36, 0.65) !important;
border-radius: 2px !important;
pointer-events: none !important;
animation: vhLineBreath 2.8s ease-in-out infinite !important;
transition: width 0.3s cubic-bezier(0.2, 0.8, 0.25, 1), left 0.3s cubic-bezier(0.2, 0.8, 0.25, 1), opacity 0.2s ease !important;
}
body.page-Main_Page #vani-home .vh-card-title a:hover::after,
body.page-Main_Page #vani-home .vh-card-article .vh-card-title a:hover::after,
body.page-Main_Page #vani-home .vh-sanctuary-title a:hover::after,
body.page-Main_Page #vani-home .vh-sanctuary-card .vh-sanctuary-title a:hover::after,
body.page-Main_Page #vani-home .vh-founder-title a:hover::after,
body.page-Main_Page #vani-home .vh-sanctuary-sub-1 a:hover::after,
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title a:hover::after,
body.page-Main_Page #vani-home .vh-card-media-item .vh-card-title a:hover::after,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title a:hover::after,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-body > .vh-card-title a:hover::after,
body.page-Main_Page .vh-card-title a:hover::after,
body.page-Main_Page .vh-card-article .vh-card-title a:hover::after,
body.page-Main_Page .vh-sanctuary-title a:hover::after,
body.page-Main_Page .vh-sanctuary-card .vh-sanctuary-title a:hover::after,
body.page-Main_Page .vh-founder-title a:hover::after,
body.page-Main_Page .vh-card-memories .vh-card-title a:hover::after,
body.page-Main_Page .vh-card-media-item .vh-card-title a:hover::after,
body.page-Main_Page .vh-card-tax .vh-card-title a:hover::after,
body.page-Main_Page #vani-stage-content-slot .vh-card-title a:hover::after,
body.page-Main_Page #vani-stage-content-slot .vh-sanctuary-title a:hover::after,
body.page-Main_Page #vani-stage-content-slot .vh-founder-title a:hover::after{
animation: none !important;
opacity: 1 !important;
width: 90% !important;
left: 5% !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(150, 104, 23, 0.4) 15%,
#b58224 50%,
rgba(150, 104, 23, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 8px rgba(181, 130, 36, 0.75) !important;
}
body.page-Main_Page #vani-home .vh-intro-articles-title,
body.page-Main_Page #vani-home .vh-intro-articles-title a,
body.page-Main_Page .vh-intro-articles-title,
body.page-Main_Page .vh-intro-articles-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 24px !important;
font-weight: 700 !important;
color: #966817 !important;
-webkit-text-fill-color: #966817 !important;
text-shadow: none !important;
letter-spacing: 0.025em !important;
line-height: 1.2 !important;
display: inline-block !important;
position: relative !important;
padding-bottom: 5px !important;
margin: 0 0 4px 0 !important;
cursor: pointer !important;
text-align: center !important;
transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.25, 1),
color 0.2s ease,
-webkit-text-fill-color 0.2s ease !important;
}
body.page-Main_Page #vani-home .vh-intro-articles-title a:hover,
body.page-Main_Page .vh-intro-articles-title a:hover{
transform: translateY(-3px) !important;
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: none !important;
}
body.page-Main_Page #vani-home .vh-intro-articles-title a::after,
body.page-Main_Page .vh-intro-articles-title a::after{
content: '' !important;
display: block !important;
position: absolute !important;
bottom: 0 !important;
height: 2.5px !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(150, 104, 23, 0.4) 15%,
#b58224 50%,
rgba(150, 104, 23, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 6px rgba(181, 130, 36, 0.65) !important;
border-radius: 2px !important;
pointer-events: none !important;
animation: vhLineBreath 2.8s ease-in-out infinite !important;
transition: width 0.3s cubic-bezier(0.2, 0.8, 0.25, 1), left 0.3s cubic-bezier(0.2, 0.8, 0.25, 1), opacity 0.2s ease !important;
}
body.page-Main_Page #vani-home .vh-intro-articles-title a:hover::after,
body.page-Main_Page .vh-intro-articles-title a:hover::after{
animation: none !important;
opacity: 1 !important;
width: 90% !important;
left: 5% !important;
background: linear-gradient(
90deg,
transparent 0%,
rgba(150, 104, 23, 0.4) 15%,
#b58224 50%,
rgba(150, 104, 23, 0.4) 85%,
transparent 100%
) !important;
box-shadow: 0 0 8px rgba(181, 130, 36, 0.75) !important;
}
body.page-Main_Page #vani-home .vh-card-article #vh-random-article .vh-article-item-title,
body.page-Main_Page #vani-home .vh-card-article #vh-random-article .vh-article-item-title a,
body.page-Main_Page #vani-home .vh-card-article #vh-random-article .vh-card-title,
body.page-Main_Page #vani-home .vh-card-article #vh-random-article .vh-card-title a,
body.page-Main_Page .vh-card-article #vh-random-article .vh-article-item-title,
body.page-Main_Page .vh-card-article #vh-random-article .vh-article-item-title a,
body.page-Main_Page .vh-card-article #vh-random-article .vh-card-title,
body.page-Main_Page .vh-card-article #vh-random-article .vh-card-title a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 16.5px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
color: #7b5310 !important;
-webkit-text-fill-color: #7b5310 !important;
text-shadow: none !important;
display: block !important;
margin-top: 2px !important;
margin-bottom: 4px !important;
text-align: center !important;
cursor: pointer !important;
}
body.page-Main_Page #vani-home .vh-card-article #vh-random-article .vh-article-item-title a:hover,
body.page-Main_Page #vani-home .vh-card-article #vh-random-article .vh-card-title a:hover,
body.page-Main_Page .vh-card-article #vh-random-article .vh-article-item-title a:hover,
body.page-Main_Page .vh-card-article #vh-random-article .vh-card-title a:hover{
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: underline !important;
}
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle,
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle a,
body.page-Main_Page .vh-memory-devotee-subtitle,
body.page-Main_Page .vh-memory-devotee-subtitle a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 17.5px !important;
font-weight: 600 !important;
line-height: 1.25 !important;
color: #7b5310 !important;
-webkit-text-fill-color: #7b5310 !important;
text-shadow: none !important;
display: block !important;
margin-top: 2px !important;
margin-bottom: 5px !important;
text-align: center !important;
cursor: pointer !important;
}
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle a:hover,
body.page-Main_Page .vh-memory-devotee-subtitle a:hover{
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: underline !important;
}
@media screen and (min-width: 901px){body.page-Main_Page #vani-home .vh-taxonomy-grid,
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
width: 100% !important;
max-width: 1200px !important;
margin: 0 auto !important;
height: auto !important;
min-height: 90px !important;
max-height: 130px !important;
}
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title a,
body.page-Main_Page .vh-card-tax .vh-card-title,
body.page-Main_Page .vh-card-tax .vh-card-title a,
body.page-Main_Page #vani-home .vh-card-questions .vh-card-title,
body.page-Main_Page #vani-home .vh-card-questions .vh-card-title a,
body.page-Main_Page .vh-card-questions .vh-card-title,
body.page-Main_Page .vh-card-questions .vh-card-title a{
font-size: 21px !important;
line-height: 1.15 !important;
margin-bottom: 3px !important;
}
body.page-Main_Page #vani-home .vh-card-tax,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page #vani-home .vh-card-questions,
body.page-Main_Page .vh-card-questions{
padding: 2px 10px 4px 10px !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-card-tax .vh-card-text,
body.page-Main_Page .vh-card-tax .vh-card-text,
body.page-Main_Page #vani-home .vh-card-questions .vh-card-text,
body.page-Main_Page .vh-card-questions .vh-card-text{
font-size: 13px !important;
line-height: 1.35 !important;
margin-top: 2px !important;
}
body.page-Main_Page #vani-home .vh-taxonomy-section,
body.page-Main_Page .vh-taxonomy-section{
transform: translateY(-72px) !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
height: auto !important;
min-height: 95px !important;
max-height: 120px !important;
position: relative !important;
z-index: 2 !important;
}
body.page-Main_Page #vani-home .vh-founder-title,
body.page-Main_Page #vani-home .vh-founder-title a,
body.page-Main_Page .vh-founder-title,
body.page-Main_Page .vh-founder-title a{
font-size: 21px !important;
white-space: nowrap !important;
line-height: 1.2 !important;
}
body.page-Main_Page #vani-home .vh-sanctuary-sub-2,
body.page-Main_Page .vh-sanctuary-sub-2{
font-size: 17.5px !important;
white-space: nowrap !important;
line-height: 1.2 !important;
}
body.page-Main_Page #vani-home .vh-triad-grid,
body.page-Main_Page .vh-triad-grid{
transform: translateY(30px) !important;
height: auto !important;
min-height: 380px !important;
max-height: 420px !important;
align-items: flex-start !important;
margin-bottom: 8px !important;
}
body.page-Main_Page #vani-home .vh-timeline-section,
body.page-Main_Page .vh-timeline-section{
transform: translateY(30px) !important;
position: relative !important;
margin-top: 16px !important;
margin-bottom: 10px !important;
height: 125px !important;
min-height: 125px !important;
max-height: 125px !important;
flex: 0 0 125px !important;
}
body.page-Main_Page #vani-home .vh-triad-column-left,
body.page-Main_Page .vh-triad-column-left,
body.page-Main_Page #vani-home .vh-triad-column-right,
body.page-Main_Page .vh-triad-column-right,
body.page-Main_Page #vani-home .vh-triad-column-stacked,
body.page-Main_Page .vh-triad-column-stacked{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: stretch !important;
gap: 14px !important;
flex: 0 0 340px !important;
width: 340px !important;
max-width: 340px !important;
height: auto !important;
min-height: 0 !important;
max-height: 420px !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-triad-column-stacked .vh-card,
body.page-Main_Page .vh-triad-column-stacked .vh-card,
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card,
body.page-Main_Page .vh-triad-column-left .vh-card,
body.page-Main_Page #vani-home .vh-triad-column-right .vh-card,
body.page-Main_Page .vh-triad-column-right .vh-card,
body.page-Main_Page #vani-home .vh-card-article,
body.page-Main_Page #vani-home .vh-card-questions,
body.page-Main_Page #vani-home .vh-card-memories,
body.page-Main_Page #vani-home .vh-card-media-item{
flex: 0 0 auto !important;
flex-grow: 0 !important;
flex-shrink: 0 !important;
flex-basis: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
padding: 4px 10px !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
height: 135px !important;
min-height: 135px !important;
max-height: 135px !important;
}
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title,
body.page-Main_Page .vh-card-memories .vh-card-title{
margin: 0 0 2px 0 !important;
text-align: center !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title a,
body.page-Main_Page .vh-card-memories .vh-card-title a{
display: inline-block !important;
line-height: 1.05 !important;
text-align: center !important;
padding-bottom: 5px !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-title-line,
body.page-Main_Page .vh-card-memories .vh-title-line{
display: block !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.05 !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle,
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle{
margin-top: 2px !important;
margin-bottom: 2px !important;
text-align: center !important;
display: block !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle a,
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle a,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 16.5px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: #7b5310 !important;
-webkit-text-fill-color: #7b5310 !important;
text-shadow: none !important;
text-decoration: none !important;
cursor: pointer !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle a:hover,
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle a:hover,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle a:hover{
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: underline !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-text,
body.page-Main_Page .vh-card-memories .vh-card-text{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 13px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
margin-top: 2px !important;
margin-bottom: 0 !important;
text-align: center !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title,
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title a,
body.page-Main_Page .vh-card-memories .vh-card-title,
body.page-Main_Page .vh-card-memories .vh-card-title a{
opacity: 1 !important;
transform: none !important;
transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.25, 1),
color 0.2s ease,
-webkit-text-fill-color 0.2s ease !important;
margin: 0 0 2px 0 !important;
text-align: center !important;
padding: 0 0 5px 0 !important;
display: inline-block !important;
line-height: 1.05 !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-title a:hover,
body.page-Main_Page .vh-card-memories .vh-card-title a:hover{
transform: translateY(-3px) !important;
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: none !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-title-line,
body.page-Main_Page .vh-card-memories .vh-title-line{
display: block !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.05 !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle{
margin-top: 2px !important;
margin-bottom: 2px !important;
text-align: center !important;
display: block !important;
transition: opacity 0.45s ease, transform 0.45s ease !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle.is-changing,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle.is-changing{
opacity: 0 !important;
transform: translateY(3px) !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle a,
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle a,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle a{
font-family: 'DM Serif Display', Georgia, serif !important;
font-size: 16.5px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: #7b5310 !important;
-webkit-text-fill-color: #7b5310 !important;
text-shadow: none !important;
text-decoration: none !important;
cursor: pointer !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-memory-devotee-subtitle a:hover,
body.page-Main_Page #vani-home .vh-memory-devotee-subtitle a:hover,
body.page-Main_Page .vh-card-memories .vh-memory-devotee-subtitle a:hover{
color: #b58224 !important;
-webkit-text-fill-color: #b58224 !important;
text-decoration: underline !important;
}
body.page-Main_Page #vani-home .vh-card-memories .vh-card-text,
body.page-Main_Page .vh-card-memories .vh-card-text{
display: block !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 13px !important;
line-height: 1.35 !important;
color: #2c3e42 !important;
margin-top: 2px !important;
margin-bottom: 0 !important;
text-align: center !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-card-content,
body.page-Main_Page .vh-card-media-item .vh-media-card-content{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
width: 100% !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: 135px !important;
margin: 0 auto 6px auto !important;
padding: 0 !important;
border-radius: 6px !important;
overflow: hidden !important;
background: transparent !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(177, 135, 61, 0.45) !important;
line-height: 0 !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb a,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb a{
display: inline-block !important;
width: auto !important;
height: auto !important;
line-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb img,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb img{
display: block !important;
width: auto !important;
max-width: 100% !important;
height: 130px !important;
max-height: 130px !important;
object-fit: contain !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
transition: transform 0.35s ease !important;
}
body.page-Main_Page #vani-home .vh-card-media-item .vh-media-large-thumb:hover img,
body.page-Main_Page .vh-card-media-item .vh-media-large-thumb:hover img{
transform: scale(1.03) !important;
}
@media screen and (min-width: 901px){body.page-Main_Page #vani-home .vh-taxonomy-grid,
body.page-Main_Page .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: 1fr 1fr 1fr 1.35fr !important;
gap: 16px !important;
width: 100% !important;
max-width: 1220px !important;
margin: 0 auto !important;
height: auto !important;
min-height: 90px !important;
max-height: 130px !important;
}
body.page-Main_Page #vani-home .vh-card-tax,
body.page-Main_Page .vh-card-tax,
body.page-Main_Page #vani-home .vh-card-languages,
body.page-Main_Page .vh-card-languages{
padding: 3px 8px 5px 8px !important;
box-sizing: border-box !important;
}
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title,
body.page-Main_Page #vani-home .vh-card-tax .vh-card-title a,
body.page-Main_Page .vh-card-tax .vh-card-title,
body.page-Main_Page .vh-card-tax .vh-card-title a,
body.page-Main_Page #vani-home .vh-card-languages .vh-card-title,
body.page-Main_Page #vani-home .vh-card-languages .vh-card-title a,
body.page-Main_Page .vh-card-languages .vh-card-title,
body.page-Main_Page .vh-card-languages .vh-card-title a{
font-size: 20px !important;
line-height: 1.15 !important;
margin-bottom: 3px !important;
}
}
body.page-Main_Page #vani-home .vh-card-languages .vh-languages-list,
body.page-Main_Page .vh-card-languages .vh-languages-list{
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
gap: 3px !important;
padding: 2px 0 0 0 !important;
margin: 0 !important;
width: 100% !important;
}
body.page-Main_Page #vani-home .vh-card-languages .vh-lang-row,
body.page-Main_Page .vh-card-languages .vh-lang-row{
display: flex !important;
flex-direction: row !important;
justify-content: center !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
white-space: nowrap !important;
}
body.page-Main_Page #vani-home .vh-card-languages .vh-lang-item,
body.page-Main_Page .vh-card-languages .vh-lang-item{
display: inline-flex !important;
align-items: center !important;
white-space: nowrap !important;
font-family: 'Noto Serif', Georgia, serif !important;
font-size: 11px !important;
line-height: 1.25 !important;
}
body.page-Main_Page #vani-home .vh-card-languages .vh-lang-item a,
body.page-Main_Page .vh-card-languages .vh-lang-item a{
color: #2c3e42 !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
transition: color 0.15s ease !important;
}
body.page-Main_Page #vani-home .vh-card-languages .vh-lang-item a:hover,
body.page-Main_Page .vh-card-languages .vh-lang-item a:hover{
color: #966817 !important;
text-decoration: underline !important;
}
body.page-Main_Page .vh-flag{
display: inline-block !important;
width: 15px !important;
height: 10px !important;
margin-right: 4px !important;
vertical-align: -1px !important;
border-radius: 1.5px !important;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.45) !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
flex-shrink: 0 !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;
}
#vanipedia-back-to-top{
position: fixed !important;
bottom: 54px !important;
right: 24px !important;
width: 44px !important;
height: 44px !important;
z-index: 100000 !important;
}
@media screen and (max-width: 768px){#vanipedia-back-to-top{
bottom: 54px !important;
right: 16px !important;
width: 40px !important;
height: 40px !important;
z-index: 100000 !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: #345B63 !important;
background-color: #345B63 !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.page-Main_Page .vh-flag{
display: inline-block !important;
width: 15px !important;
height: 10px !important;
margin-right: 5px !important;
vertical-align: -1px !important;
border-radius: 1.5px !important;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.45) !important;
flex-shrink: 0 !important;
overflow: hidden !important;
}
body.page-Main_Page .vh-flag svg{
width: 100% !important;
height: 100% !important;
display: block !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: #345B63 !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: "Vanisource" !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: #345B63 !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"],
body.page-Main_Page #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;
}
}
body.page-Main_Page #vani-mobile-stage #vani-rotated-box #vani-stage-content-slot #vani-home,
body.page-Main_Page #vani-stage-content-slot #vani-home{
width: 1200px !important;
min-width: 1200px !important;
max-width: 1200px !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
gap: 8px !important;
padding: 4px 16px 12px 16px !important;
margin: 0 !important;
background-color: #f6f2e9 !important;
overflow: visible !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-triad-grid,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-triad-grid{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: flex-start !important;
width: 100% !important;
gap: 16px !important;
flex-wrap: nowrap !important;
height: auto !important;
min-height: 250px !important;
max-height: 270px !important;
transform: none !important;
margin: 0 0 6px 0 !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-photo-stage,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-sanctuary-portrait-box .vh-photo-stage,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-photo-stage,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-sanctuary-portrait-box .vh-photo-stage{
width: 200px !important;
height: 200px !important;
min-width: 200px !important;
min-height: 200px !important;
max-width: 200px !important;
max-height: 200px !important;
margin: 0 auto !important;
border-radius: 50% !important;
border: 4px solid #233e44 !important;
border-top: 4px solid #4a757e !important;
border-bottom: 5px solid #112023 !important;
box-shadow: 0 8px 24px rgba(18, 63, 56, 0.35), 0 2px 6px rgba(0, 0, 0, 0.22) !important;
overflow: hidden !important;
position: relative !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-sanctuary-card,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-sanctuary-card{
flex: 1 1 auto !important;
width: auto !important;
text-align: center !important;
margin: 0 !important;
height: auto !important;
min-height: auto !important;
max-height: 270px !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-text.vh-sanctuary-text,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-text.vh-sanctuary-text{
margin-top: 8px !important;
margin-bottom: 0 !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-triad-column-left,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-triad-column-left,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-article,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-article{
flex: 0 0 320px !important;
width: 320px !important;
max-width: 320px !important;
height: auto !important;
min-height: auto !important;
max-height: 270px !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-memories,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-media-item{
flex: 0 0 auto !important;
height: auto !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-media-item .vh-media-large-thumb{
height: 110px !important;
min-height: 110px !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-timeline-section,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-timeline-section{
transform: none !important;
width: 100% !important;
max-width: 100% !important;
margin: 4px 0 !important;
height: 80px !important;
min-height: 80px !important;
max-height: 80px !important;
flex: 0 0 80px !important;
position: relative !important;
left: auto !important;
right: auto !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-timeline-track,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-timeline-track{
height: 80px !important;
min-height: 80px !important;
max-height: 80px !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-timeline-item,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-timeline-item{
height: 80px !important;
min-height: 80px !important;
max-height: 80px !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-taxonomy-section,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-taxonomy-section{
transform: none !important;
width: 100% !important;
margin: 4px 0 !important;
height: auto !important;
min-height: auto !important;
max-height: none !important;
flex: 0 0 auto !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-taxonomy-grid,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-taxonomy-grid{
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 12px !important;
width: 100% !important;
height: auto !important;
}
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-tax,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-tax,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-languages,
body.page-Main_Page #vani-stage-content-slot #vani-home .vh-card-languages{
height: auto !important;
min-height: 95px !important;
max-height: 110px !important;
padding: 6px 10px !important;
}
#vani-stage-header-slot .vanipedia-stage-title-link,
#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 palette from entry-page sign: approximate muted green, gold trim. */
:root { --vs-petal: #526B50; --vs-petal-dark: #344B37; --vs-gold: #b1873d; }
header.vector-header, header.mw-header, #mw-head, #vector-sticky-header,
#vani-stage-header-slot, #vani-stage-footer-slot, #vh-bottom-bar,
.minerva-header { background-color: #526B50 !important; }
body.page-Main_Page { overflow-y: auto !important; }
body.page-Main_Page #vani-home { padding-bottom: 70px !important; }
body.page-Main_Page #vani-home .vs-link-list { display:flex; flex-direction:column; gap:7px; margin:8px 0; }
body.page-Main_Page #vani-home .vs-link-list a { font-size:14px !important; line-height:1.3 !important; }
body.page-Main_Page #vani-home .vs-source-meta { font-size:11px !important; line-height:1.35 !important; margin:6px 0 !important; }
body.page-Main_Page #vani-home .vs-source-quote { font-size:12px !important; line-height:1.4 !important; margin:6px 0 !important; }
body.page-Main_Page #vani-home .vs-archive-strip { transform:none !important; position:relative !important; left:auto !important; width:100% !important; height:auto !important; min-height:76px !important; max-height:none !important; margin:18px auto !important; border-top:1px solid #b1873d; border-bottom:1px solid #b1873d; padding:8px 0 !important; box-sizing:border-box; }
body.page-Main_Page #vani-home .vs-browse-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; width:100%; }
body.page-Main_Page #vani-home .vs-browse-group { text-align:center; }
body.page-Main_Page #vani-home .vs-browse-group strong { display:block; font-family:'DM Serif Display',Georgia,serif; font-size:19px; color:#344B37; margin-bottom:3px; }
body.page-Main_Page #vani-home .vs-browse-group a { font-family:'Noto Serif',Georgia,serif; font-size:11px; }
body.page-Main_Page #vani-home .vh-taxonomy-grid { grid-template-columns:repeat(4,1fr) !important; }
body.page-Main_Page #vani-home .vh-card-tax { min-height:104px !important; max-height:none !important; }
body.page-Main_Page #vani-home .vh-card-tax .vh-card-text { font-size:12px !important; line-height:1.45 !important; }
body.page-Main_Page #vani-home .vh-card-media-item .vh-card-text { text-align:center; }
.vh-bottom-petal-links { display:flex; justify-content:center; align-items:center; gap:10px; white-space:nowrap; }
.vh-bottom-petal-links a { font-family:'Noto Serif',Georgia,serif; color:#f5d77f; font-size:11px; text-decoration:none; }
body.page-Books_and_Editions .vs-edition-card { background:#fffaf0; border:1px solid #b1873d; border-radius:8px; padding:18px; margin:18px 0; }
body.page-Books_and_Editions .vs-edition-card h2 { color:#344B37; }
a[title]:hover::after { content:none !important; }
#vani-stage-content-slot #vani-home { padding-bottom:0 !important; }
#vani-stage-content-slot #vani-home .vs-archive-strip { margin:5px 0 !important; min-height:76px !important; height:auto !important; max-height:none !important; flex:0 0 auto !important; }
@media (prefers-reduced-motion:reduce) { .vh-photo { transition:none !important; } }

/* High-specificity shell overrides: match V173's final rules. */
body .vector-header-container header.vector-header, body header.mw-header,
body #mw-head, body #vector-sticky-header, body .minerva-header,
body #vani-stage-header-slot, body #vani-stage-footer-slot,
body #vh-bottom-bar.vh-bottom-bar, body #vani-stage-footer-slot #vh-bottom-bar { background:#526B50 !important; background-color:#526B50 !important; }
body #vani-stage-footer-slot .vh-bottom-bar-left-space { display:flex !important; flex:0 0 auto !important; }
body #vani-stage-footer-slot .vh-bottom-petal-links a { font-size:10px !important; }
body #vani-stage-footer-slot .vh-bottom-bar-inner { gap:10px !important; padding:0 8px !important; justify-content:center !important; overflow-x:auto !important; }

/* Avoid inherited fixed heights cutting off the archive navigation cards. */
body.page-Main_Page #vani-home .vh-triad-column-left .vh-card,
body.page-Main_Page #vani-home .vh-triad-column-right .vh-card { overflow:visible !important; }
body.page-Main_Page #vani-home .vh-card-article { min-height:160px !important; }
body.page-Main_Page #vani-home .vh-card-questions { min-height:125px !important; }
body.page-Main_Page #vani-home .vh-card-media-item { min-height:165px !important; }
body.page-Main_Page #vani-home .vh-card-memories { min-height:120px !important; }
body.page-Main_Page #vani-home .vh-sanctuary-title { font-size:24px !important; }
body.page-Main_Page #vani-home .vh-taxonomy-section { transform:none !important; margin:12px auto !important; }
#vani-stage-content-slot #vani-home .vh-triad-grid { min-height:300px !important; }
Retrieved from "https://dev.vanisource.org/w/index.php?title=MediaWiki:Common.css&oldid=793286"