:root {
    --primary: #22b29d;
    --primary-active: #1b8e7d;
    --primary-bg: #rgba(34,178,157, 0.15);

    --secondary: #a6a6a6;
    --secondary-active: #848484;
    --secondary-bg: #rgba(166,166,166, 0.15);

    --third: #22b29d;
    --third-active: #1b8e7d;
    --third-bg: #rgba(34,178,157, 0.15);

    --font-title: 'Quicksand';
    --font-text: 'Open Sans';

    --main-image: url('https://cdn.citipo.com/serve/989a80d3-606c-47de-8c8e-e3d0d716c00e/project-home-main/e3c5d398-b305-4367-8afe-9186de647585.webp');

        --assets-home-default-jpg: url('https://cdn.citipo.com/serve/theme-asset/ffb55245-2354-4c9e-94d3-2a7d08a5ec27.jpg');

}

@charset "UTF-8";*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:"Open Sans",Segoe UI,Source Sans Pro,Calibri,Candara,Arial,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.5;color:#111;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#22b29d;text-decoration:none;background-color:transparent}a:hover{color:rgb(75.6636363636,67.8363636364,68.4886363636);text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}@media print{*,:after,:before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd}blockquote,img,pre,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}.container,body{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-weight:700;line-height:1.2}.h1,h1{font-size:2.34375rem}.h2,h2{font-size:1.875rem}.h3,h3{font-size:1.640625rem}.h4,h4{font-size:1.40625rem}.h5,h5{font-size:1.171875rem}.h6,h6{font-size:.9375rem}.lead{font-size:1.171875rem;font-weight:300}.display-1{font-size:6rem}.display-1,.display-2{font-weight:300;line-height:1.2}.display-2{font-size:5.5rem}.display-3{font-size:4.5rem}.display-3,.display-4{font-weight:300;line-height:1.2}.display-4{font-size:3.5rem}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:.875em;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.171875rem}.blockquote-footer{display:block;font-size:.875em;color:#868e96}.blockquote-footer:before{content:"— "}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:0 solid transparent}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3.90625rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:rgb(58.24,59.28,54.6);background-color:rgb(226.4,226.8,225);border-color:rgb(214.96,215.52,213)}.alert-primary hr{border-top-color:rgb(202.4290721649,203.1643298969,199.8556701031)}.alert-primary .alert-link{color:rgb(32.1578082192,32.7320547945,30.1479452055)}.alert-secondary{color:rgb(59.8,52.52,51.48);background-color:rgb(227,224.2,223.8);border-color:rgb(215.8,211.88,211.32)}.alert-secondary hr{border-top-color:rgb(203.7391891892,198.6131081081,197.8808108108)}.alert-secondary .alert-link{color:rgb(32.3934579439,28.4499065421,27.8865420561)}.alert-success{color:rgb(24.96,78.52,6.76);background-color:rgb(213.6,234.2,206.6);border-color:rgb(197.04,225.88,187.24)}.alert-success hr{border-top-color:rgb(181.7842196532,218.2152601156,169.4047398844)}.alert-success .alert-link{color:rgb(10.0331707317,31.5626829268,2.7173170732)}.alert-info{color:rgb(79.56,43.68,97.24);background-color:rgb(234.6,220.8,241.4);border-color:rgb(226.44,207.12,235.96)}.alert-info hr{border-top-color:rgb(215.5571548117,188.8752301255,228.7047698745)}.alert-info .alert-link{color:rgb(50.7666420664,27.8718819188,62.0481180812)}.alert-warning{color:rgb(132.6,60.84,12.48);background-color:rgb(255,227.4,208.8);border-color:rgb(255,216.36,190.32)}.alert-warning hr{border-top-color:rgb(255,201.1262337662,164.82)}.alert-warning .alert-link{color:rgb(85.9870967742,39.4529032258,8.0929032258)}.alert-danger{color:rgb(107.12,20.8,23.92);background-color:rgb(245.2,212,213.2);border-color:rgb(241.28,194.8,196.48)}.alert-danger hr{border-top-color:rgb(236.5470454545,174.0329545455,176.2925)}.alert-danger .alert-link{color:rgb(64.4126829268,12.5073170732,14.3834146341)}.alert-light{color:rgb(128.96,129.48,130);background-color:rgb(253.6,253.8,254);border-color:rgb(253.04,253.32,253.6)}.alert-light hr{border-top-color:rgb(238.165,240.57,242.975)}.alert-light .alert-link{color:rgb(103.5492351816,103.98,104.4107648184)}.alert-dark{color:rgb(28.6,30.16,31.2);background-color:rgb(215,215.6,216);border-color:rgb(199,199.84,200.4)}.alert-dark hr{border-top-color:rgb(186.0886075949,187.122278481,187.8113924051)}.alert-dark .alert-link{color:rgb(4.2086956522,4.4382608696,4.5913043478)}.alert-third{color:rgb(60.32,54.08,54.6);background-color:rgb(227.2,224.8,225);border-color:rgb(216.08,212.72,213)}.alert-third hr{border-top-color:rgb(203.8575862069,199.4424137931,199.8103448276)}.alert-third .alert-link{color:rgb(33.4290909091,29.9709090909,30.2590909091)}.alert-error{color:rgb(107.12,20.8,23.92);background-color:rgb(245.2,212,213.2);border-color:rgb(241.28,194.8,196.48)}.alert-error hr{border-top-color:rgb(236.5470454545,174.0329545455,176.2925)}.alert-error .alert-link{color:rgb(64.4126829268,12.5073170732,14.3834146341)}.btn{display:inline-block;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-weight:700;color:#111;text-align:center;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:.9375rem;line-height:1.5;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#111;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(112,114,105,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#22b29d;border-color:#22b29d}.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:rgb(92.4383561644,94.0890410959,86.6609589041);border-color:rgb(85.9178082192,87.4520547945,80.5479452055)}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(133.45,135.15,127.5,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#22b29d;border-color:#22b29d}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:rgb(85.9178082192,87.4520547945,80.5479452055);border-color:rgb(79.397260274,80.8150684932,74.4349315068)}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(133.45,135.15,127.5,.5)}.btn-secondary{color:#fff;background-color:#a6a6a6;border-color:#a6a6a6}.btn-secondary.focus,.btn-secondary:focus,.btn-secondary:hover{color:#fff;background-color:rgb(94.4450934579,82.9474299065,81.3049065421);border-color:rgb(87.5934579439,76.9299065421,75.4065420561)}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(136,124.1,122.4,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#a6a6a6;border-color:#a6a6a6}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:rgb(87.5934579439,76.9299065421,75.4065420561);border-color:rgb(80.7418224299,70.9123831776,69.5081775701)}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(136,124.1,122.4,.5)}.btn-success{color:#fff;background-color:#30970d;border-color:#30970d}.btn-success.focus,.btn-success:focus,.btn-success:hover{color:#fff;background-color:rgb(36.8048780488,115.7820121951,9.9679878049);border-color:rgb(33.0731707317,104.0426829268,8.9573170732)}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(79.05,166.6,49.3,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#30970d;border-color:#30970d}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:rgb(33.0731707317,104.0426829268,8.9573170732);border-color:rgb(29.3414634146,92.3033536585,7.9466463415)}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(79.05,166.6,49.3,.5)}.btn-info{color:#fff;background-color:#9954bb;border-color:#9954bb}.btn-info.focus,.btn-info:focus,.btn-info:hover{color:#fff;background-color:rgb(133.4173640167,66.2217573222,166.5282426778);border-color:rgb(126.1087866109,62.5941422594,157.4058577406)}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(168.3,109.65,197.2,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#9954bb;border-color:#9954bb}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:rgb(126.1087866109,62.5941422594,157.4058577406);border-color:rgb(118.800209205,58.9665271967,148.2834728033)}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(168.3,109.65,197.2,.5)}.btn-warning{color:#fff;background-color:#ff7518;border-color:#ff7518}.btn-warning.focus,.btn-warning:focus,.btn-warning:hover{color:#fff;background-color:rgb(240.75,96.9253246753,0);border-color:rgb(228,91.7922077922,0)}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,137.7,58.65,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#fff;background-color:#ff7518;border-color:#ff7518}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:rgb(228,91.7922077922,0);border-color:rgb(215.25,86.6590909091,0)}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,137.7,58.65,.5)}.btn-danger{color:#fff;background-color:#ce282e;border-color:#ce282e}.btn-danger.focus,.btn-danger:focus,.btn-danger:hover{color:#fff;background-color:rgb(173.9695121951,33.7804878049,38.8475609756);border-color:rgb(163.2926829268,31.7073170732,36.4634146341)}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(213.35,72.25,77.35,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#ce282e;border-color:#ce282e}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:rgb(163.2926829268,31.7073170732,36.4634146341);border-color:rgb(152.6158536585,29.6341463415,34.0792682927)}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(213.35,72.25,77.35,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light.focus,.btn-light:focus,.btn-light:hover{color:#212529;background-color:rgb(225.6875,229.875,234.0625);border-color:rgb(218.25,223.5,228.75)}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(215.75,217.2,218.65,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:rgb(218.25,223.5,228.75);border-color:rgb(210.8125,217.125,223.4375)}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(215.75,217.2,218.65,.5)}.btn-dark{color:#fff;background-color:#373a3c;border-color:#373a3c}.btn-dark.focus,.btn-dark:focus,.btn-dark:hover{color:#fff;background-color:rgb(36.7065217391,38.7086956522,40.0434782609);border-color:rgb(30.6086956522,32.2782608696,33.3913043478)}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(85,87.55,89.25,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#373a3c;border-color:#373a3c}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:rgb(30.6086956522,32.2782608696,33.3913043478);border-color:rgb(24.5108695652,25.847826087,26.7391304348)}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(85,87.55,89.25,.5)}.btn-third{color:#fff;background-color:#22b29d;border-color:#22b29d}.btn-third.focus,.btn-third:focus,.btn-third:hover{color:#fff;background-color:rgb(95.8318181818,85.9181818182,86.7443181818);border-color:rgb(89.1090909091,79.8909090909,80.6590909091)}.btn-third.focus,.btn-third:focus{box-shadow:0 0 0 .2rem rgba(136.85,126.65,127.5,.5)}.btn-third.disabled,.btn-third:disabled{color:#fff;background-color:#22b29d;border-color:#22b29d}.btn-third:not(:disabled):not(.disabled).active,.btn-third:not(:disabled):not(.disabled):active,.show>.btn-third.dropdown-toggle{color:#fff;background-color:rgb(89.1090909091,79.8909090909,80.6590909091);border-color:rgb(82.3863636364,73.8636363636,74.5738636364)}.btn-third:not(:disabled):not(.disabled).active:focus,.btn-third:not(:disabled):not(.disabled):active:focus,.show>.btn-third.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(136.85,126.65,127.5,.5)}.btn-error{color:#fff;background-color:#ce282e;border-color:#ce282e}.btn-error.focus,.btn-error:focus,.btn-error:hover{color:#fff;background-color:rgb(173.9695121951,33.7804878049,38.8475609756);border-color:rgb(163.2926829268,31.7073170732,36.4634146341)}.btn-error.focus,.btn-error:focus{box-shadow:0 0 0 .2rem rgba(213.35,72.25,77.35,.5)}.btn-error.disabled,.btn-error:disabled{color:#fff;background-color:#ce282e;border-color:#ce282e}.btn-error:not(:disabled):not(.disabled).active,.btn-error:not(:disabled):not(.disabled):active,.show>.btn-error.dropdown-toggle{color:#fff;background-color:rgb(163.2926829268,31.7073170732,36.4634146341);border-color:rgb(152.6158536585,29.6341463415,34.0792682927)}.btn-error:not(:disabled):not(.disabled).active:focus,.btn-error:not(:disabled):not(.disabled):active:focus,.show>.btn-error.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(213.35,72.25,77.35,.5)}.btn-outline-primary{color:#22b29d;border-color:#22b29d}.btn-outline-primary:hover{color:#fff;background-color:#22b29d;border-color:#22b29d}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(112,114,105,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#22b29d;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#22b29d;border-color:#22b29d}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(112,114,105,.5)}.btn-outline-secondary{color:#a6a6a6;border-color:#a6a6a6}.btn-outline-secondary:hover{color:#fff;background-color:#a6a6a6;border-color:#a6a6a6}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(115,101,99,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#a6a6a6;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#a6a6a6;border-color:#a6a6a6}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(115,101,99,.5)}.btn-outline-success{color:#30970d;border-color:#30970d}.btn-outline-success:hover{color:#fff;background-color:#30970d;border-color:#30970d}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(48,151,13,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#30970d;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#30970d;border-color:#30970d}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(48,151,13,.5)}.btn-outline-info{color:#9954bb;border-color:#9954bb}.btn-outline-info:hover{color:#fff;background-color:#9954bb;border-color:#9954bb}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(153,84,187,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#9954bb;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#9954bb;border-color:#9954bb}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(153,84,187,.5)}.btn-outline-warning{color:#ff7518;border-color:#ff7518}.btn-outline-warning:hover{color:#fff;background-color:#ff7518;border-color:#ff7518}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,117,24,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ff7518;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#fff;background-color:#ff7518;border-color:#ff7518}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,117,24,.5)}.btn-outline-danger{color:#ce282e;border-color:#ce282e}.btn-outline-danger:hover{color:#fff;background-color:#ce282e;border-color:#ce282e}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(206,40,46,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#ce282e;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#ce282e;border-color:#ce282e}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(206,40,46,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#373a3c;border-color:#373a3c}.btn-outline-dark:hover{color:#fff;background-color:#373a3c;border-color:#373a3c}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(55,58,60,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#373a3c;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#373a3c;border-color:#373a3c}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(55,58,60,.5)}.btn-outline-third{color:#22b29d;border-color:#22b29d}.btn-outline-third:hover{color:#fff;background-color:#22b29d;border-color:#22b29d}.btn-outline-third.focus,.btn-outline-third:focus{box-shadow:0 0 0 .2rem rgba(116,104,105,.5)}.btn-outline-third.disabled,.btn-outline-third:disabled{color:#22b29d;background-color:transparent}.btn-outline-third:not(:disabled):not(.disabled).active,.btn-outline-third:not(:disabled):not(.disabled):active,.show>.btn-outline-third.dropdown-toggle{color:#fff;background-color:#22b29d;border-color:#22b29d}.btn-outline-third:not(:disabled):not(.disabled).active:focus,.btn-outline-third:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-third.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(116,104,105,.5)}.btn-outline-error{color:#ce282e;border-color:#ce282e}.btn-outline-error:hover{color:#fff;background-color:#ce282e;border-color:#ce282e}.btn-outline-error.focus,.btn-outline-error:focus{box-shadow:0 0 0 .2rem rgba(206,40,46,.5)}.btn-outline-error.disabled,.btn-outline-error:disabled{color:#ce282e;background-color:transparent}.btn-outline-error:not(:disabled):not(.disabled).active,.btn-outline-error:not(:disabled):not(.disabled):active,.show>.btn-outline-error.dropdown-toggle{color:#fff;background-color:#ce282e;border-color:#ce282e}.btn-outline-error:not(:disabled):not(.disabled).active:focus,.btn-outline-error:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-error.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(206,40,46,.5)}.btn-link{font-weight:400;color:#22b29d;text-decoration:none}.btn-link:hover{color:rgb(75.6636363636,67.8363636364,68.4886363636)}.btn-link.focus,.btn-link:focus,.btn-link:hover{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#868e96;pointer-events:none}.btn-lg{padding:.5rem 1rem;font-size:1.171875rem}.btn-lg,.btn-sm{line-height:1.5;border-radius:0}.btn-sm{padding:.25rem .5rem;font-size:.8203125rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.img-fluid,.img-thumbnail{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#868e96}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-sm-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-sm-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-sm-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-sm-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-md-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-md-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-md-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-md-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-lg-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-lg-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-lg-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-lg-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.33333333%;max-width:8.33333333%}.col-xl-2{flex:0 0 16.66666667%;max-width:16.66666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.33333333%;max-width:33.33333333%}.col-xl-5{flex:0 0 41.66666667%;max-width:41.66666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.33333333%;max-width:58.33333333%}.col-xl-8{flex:0 0 66.66666667%;max-width:66.66666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.33333333%;max-width:83.33333333%}.col-xl-11{flex:0 0 91.66666667%;max-width:91.66666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}}.table{width:100%;margin-bottom:1rem;color:#111}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#111;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:rgb(214.96,215.52,213)}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:rgb(180.64,181.68,177)}.table-hover .table-primary:hover,.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:rgb(202.4290721649,203.1643298969,199.8556701031)}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:rgb(215.8,211.88,211.32)}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:rgb(182.2,174.92,173.88)}.table-hover .table-secondary:hover,.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:rgb(203.7391891892,198.6131081081,197.8808108108)}.table-success,.table-success>td,.table-success>th{background-color:rgb(197.04,225.88,187.24)}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:rgb(147.36,200.92,129.16)}.table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:rgb(181.7842196532,218.2152601156,169.4047398844)}.table-info,.table-info>td,.table-info>th{background-color:rgb(226.44,207.12,235.96)}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:rgb(201.96,166.08,219.64)}.table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:rgb(215.5571548117,188.8752301255,228.7047698745)}.table-warning,.table-warning>td,.table-warning>th{background-color:rgb(255,216.36,190.32)}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:rgb(255,183.24,134.88)}.table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:rgb(255,201.1262337662,164.82)}.table-danger,.table-danger>td,.table-danger>th{background-color:rgb(241.28,194.8,196.48)}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:rgb(229.52,143.2,146.32)}.table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:rgb(236.5470454545,174.0329545455,176.2925)}.table-light,.table-light>td,.table-light>th{background-color:rgb(253.04,253.32,253.6)}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:rgb(251.36,251.88,252.4)}.table-hover .table-light:hover,.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:rgb(238.165,240.57,242.975)}.table-dark,.table-dark>td,.table-dark>th{background-color:rgb(199,199.84,200.4)}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:rgb(151,152.56,153.6)}.table-hover .table-dark:hover,.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:rgb(186.0886075949,187.122278481,187.8113924051)}.table-third,.table-third>td,.table-third>th{background-color:rgb(216.08,212.72,213)}.table-third tbody+tbody,.table-third td,.table-third th,.table-third thead th{border-color:rgb(182.72,176.48,177)}.table-hover .table-third:hover,.table-hover .table-third:hover>td,.table-hover .table-third:hover>th{background-color:rgb(203.8575862069,199.4424137931,199.8103448276)}.table-error,.table-error>td,.table-error>th{background-color:rgb(241.28,194.8,196.48)}.table-error tbody+tbody,.table-error td,.table-error th,.table-error thead th{border-color:rgb(229.52,143.2,146.32)}.table-hover .table-error:hover,.table-hover .table-error:hover>td,.table-hover .table-error:hover>th{background-color:rgb(236.5470454545,174.0329545455,176.2925)}.table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#373a3c;border-color:rgb(73.2934782609,77.2913043478,79.9565217391)}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#373a3c}.table-dark td,.table-dark th,.table-dark thead th{border-color:rgb(73.2934782609,77.2913043478,79.9565217391)}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:hsla(0,0%,100%,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:hsla(0,0%,100%,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:rgb(175.1164383562,176.6095890411,169.8904109589);outline:0;box-shadow:0 0 0 .2rem rgba(112,114,105,.25)}.form-control::placeholder{color:#868e96;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{appearance:none}select.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.171875rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.8203125rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:.9375rem;line-height:1.5;color:#111;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.8203125rem;line-height:1.5}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.171875rem;line-height:1.5}select.form-control[multiple],select.form-control[size],textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#868e96}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#30970d}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;line-height:1.5;color:#fff;background-color:rgba(48,151,13,.9)}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#30970d;padding-right:calc(1.5em + .75rem)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2330970d' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#30970d;box-shadow:0 0 0 .2rem rgba(48,151,13,.25)}.was-validated select.form-control:valid,select.form-control.is-valid{padding-right:3rem!important;background-position:right 1.5rem center}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#30970d;padding-right:calc(.75em + 2.3125rem)!important;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23373a3c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%2330970d' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#30970d;box-shadow:0 0 0 .2rem rgba(48,151,13,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#30970d}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#30970d}.custom-control-input.is-valid~.custom-control-label:before,.was-validated .custom-control-input:valid~.custom-control-label:before{border-color:#30970d}.custom-control-input.is-valid:checked~.custom-control-label:before,.was-validated .custom-control-input:valid:checked~.custom-control-label:before{border-color:rgb(62.9268292683,197.9573170732,17.0426829268);background-color:rgb(62.9268292683,197.9573170732,17.0426829268)}.custom-control-input.is-valid:focus~.custom-control-label:before,.was-validated .custom-control-input:valid:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(48,151,13,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#30970d}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#30970d;box-shadow:0 0 0 .2rem rgba(48,151,13,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#ce282e}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.8203125rem;line-height:1.5;color:#fff;background-color:rgba(206,40,46,.9)}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#ce282e;padding-right:calc(1.5em + .75rem)!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ce282e'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ce282e' stroke='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#ce282e;box-shadow:0 0 0 .2rem rgba(206,40,46,.25)}.was-validated select.form-control:invalid,select.form-control.is-invalid{padding-right:3rem!important;background-position:right 1.5rem center}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#ce282e;padding-right:calc(.75em + 2.3125rem)!important;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23373a3c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ce282e'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ce282e' stroke='none'/%3E%3C/svg%3E") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#ce282e;box-shadow:0 0 0 .2rem rgba(206,40,46,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#ce282e}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#ce282e}.custom-control-input.is-invalid~.custom-control-label:before,.was-validated .custom-control-input:invalid~.custom-control-label:before{border-color:#ce282e}.custom-control-input.is-invalid:checked~.custom-control-label:before,.was-validated .custom-control-input:invalid:checked~.custom-control-label:before{border-color:rgb(220.3658536585,76.6341463415,81.8292682927);background-color:rgb(220.3658536585,76.6341463415,81.8292682927)}.custom-control-input.is-invalid:focus~.custom-control-label:before,.was-validated .custom-control-input:invalid:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(206,40,46,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#ce282e}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#ce282e;box-shadow:0 0 0 .2rem rgba(206,40,46,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{justify-content:center}.form-inline .form-group,.form-inline label{display:flex;align-items:center;margin-bottom:0}.form-inline .form-group{flex:0 0 auto;flex-flow:row wrap}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-file{display:flex;align-items:center}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.9375rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.171875rem;line-height:1.5}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.8203125rem;line-height:1.5}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.custom-control{position:relative;z-index:1;display:block;min-height:1.40625rem;padding-left:1.5rem;print-color-adjust:exact}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.203125rem;opacity:0}.custom-control-input:checked~.custom-control-label:before{color:#fff;border-color:#22b29d;background-color:#22b29d}.custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .2rem rgba(112,114,105,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label:before{border-color:rgb(175.1164383562,176.6095890411,169.8904109589)}.custom-control-input:not(:disabled):active~.custom-control-label:before{color:#fff;background-color:rgb(200.0342465753,201.0616438356,196.4383561644);border-color:rgb(200.0342465753,201.0616438356,196.4383561644)}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#868e96}.custom-control-input:disabled~.custom-control-label:before,.custom-control-input[disabled]~.custom-control-label:before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label:before{pointer-events:none;background-color:#fff;border:1px solid #adb5bd}.custom-control-label:after,.custom-control-label:before{position:absolute;top:.203125rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:""}.custom-control-label:after{background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before{border-color:#22b29d;background-color:#22b29d}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(112,114,105,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before{background-color:rgba(112,114,105,.5)}.custom-radio .custom-control-label:before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(112,114,105,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label:before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label:after{top:calc(.20313rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label:after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label:after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before{background-color:rgba(112,114,105,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-size:.9375rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5'%3E%3Cpath fill='%23373a3c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:0;appearance:none}.custom-select:focus{border-color:rgb(175.1164383562,176.6095890411,169.8904109589);outline:0;box-shadow:0 0 0 .2rem rgba(112,114,105,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#868e96;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.8203125rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.171875rem}.custom-file{display:inline-block;margin-bottom:0}.custom-file,.custom-file-input{position:relative;width:100%;height:calc(1.5em + .75rem + 2px)}.custom-file-input{z-index:2;margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:rgb(175.1164383562,176.6095890411,169.8904109589);box-shadow:0 0 0 .2rem rgba(112,114,105,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label:after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]:after{content:attr(data-browse)}.custom-file-label{left:0;z-index:1;height:calc(1.5em + .75rem + 2px);overflow:hidden;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-weight:400;background-color:#fff;border:1px solid #ced4da}.custom-file-label,.custom-file-label:after{position:absolute;top:0;right:0;padding:.375rem .75rem;line-height:1.5;color:#495057}.custom-file-label:after{bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);content:"Browse";background-color:#e9ecef;border-left:inherit}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(112,114,105,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(112,114,105,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(112,114,105,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#22b29d;border:0;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:rgb(200.0342465753,201.0616438356,196.4383561644)}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#22b29d;border:0;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:rgb(200.0342465753,201.0616438356,196.4383561644)}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#22b29d;border:0;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:rgb(200.0342465753,201.0616438356,196.4383561644)}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label:before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label:before,.custom-file-label,.custom-select{transition:none}}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#22b29d;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:rgb(75.6636363636,67.8363636364,68.4886363636);text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(112,114,105,.25)}.page-item:first-child .page-link{margin-left:0}.page-item.active .page-link{z-index:3;color:#fff;background-color:#22b29d;border-color:#22b29d}.page-item.disabled .page-link{color:#868e96;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.171875rem;line-height:1.5}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.8203125rem;line-height:1.5}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#22b29d!important}.border-secondary{border-color:#a6a6a6!important}.border-success{border-color:#30970d!important}.border-info{border-color:#9954bb!important}.border-warning{border-color:#ff7518!important}.border-danger{border-color:#ce282e!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#373a3c!important}.border-third{border-color:#22b29d!important}.border-error{border-color:#ce282e!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important}.rounded-right,.rounded-top{border-top-right-radius:.25rem!important}.rounded-bottom,.rounded-right{border-bottom-right-radius:.25rem!important}.rounded-bottom,.rounded-left{border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive:before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9:before{padding-top:42.85714286%}.embed-responsive-16by9:before{padding-top:56.25%}.embed-responsive-4by3:before{padding-top:75%}.embed-responsive-1by1:before{padding-top:100%}.bg-primary{background-color:#22b29d!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:rgb(85.9178082192,87.4520547945,80.5479452055)!important}.bg-secondary{background-color:#a6a6a6!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:rgb(87.5934579439,76.9299065421,75.4065420561)!important}.bg-success{background-color:#30970d!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:rgb(33.0731707317,104.0426829268,8.9573170732)!important}.bg-info{background-color:#9954bb!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:rgb(126.1087866109,62.5941422594,157.4058577406)!important}.bg-warning{background-color:#ff7518!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:rgb(228,91.7922077922,0)!important}.bg-danger{background-color:#ce282e!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:rgb(163.2926829268,31.7073170732,36.4634146341)!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:rgb(218.25,223.5,228.75)!important}.bg-dark{background-color:#373a3c!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:rgb(30.6086956522,32.2782608696,33.3913043478)!important}.bg-third{background-color:#22b29d!important}a.bg-third:focus,a.bg-third:hover,button.bg-third:focus,button.bg-third:hover{background-color:rgb(89.1090909091,79.8909090909,80.6590909091)!important}.bg-error{background-color:#ce282e!important}a.bg-error:focus,a.bg-error:hover,button.bg-error:focus,button.bg-error:hover{background-color:rgb(163.2926829268,31.7073170732,36.4634146341)!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.clearfix:after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:transparent}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#22b29d!important}a.text-primary:focus,a.text-primary:hover{color:rgb(72.8767123288,74.1780821918,68.3219178082)!important}.text-secondary{color:#a6a6a6!important}a.text-secondary:focus,a.text-secondary:hover{color:rgb(73.8901869159,64.8948598131,63.6098130841)!important}.text-success{color:#30970d!important}a.text-success:focus,a.text-success:hover{color:rgb(25.6097560976,80.5640243902,6.9359756098)!important}.text-info{color:#9954bb!important}a.text-info:focus,a.text-info:hover{color:rgb(111.4916317992,55.3389121339,139.1610878661)!important}.text-warning{color:#ff7518!important}a.text-warning:focus,a.text-warning:hover{color:rgb(202.5,81.525974026,0)!important}.text-danger{color:#ce282e!important}a.text-danger:focus,a.text-danger:hover{color:rgb(141.9390243902,27.5609756098,31.6951219512)!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:rgb(203.375,210.75,218.125)!important}.text-dark{color:#373a3c!important}a.text-dark:focus,a.text-dark:hover{color:rgb(18.4130434783,19.4173913043,20.0869565217)!important}.text-third{color:#22b29d!important}a.text-third:focus,a.text-third:hover{color:rgb(75.6636363636,67.8363636364,68.4886363636)!important}.text-error{color:#ce282e!important}a.text-error:focus,a.text-error:hover{color:rgb(141.9390243902,27.5609756098,31.6951219512)!important}.text-body{color:#111!important}.text-muted{color:#868e96!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:hsla(0,0%,100%,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em}.badge-primary{color:#fff;background-color:#22b29d}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:rgb(85.9178082192,87.4520547945,80.5479452055)}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(112,114,105,.5)}.badge-secondary{color:#fff;background-color:#a6a6a6}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:rgb(87.5934579439,76.9299065421,75.4065420561)}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(115,101,99,.5)}.badge-success{color:#fff;background-color:#30970d}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:rgb(33.0731707317,104.0426829268,8.9573170732)}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(48,151,13,.5)}.badge-info{color:#fff;background-color:#9954bb}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:rgb(126.1087866109,62.5941422594,157.4058577406)}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(153,84,187,.5)}.badge-warning{color:#fff;background-color:#ff7518}a.badge-warning:focus,a.badge-warning:hover{color:#fff;background-color:rgb(228,91.7922077922,0)}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,117,24,.5)}.badge-danger{color:#fff;background-color:#ce282e}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:rgb(163.2926829268,31.7073170732,36.4634146341)}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(206,40,46,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:rgb(218.25,223.5,228.75)}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#373a3c}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:rgb(30.6086956522,32.2782608696,33.3913043478)}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(55,58,60,.5)}.badge-third{color:#fff;background-color:#22b29d}a.badge-third:focus,a.badge-third:hover{color:#fff;background-color:rgb(89.1090909091,79.8909090909,80.6590909091)}a.badge-third.focus,a.badge-third:focus{outline:0;box-shadow:0 0 0 .2rem rgba(116,104,105,.5)}.badge-error{color:#fff;background-color:#ce282e}a.badge-error:focus,a.badge-error:hover{color:#fff;background-color:rgb(163.2926829268,31.7073170732,36.4634146341)}a.badge-error.focus,a.badge-error:focus{outline:0;box-shadow:0 0 0 .2rem rgba(206,40,46,.5)}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0}.card>.list-group:last-child{border-bottom-width:0}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem}.card-subtitle,.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.125)}.card-footer,.card-header{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03)}.card-footer{border-top:1px solid rgba(0,0,0,.125)}.card-header-tabs{margin-bottom:-.75rem;border-bottom:0}.card-header-pills,.card-header-tabs{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{column-count:3;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0}.accordion>.card>.card-header{margin-bottom:-1px}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#111;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item.disabled,.list-group-item:disabled{color:#868e96;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#22b29d;border-color:#22b29d}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:rgb(58.24,59.28,54.6);background-color:rgb(214.96,215.52,213)}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:rgb(58.24,59.28,54.6);background-color:rgb(202.4290721649,203.1643298969,199.8556701031)}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:rgb(58.24,59.28,54.6);border-color:rgb(58.24,59.28,54.6)}.list-group-item-secondary{color:rgb(59.8,52.52,51.48);background-color:rgb(215.8,211.88,211.32)}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:rgb(59.8,52.52,51.48);background-color:rgb(203.7391891892,198.6131081081,197.8808108108)}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:rgb(59.8,52.52,51.48);border-color:rgb(59.8,52.52,51.48)}.list-group-item-success{color:rgb(24.96,78.52,6.76);background-color:rgb(197.04,225.88,187.24)}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:rgb(24.96,78.52,6.76);background-color:rgb(181.7842196532,218.2152601156,169.4047398844)}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:rgb(24.96,78.52,6.76);border-color:rgb(24.96,78.52,6.76)}.list-group-item-info{color:rgb(79.56,43.68,97.24);background-color:rgb(226.44,207.12,235.96)}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:rgb(79.56,43.68,97.24);background-color:rgb(215.5571548117,188.8752301255,228.7047698745)}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:rgb(79.56,43.68,97.24);border-color:rgb(79.56,43.68,97.24)}.list-group-item-warning{color:rgb(132.6,60.84,12.48);background-color:rgb(255,216.36,190.32)}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:rgb(132.6,60.84,12.48);background-color:rgb(255,201.1262337662,164.82)}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:rgb(132.6,60.84,12.48);border-color:rgb(132.6,60.84,12.48)}.list-group-item-danger{color:rgb(107.12,20.8,23.92);background-color:rgb(241.28,194.8,196.48)}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:rgb(107.12,20.8,23.92);background-color:rgb(236.5470454545,174.0329545455,176.2925)}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:rgb(107.12,20.8,23.92);border-color:rgb(107.12,20.8,23.92)}.list-group-item-light{color:rgb(128.96,129.48,130);background-color:rgb(253.04,253.32,253.6)}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:rgb(128.96,129.48,130);background-color:rgb(238.165,240.57,242.975)}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:rgb(128.96,129.48,130);border-color:rgb(128.96,129.48,130)}.list-group-item-dark{color:rgb(28.6,30.16,31.2);background-color:rgb(199,199.84,200.4)}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:rgb(28.6,30.16,31.2);background-color:rgb(186.0886075949,187.122278481,187.8113924051)}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:rgb(28.6,30.16,31.2);border-color:rgb(28.6,30.16,31.2)}.list-group-item-third{color:rgb(60.32,54.08,54.6);background-color:rgb(216.08,212.72,213)}.list-group-item-third.list-group-item-action:focus,.list-group-item-third.list-group-item-action:hover{color:rgb(60.32,54.08,54.6);background-color:rgb(203.8575862069,199.4424137931,199.8103448276)}.list-group-item-third.list-group-item-action.active{color:#fff;background-color:rgb(60.32,54.08,54.6);border-color:rgb(60.32,54.08,54.6)}.list-group-item-error{color:rgb(107.12,20.8,23.92);background-color:rgb(241.28,194.8,196.48)}.list-group-item-error.list-group-item-action:focus,.list-group-item-error.list-group-item-action:hover{color:rgb(107.12,20.8,23.92);background-color:rgb(236.5470454545,174.0329545455,176.2925)}.list-group-item-error.list-group-item-action.active{color:#fff;background-color:rgb(107.12,20.8,23.92);border-color:rgb(107.12,20.8,23.92)}.swup-progress-bar{height:4px;background-color:#a6a6a6}.form-error-icon{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased}a,a:active,a:focus,a:hover{outline:none}.text-serif{font-family:"Open Sans",Segoe UI,Source Sans Pro,Calibri,Candara,Arial,sans-serif}.text-sans-serif{font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif}.form-legalities{font-size:10px;line-height:12px;color:#868e96}.social-sharers a{opacity:.75;display:inline-block;padding:5px;margin:0 10px;font-size:18px}.social-sharers a:hover{opacity:1}.social-sharers svg{fill:currentColor;height:18px}.box-offset{position:relative;margin:8px 0 0 8px;background:#fff}.box-offset:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-99;background:#e7eaec;margin:-8px 0 0 -8px}.col-form-label{padding-top:0}label.required:after{content:" *";opacity:.75}.no-required-marker label.required:after{content:""}.header-view{width:100%;margin-right:auto;margin-left:auto;max-width:1140px;padding:15px 15px 13px}.header-view-open{background:#f8f8f8;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 2px 1px -1px rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.14);position:absolute;z-index:99;top:0}.header-logo{max-width:180px;max-height:50px}@media (min-width:540px){.header-logo{max-width:220px;max-height:70px}}.header-logo-dark{display:block}.header-logo-white{display:none}.header-title{font-weight:800;font-size:26px;margin:15px 0;color:#111}.header a,.header a:hover{text-decoration:none}.header-menu{color:#666;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif}.header-menu,.header-menu li{list-style-type:none;margin:0;padding:0}.header-menu li{display:inline-block;margin:0 5px}.header-menu li:hover .header-menu-submenu{display:block}.header-menu-label{display:flex;align-items:center}.header-menu i{margin-top:3px;margin-left:-5px;font-size:24px}.header-menu a{display:inline-block;padding:10px 15px;font-weight:700;color:#666}.header-menu a.active,.header-menu a:hover{color:#111}.header-menu-submenu{display:none;position:absolute;z-index:99;text-align:left}.header-menu-submenu li,.header-menu-submenu ul{margin:0;padding:0}.header-menu-submenu ul{position:relative;margin:5px 0 0 5px;background:#fff;border:1px solid #eee;min-width:190px}.header-menu-submenu ul:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-99;background:#e7eaec;margin:-5px 0 0 -5px}.header-menu-submenu a,.header-menu-submenu li{display:block}.header-mobile{list-style-type:none;margin:10px 0 0;padding:0}.header-mobile li,.header-mobile ul{list-style-type:none;margin:0;padding:0}.header-mobile-button{padding:.375rem 1rem;color:#333}.header-mobile-button svg{height:14px;width:14px}.header-mobile-submenu{margin-left:25px}.header-mobile a{display:block;padding:7px;font-weight:400;font-size:14px;color:#333}.header-mobile a.active,.header-mobile a:hover{color:#333;text-decoration:underline}.footer{margin-top:150px}.footer-top-logo{margin-bottom:24px}.footer-top-logo-image{max-width:180px;max-height:45px}.footer-top-logo-text{font-weight:400;font-size:24px}.footer-top-socials{font-size:28px;margin-bottom:24px;text-align:center}.footer-top-socials a{display:inline-flex;width:50px;height:50px;justify-content:center;align-items:center;background:#fff;color:#22b29d;border-radius:30px;border:1px solid #a6a6a6;opacity:.8;text-align:center;margin:0 3px}.footer-top-socials a:hover{text-decoration:none;opacity:1}.footer-menu{background:#2f2f2f;color:#fff;padding:40px 20px;text-align:center}.footer-menu-column{margin-bottom:24px}.footer-menu-column a{color:hsla(0,0%,100%,.75);font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif}.footer-menu-column a.active,.footer-menu-column a:hover{color:#fff;text-decoration:none}.footer-menu-column-title{font-weight:700}.home-blocks{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1140px}.home-blocks-block{margin-top:50px;margin-bottom:50px}.home-blocks-block-title{font-weight:800;color:#22b29d;font-size:34px;margin-bottom:24px}.home-blocks-block-newsletter{background:#22b29d;color:#fff}.home-blocks-block-newsletter-form{padding:24px}.home-blocks-block-newsletter-image{background-size:cover;background-position:50% 50%}.home-blocks-block-socials-block{border:1px solid #a6a6a6;background:#fff;margin-bottom:30px;text-align:center;display:flex;justify-content:center;flex-direction:column}.home-blocks-block-socials-facebook,.home-blocks-block-socials-facebook iframe{max-width:500px}.home-blocks-block-socials-facebook iframe{border:none;overflow:hidden;width:100%;height:600px}.home-blocks-block-posts-row-1,.home-blocks-block-posts-row-2,.home-blocks-block-posts-row-3,.home-blocks-block-posts-row-4,.home-blocks-block-posts-row-5{display:none!important}@media (min-width:992px){.home-blocks-block-posts-row{display:flex;margin-right:-15px;margin-left:-15px}}.home-blocks-block-posts .zoom-hover{vertical-align:top;display:inline-block;width:100%}@media (min-width:992px){.home-blocks-block-posts .zoom-hover{padding-right:15px;padding-left:15px;flex:0 0 33.33333%;min-width:33.33333%}}.home-blocks-block-posts-item{border:1px solid #a6a6a6;padding:16px;background:#fff;margin:0 0 30px}.home-blocks-block-posts-item-thumbnail{margin-bottom:22px}.home-blocks-block-cta{text-align:center;margin-bottom:75px}.home-blocks-block-cta-button{display:inline-block;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-weight:700;color:#111;text-align:center;text-decoration:none;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;margin:5px;padding:.5rem 1rem;font-size:1.171875rem;line-height:1.5;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.home-blocks-block-cta-button{transition:none}}.home-blocks-block-cta-button:hover{text-decoration:none}.home-blocks-block-cta-primary{color:#fff;background-color:#a6a6a6;border-color:#a6a6a6}.home-blocks-block-cta-primary.focus,.home-blocks-block-cta-primary:focus,.home-blocks-block-cta-primary:hover{color:#fff;background-color:rgb(94.4450934579,82.9474299065,81.3049065421);border-color:rgb(87.5934579439,76.9299065421,75.4065420561)}.home-blocks-block-cta-primary.focus,.home-blocks-block-cta-primary:focus{box-shadow:0 0 0 .2rem rgba(136,124.1,122.4,.5)}.home-blocks-block-cta-primary.disabled,.home-blocks-block-cta-primary:disabled{color:#fff;background-color:#a6a6a6;border-color:#a6a6a6}.home-blocks-block-cta-primary:not(:disabled):not(.disabled).active,.home-blocks-block-cta-primary:not(:disabled):not(.disabled):active,.show>.home-blocks-block-cta-primary.dropdown-toggle{color:#fff;background-color:rgb(87.5934579439,76.9299065421,75.4065420561);border-color:rgb(80.7418224299,70.9123831776,69.5081775701)}.home-blocks-block-cta-primary:not(:disabled):not(.disabled).active:focus,.home-blocks-block-cta-primary:not(:disabled):not(.disabled):active:focus,.show>.home-blocks-block-cta-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(136,124.1,122.4,.5)}.home-blocks-block-cta-secondary{color:#f8f9fa;border-color:#f8f9fa}.home-blocks-block-cta-secondary:hover{color:#f8f9fa;background-color:#f8f9fa;border-color:#f8f9fa}.home-blocks-block-cta-secondary.focus,.home-blocks-block-cta-secondary:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.home-blocks-block-cta-secondary.disabled,.home-blocks-block-cta-secondary:disabled{color:#f8f9fa;background-color:transparent}.home-blocks-block-cta-secondary:not(:disabled):not(.disabled).active,.home-blocks-block-cta-secondary:not(:disabled):not(.disabled):active,.show>.home-blocks-block-cta-secondary.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.home-blocks-block-cta-secondary:not(:disabled):not(.disabled).active:focus,.home-blocks-block-cta-secondary:not(:disabled):not(.disabled):active:focus,.show>.home-blocks-block-cta-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.home-blocks-block-cta-secondary:hover{color:#212529}.list{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1140px;margin-top:80px}.list-title{margin:0;font-size:38px;padding-bottom:40px}.list-view{display:flex;flex-direction:column}@media (min-width:992px){.list-view{flex-direction:row}}.list-items{margin:0 auto}@media (min-width:992px){.list-items{flex-basis:0;flex-grow:2}}.list-items-none{text-align:center;margin:80px 0}.list-items-item{margin-bottom:40px;border:1px solid #a6a6a6;background:#fff;padding:16px}.list-items-item-link:hover{text-decoration:none}.list-items-item-link:hover .list-items-item-title span{text-decoration:underline}.list-items-item-title{color:#111;font-size:22px;font-weight:700;margin:0}.list-items-item-date,.list-items-item-description{color:#868e96;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-size:14px}.list-items-item-description{margin-top:10px}.list-items-item-image{width:100%;height:auto}.list-items-item-video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;background-size:cover;background-color:#000;background-position:50% 50%}.list-items-item-video-icon,.list-items-item-video-inner{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.list-items-pagination{margin-top:50px}.list-categories{margin-bottom:25px}@media (min-width:992px){.list-categories{margin-bottom:0;margin-left:50px;flex-basis:0;flex-grow:1}}.list-categories-title{border-bottom:1px solid #a6a6a6;padding:8px 0;margin-bottom:8px;font-weight:400}.list-categories-item{border-top:1px solid #dee2e6;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif}.list-categories-item:first-child{border-top:0}.list-categories-item-link{display:block;padding:8px;margin:0 8px}.list-categories-item-link-active{color:#111;font-weight:700}.content{margin-top:50px}.content-splash{width:100%;max-width:780px;padding:30px 15px;margin:0 auto;text-align:center}.content-splash-section{margin:0;font-size:20px;padding-bottom:16px}.content-splash-title{margin:0;font-size:38px;padding-bottom:24px}.content-splash-social-sharers{margin-bottom:24px}.content-splash-social-sharers a{opacity:.75;display:inline-block;padding:5px;margin:0 10px;font-size:18px}.content-splash-social-sharers a:hover{opacity:1}.content-splash-metadata{display:flex;align-items:center;justify-content:center;color:#999;margin-bottom:16px;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif}.content-splash-metadata a{display:inline-block;margin:0 5px}.content-splash-metadata-has-date .content-splash-metadata-categories:before{content:"•";margin:0 5px 0 15px}.content-splash-image{max-width:100%;margin-bottom:24px}.content-splash-video{position:relative;padding-bottom:56.25%;margin-bottom:24px;padding-top:30px;height:0;overflow:hidden;background-size:cover;background-color:#000;background-position:50% 50%}.content-splash-video iframe{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.content-splash-previewing{margin-bottom:24px;color:#ff7518}.content-publication{max-width:940px}.content-more,.content-publication{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.content-more{max-width:1140px;border-top:1px solid #dee2e6;margin-top:120px;padding-top:60px}.content-more-item{margin:0 15px 30px;border:1px solid #a6a6a6;padding:16px;background:#fff}.content-more-item-thumbnail{margin-bottom:22px}.user-content{font-size:1.1rem;line-height:200%}.user-content h1,.user-content h2,.user-content h3,.user-content h4,.user-content h5,.user-content h6{letter-spacing:0;line-height:1.4}.user-content h1{font-size:2.36rem;margin:.4rem 0}.user-content h2{font-size:2rem;margin:.6rem 0}.user-content h3{font-size:1.73rem;margin:.7rem 0}.user-content h4{font-size:1.6rem;margin:.8rem 0}.user-content h5{font-size:1.48rem;margin:.8rem 0}.user-content h6{font-size:1.3rem;margin:.8rem 0}.user-content p{margin:1.5rem 0}.user-content img{display:inline-block}.user-content video{display:block}.user-content img,.user-content video{margin:1.4rem 0 1rem;max-width:100%;height:auto}.user-content .row img,.user-content .row video{max-width:100%}.user-content b,.user-content strong{font-weight:700}.user-content sup{vertical-align:super}.user-content sub{vertical-align:sub}@media (max-width:1024px){.user-content h1{font-size:2rem}.user-content h2{font-size:1.73rem}.user-content h3{font-size:1.6rem}.user-content h4{font-size:1.48rem}.user-content h5{font-size:1.3rem;font-weight:700}.user-content h6{font-size:1rem;font-weight:700}}.user-content .center{text-align:center}.user-content .right{text-align:right}.user-content .left{text-align:left}.user-content .padding-20{padding:20px}.user-content .padding-25{padding:25px}.user-content .padding-30{padding:30px}.user-content .padding-35{padding:35px}.user-content .padding-40{padding:40px}@media (max-width:540px){.user-content .padding-20,.user-content .padding-25,.user-content .padding-30,.user-content .padding-35,.user-content .padding-40{padding:0}}.user-content .margin-0{margin:0!important}.user-content .margin-20{margin:20px!important}.user-content .margin-25{margin:25px!important}.user-content .margin-30{margin:30px!important}.user-content .margin-35{margin:35px!important}.user-content .margin-40{margin:40px!important}.user-content .is-card{display:table;background-color:#fff}.user-content .is-card>*{display:table}.user-content .is-card-circle{width:280px;height:280px;border-radius:500px;padding:70px;margin:0 auto}@media (max-width:540px){.user-content .is-card-circle{zoom:.7;-moz-transform:scale(.7)}}.user-content .is-card-content-centered{display:table-cell;vertical-align:middle;text-align:center}.user-content .max-390{max-width:390px;margin:0 auto}.user-content .shadow-1{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.user-content .shadow-2{-webkit-box-shadow:0 30px 50px rgba(0,0,0,.15);-moz-box-shadow:0 30px 50px rgba(0,0,0,.15);box-shadow:0 30px 50px rgba(0,0,0,.15)}.user-content .shadow-3{-webkit-box-shadow:0 0 100px rgba(0,0,0,.2);-moz-box-shadow:0 0 100px rgba(0,0,0,.2);box-shadow:0 0 100px rgba(0,0,0,.2)}.user-content img.circle{border-radius:500px;margin-top:0}.user-content img.bordered{border:1px solid #ccc}.user-content .embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden;margin-top:1.4em;margin-bottom:1em}.user-content .embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.user-content .embed-responsive.embed-responsive-4by3{padding-bottom:75%}.user-content .embed-responsive iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.user-content .list{position:relative;margin:1.5em 0;box-shadow:none}.user-content .list>i{position:absolute;left:-3px;top:7px;font-size:1.7em;line-height:1}.user-content .list>h2,.user-content .list>h3{margin:0 0 0 50px!important;line-height:1.2!important}.user-content .list>p{margin:5px 0 0 50px!important}.user-content .quote{position:relative;margin:1.5em 0}.user-content .quote>i{position:absolute;top:-10px;left:-7px;font-size:2em}.user-content .quote>small{margin-left:50px;opacity:.7;font-size:1em}.user-content .quote>p{margin-left:50px;font-size:1.5em}@media (max-width:540px){.user-content .quote>i{left:-15px;font-size:1.5em}.user-content .quote>small{margin-left:20px;ont-size:1em}.user-content .quote>p{margin-left:20px;font-size:1.2em}}.user-content .is-social{line-height:1;margin-bottom:1.5em}.user-content .is-social a>i{text-decoration:none;color:#333;font-size:1.2em;margin:0 15px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.user-content .is-social a:first-child>i{margin:0 15px 0 0}.user-content .is-social a:last-child>i{margin:0 0 0 15px}.user-content .is-social a:hover>i{color:#08c9b9}.user-content .is-light-text .is-social a:hover>i,.user-content .is-light-text .is-social a>i{color:#fff}.user-content .is-dark-text .is-social a:hover>i,.user-content .is-dark-text .is-social a>i{color:#000}.user-content .is-rounded-button-big a{display:inline-block;text-align:center;margin:0 20px;border-radius:500px;width:110px;height:110px;background-color:#aaa;overflow:hidden}.user-content .is-rounded-button-big a i{display:inline-block;width:100%;height:100%;vertical-align:middle;color:#fff;font-size:40px;line-height:110px}.user-content .is-rounded-button-big a:first-child{margin:0 20px 0 0}.user-content .is-rounded-button-big a:last-child{margin:0 0 0 20px}.user-content .is-rounded-button-medium a{display:inline-block;text-align:center;margin:0 20px;border-radius:500px;width:70px;height:70px;background-color:#aaa;overflow:hidden}.user-content .is-rounded-button-medium a i{display:inline-block;width:100%;height:100%;vertical-align:middle;color:#fff;font-size:30px;line-height:70px}.user-content .is-rounded-button-medium a:first-child{margin:0 20px 0 0}.user-content .is-rounded-button-medium a:last-child{margin:0 0 0 20px}.user-content .is-boxed-button-big{display:inline-block}.user-content .is-boxed-button-big a{display:table;float:left;text-align:center;margin:0 30px 0 0;width:110px;height:110px;background-color:#aaa}.user-content .is-boxed-button-big a i{display:table-cell;width:100%;height:100%;vertical-align:middle;color:#fff;font-size:40px}.user-content .is-boxed-button-big2{display:inline-block}.user-content .is-boxed-button-big2 a{display:table;float:left;text-align:center;margin:0 30px 0 0;width:150px;height:70px;background-color:#aaa}.user-content .is-boxed-button-big2 a i{display:table-cell;width:100%;height:100%;vertical-align:middle;color:#fff;font-size:35px}.user-content .is-boxed-button-medium{display:inline-block}.user-content .is-boxed-button-medium a{display:table;float:left;text-align:center;margin:0 30px 0 0;width:70px;height:70px;background-color:#aaa}.user-content .is-boxed-button-medium a i{display:table-cell;width:100%;height:100%;vertical-align:middle;color:#fff;font-size:30px}.user-content .is-boxed-button-medium2{display:inline-block}.user-content .is-boxed-button-medium2 a{display:table;float:left;text-align:center;margin:0 30px 0 0;width:100px;height:50px;background-color:#aaa}.user-content .is-boxed-button-medium2 a i{display:table-cell;width:100%;height:100%;vertical-align:middle;color:#fff;font-size:25px}.user-content .is-boxed-button-small{display:inline-block}.user-content .is-boxed-button-small a{display:table;float:left;text-align:center;margin:0 20px 0 0;width:50px;height:50px;background-color:#aaa}.user-content .is-boxed-button-small a i{display:table-cell;width:100%;height:100%;vertical-align:middle;color:#fff;font-size:20px}.user-content .height-20{height:20px}.user-content .height-40{height:40px}.user-content .height-60{height:60px}.user-content .height-80{height:80px}.user-content .height-100{height:100px}.user-content .height-120{height:120px}.user-content .height-140{height:140px}.user-content .height-160{height:160px}.user-content .height-180{height:180px}.user-content .height-200{height:200px}.user-content .height-220{height:220px}.user-content .height-240{height:240px}.user-content .height-260{height:260px}.user-content .height-280{height:280px}.user-content .height-300{height:300px}@media (max-width:640px){.user-content .height-20{height:20px}.user-content .height-40{height:30px}.user-content .height-60{height:40px}.user-content .height-80{height:45px}.user-content .height-100{height:50px}.user-content .height-120{height:55px}.user-content .height-140{height:60px}.user-content .height-160{height:65px}.user-content .height-180{height:70px}.user-content .height-200{height:75px}.user-content .height-220{height:80px}.user-content .height-240{height:85px}.user-content .height-260{height:90px}.user-content .height-280{height:95px}.user-content .height-300{height:100px}}.user-content .size-12{font-size:12px!important}.user-content .size-14{font-size:14px!important}.user-content .size-16{font-size:16px!important}.user-content .size-18{font-size:18px!important}.user-content .size-21{font-size:21px!important}.user-content .size-24{font-size:24px!important}.user-content .size-28{font-size:28px!important}.user-content .size-32{font-size:32px!important}.user-content .size-35{font-size:35px!important}.user-content .size-38{font-size:38px!important}.user-content .size-42{font-size:42px!important}.user-content .size-46{font-size:46px!important}.user-content .size-48{font-size:48px!important}.user-content .size-50{font-size:50px!important}.user-content .size-54{font-size:54px!important}.user-content .size-60{font-size:60px!important}.user-content .size-64{font-size:64px!important}.user-content .size-68{font-size:68px!important}.user-content .size-72{font-size:72px!important}.user-content .size-76{font-size:76px!important}.user-content .size-80{font-size:80px!important}.user-content .size-84{font-size:84px!important}.user-content .size-88{font-size:88px!important}.user-content .size-92{font-size:92px!important}.user-content .size-96{font-size:96px!important}.user-content .size-100{font-size:100px!important}.user-content .size-104{font-size:104px!important}.user-content .size-108{font-size:108px!important}.user-content .size-112{font-size:112px!important}.user-content .size-116{font-size:116px!important}.user-content .size-120{font-size:120px!important}.user-content .size-124{font-size:124px!important}.user-content .size-128{font-size:128px!important}.user-content .size-132{font-size:132px!important}.user-content .size-136{font-size:136px!important}.user-content .size-140{font-size:140px!important}.user-content .size-144{font-size:144px!important}.user-content .size-148{font-size:148px!important}.user-content .size-152{font-size:152px!important}.user-content .size-156{font-size:156px!important}.user-content .size-160{font-size:160px!important}.user-content .size-164{font-size:164px!important}.user-content .size-168{font-size:168px!important}.user-content .size-172{font-size:172px!important}.user-content .size-176{font-size:176px!important}.user-content .size-180{font-size:180px!important}.user-content .size-184{font-size:184px!important}.user-content .size-188{font-size:188px!important}.user-content .size-192{font-size:192px!important}.user-content .size-196{font-size:196px!important}.user-content .size-200{font-size:200px!important}.user-content .size-204{font-size:204px!important}.user-content .size-208{font-size:208px!important}.user-content .size-212{font-size:212px!important}.user-content .size-216{font-size:216px!important}.user-content .size-220{font-size:220px!important}@media (max-width:1024px){.user-content .size-12{font-size:12px!important}.user-content .size-14{font-size:14px!important}.user-content .size-16{font-size:16px!important}.user-content .size-18{font-size:18px!important}.user-content .size-21{font-size:21px!important}.user-content .size-24{font-size:24px!important}.user-content .size-28{font-size:28px!important}.user-content .size-32{font-size:32px!important}.user-content .size-35{font-size:35px!important}.user-content .size-38{font-size:38px!important}.user-content .size-42{font-size:42px!important}.user-content .size-46{font-size:46px!important}.user-content .size-48{font-size:48px!important}.user-content .size-50{font-size:50px!important}.user-content .size-54{font-size:54px!important}.user-content .size-60{font-size:60px!important}.user-content .size-64{font-size:64px!important}.user-content .size-68{font-size:68px!important}.user-content .size-72{font-size:72px!important}.user-content .size-76{font-size:73px!important}.user-content .size-80{font-size:74px!important}.user-content .size-84{font-size:75px!important}.user-content .size-88{font-size:76px!important}.user-content .size-92{font-size:77px!important}.user-content .size-96{font-size:78px!important}.user-content .size-100{font-size:79px!important}.user-content .size-104{font-size:80px!important}.user-content .size-108{font-size:81px!important}.user-content .size-112{font-size:82px!important}.user-content .size-116{font-size:84px!important}.user-content .size-120{font-size:85px!important}.user-content .size-124{font-size:86px!important}.user-content .size-128{font-size:87px!important}.user-content .size-132{font-size:88px!important}.user-content .size-136{font-size:89px!important}.user-content .size-140{font-size:90px!important}.user-content .size-144{font-size:91px!important}.user-content .size-148{font-size:92px!important}.user-content .size-152{font-size:93px!important}.user-content .size-156{font-size:94px!important}.user-content .size-160{font-size:95px!important}.user-content .size-164{font-size:96px!important}.user-content .size-168{font-size:97px!important}.user-content .size-172{font-size:98px!important}.user-content .size-176{font-size:99px!important}.user-content .size-180{font-size:100px!important}.user-content .size-184{font-size:111px!important}.user-content .size-188{font-size:112px!important}.user-content .size-192{font-size:113px!important}.user-content .size-196{font-size:114px!important}.user-content .size-200{font-size:115px!important}.user-content .size-204{font-size:116px!important}.user-content .size-208{font-size:117px!important}.user-content .size-212{font-size:118px!important}.user-content .size-216{font-size:119px!important}.user-content .size-220{font-size:120px!important}}@media (max-width:640px){.user-content .size-12{font-size:12px!important}.user-content .size-14{font-size:14px!important}.user-content .size-16{font-size:16px!important}.user-content .size-18{font-size:18px!important}.user-content .size-21{font-size:21px!important}.user-content .size-24{font-size:22px!important}.user-content .size-28{font-size:24px!important}.user-content .size-32{font-size:26px!important}.user-content .size-35{font-size:28px!important}.user-content .size-38{font-size:30px!important}.user-content .size-42{font-size:32px!important}.user-content .size-46{font-size:34px!important}.user-content .size-48,.user-content .size-50,.user-content .size-54,.user-content .size-60,.user-content .size-64,.user-content .size-68,.user-content .size-72,.user-content .size-76,.user-content .size-80,.user-content .size-84,.user-content .size-88,.user-content .size-92,.user-content .size-96,.user-content .size-100,.user-content .size-104,.user-content .size-108,.user-content .size-112,.user-content .size-116,.user-content .size-120,.user-content .size-124,.user-content .size-128,.user-content .size-132,.user-content .size-136,.user-content .size-140,.user-content .size-144,.user-content .size-148,.user-content .size-152,.user-content .size-156,.user-content .size-160,.user-content .size-164,.user-content .size-168,.user-content .size-172,.user-content .size-176,.user-content .size-180,.user-content .size-184,.user-content .size-188,.user-content .size-192,.user-content .size-196,.user-content .size-200,.user-content .size-204,.user-content .size-208,.user-content .size-212,.user-content .size-216,.user-content .size-220{font-size:36px!important}}.user-content .size-12 span{font-size:12px!important}.user-content .size-14 span{font-size:14px!important}.user-content .size-16 span{font-size:16px!important}.user-content .size-18 span{font-size:18px!important}.user-content .size-21 span{font-size:21px!important}.user-content .size-24 span{font-size:24px!important}.user-content .size-28 span{font-size:28px!important}.user-content .size-32 span{font-size:32px!important}.user-content .size-35 span{font-size:35px!important}.user-content .size-38 span{font-size:38px!important}.user-content .size-42 span{font-size:42px!important}.user-content .size-46 span{font-size:46px!important}.user-content .size-48 span{font-size:48px!important}.user-content .size-50 span{font-size:50px!important}.user-content .size-54 span{font-size:54px!important}.user-content .size-60 span{font-size:60px!important}.user-content .size-64 span{font-size:64px!important}.user-content .size-68 span{font-size:68px!important}.user-content .size-72 span{font-size:72px!important}.user-content .size-76 span{font-size:76px!important}.user-content .size-80 span{font-size:80px!important}.user-content .size-84 span{font-size:84px!important}.user-content .size-88 span{font-size:88px!important}.user-content .size-92 span{font-size:92px!important}.user-content .size-96 span{font-size:96px!important}.user-content .size-100 span{font-size:100px!important}.user-content .size-104 span{font-size:104px!important}.user-content .size-108 span{font-size:108px!important}.user-content .size-112 span{font-size:112px!important}.user-content .size-116 span{font-size:116px!important}.user-content .size-120 span{font-size:120px!important}.user-content .size-124 span{font-size:124px!important}.user-content .size-128 span{font-size:128px!important}.user-content .size-132 span{font-size:132px!important}.user-content .size-136 span{font-size:136px!important}.user-content .size-140 span{font-size:140px!important}.user-content .size-144 span{font-size:144px!important}.user-content .size-148 span{font-size:148px!important}.user-content .size-152 span{font-size:152px!important}.user-content .size-156 span{font-size:156px!important}.user-content .size-160 span{font-size:160px!important}.user-content .size-164 span{font-size:164px!important}.user-content .size-168 span{font-size:168px!important}.user-content .size-172 span{font-size:172px!important}.user-content .size-176 span{font-size:176px!important}.user-content .size-180 span{font-size:180px!important}.user-content .size-184 span{font-size:184px!important}.user-content .size-188 span{font-size:188px!important}.user-content .size-192 span{font-size:192px!important}.user-content .size-196 span{font-size:196px!important}.user-content .size-200 span{font-size:200px!important}.user-content .size-204 span{font-size:204px!important}.user-content .size-208 span{font-size:208px!important}.user-content .size-212 span{font-size:212px!important}.user-content .size-216 span{font-size:216px!important}.user-content .size-220 span{font-size:220px!important}@media (max-width:1024px){.user-content .size-12 span{font-size:12px!important}.user-content .size-14 span{font-size:14px!important}.user-content .size-16 span{font-size:16px!important}.user-content .size-18 span{font-size:18px!important}.user-content .size-21 span{font-size:21px!important}.user-content .size-24 span{font-size:24px!important}.user-content .size-28 span{font-size:28px!important}.user-content .size-32 span{font-size:32px!important}.user-content .size-35 span{font-size:35px!important}.user-content .size-38 span{font-size:38px!important}.user-content .size-42 span{font-size:42px!important}.user-content .size-46 span{font-size:46px!important}.user-content .size-48 span{font-size:48px!important}.user-content .size-50 span{font-size:50px!important}.user-content .size-54 span{font-size:54px!important}.user-content .size-60 span{font-size:60px!important}.user-content .size-64 span{font-size:64px!important}.user-content .size-68 span{font-size:68px!important}.user-content .size-72 span{font-size:72px!important}.user-content .size-76 span{font-size:73px!important}.user-content .size-80 span{font-size:74px!important}.user-content .size-84 span{font-size:75px!important}.user-content .size-88 span{font-size:76px!important}.user-content .size-92 span{font-size:77px!important}.user-content .size-96 span{font-size:78px!important}.user-content .size-100 span{font-size:79px!important}.user-content .size-104 span{font-size:80px!important}.user-content .size-108 span{font-size:81px!important}.user-content .size-112 span{font-size:82px!important}.user-content .size-116 span{font-size:84px!important}.user-content .size-120 span{font-size:85px!important}.user-content .size-124 span{font-size:86px!important}.user-content .size-128 span{font-size:87px!important}.user-content .size-132 span{font-size:88px!important}.user-content .size-136 span{font-size:89px!important}.user-content .size-140 span{font-size:90px!important}.user-content .size-144 span{font-size:91px!important}.user-content .size-148 span{font-size:92px!important}.user-content .size-152 span{font-size:93px!important}.user-content .size-156 span{font-size:94px!important}.user-content .size-160 span{font-size:95px!important}.user-content .size-164 span{font-size:96px!important}.user-content .size-168 span{font-size:97px!important}.user-content .size-172 span{font-size:98px!important}.user-content .size-176 span{font-size:99px!important}.user-content .size-180 span{font-size:100px!important}.user-content .size-184 span{font-size:111px!important}.user-content .size-188 span{font-size:112px!important}.user-content .size-192 span{font-size:113px!important}.user-content .size-196 span{font-size:114px!important}.user-content .size-200 span{font-size:115px!important}.user-content .size-204 span{font-size:116px!important}.user-content .size-208 span{font-size:117px!important}.user-content .size-212 span{font-size:118px!important}.user-content .size-216 span{font-size:119px!important}.user-content .size-220 span{font-size:120px!important}}@media (max-width:640px){.user-content .size-12 span{font-size:12px!important}.user-content .size-14 span{font-size:14px!important}.user-content .size-16 span{font-size:16px!important}.user-content .size-18 span{font-size:18px!important}.user-content .size-21 span{font-size:21px!important}.user-content .size-24 span{font-size:22px!important}.user-content .size-28 span{font-size:24px!important}.user-content .size-32 span{font-size:26px!important}.user-content .size-35 span{font-size:28px!important}.user-content .size-38 span{font-size:30px!important}.user-content .size-42 span{font-size:32px!important}.user-content .size-46 span{font-size:34px!important}.user-content .size-48 span,.user-content .size-50 span,.user-content .size-54 span,.user-content .size-60 span,.user-content .size-64 span,.user-content .size-68 span,.user-content .size-72 span,.user-content .size-76 span,.user-content .size-80 span,.user-content .size-84 span,.user-content .size-88 span,.user-content .size-92 span,.user-content .size-96 span,.user-content .size-100 span,.user-content .size-104 span,.user-content .size-108 span,.user-content .size-112 span,.user-content .size-116 span,.user-content .size-120 span,.user-content .size-124 span,.user-content .size-128 span,.user-content .size-132 span,.user-content .size-136 span,.user-content .size-140 span,.user-content .size-144 span,.user-content .size-148 span,.user-content .size-152 span,.user-content .size-156 span,.user-content .size-160 span,.user-content .size-164 span,.user-content .size-168 span,.user-content .size-172 span,.user-content .size-176 span,.user-content .size-180 span,.user-content .size-184 span,.user-content .size-188 span,.user-content .size-192 span,.user-content .size-196 span,.user-content .size-200 span,.user-content .size-204 span,.user-content .size-208 span,.user-content .size-212 span,.user-content .size-216 span,.user-content .size-220 span{font-size:36px!important}}@media (max-width:1024px){.user-content .margin-left-1024-reset{margin-left:0!important}.user-content .margin-right-1024-reset{margin-right:0!important}}.user-content .letter-spacing-25{letter-spacing:25px!important}.user-content .letter-spacing-24{letter-spacing:24px!important}.user-content .letter-spacing-23{letter-spacing:23px!important}.user-content .letter-spacing-22{letter-spacing:22px!important}.user-content .letter-spacing-21{letter-spacing:21px!important}.user-content .letter-spacing-20{letter-spacing:20px!important}.user-content .letter-spacing-19{letter-spacing:19px!important}.user-content .letter-spacing-18{letter-spacing:18px!important}.user-content .letter-spacing-17{letter-spacing:17px!important}.user-content .letter-spacing-16{letter-spacing:16px!important}.user-content .letter-spacing-15{letter-spacing:15px!important}.user-content .letter-spacing-14{letter-spacing:14px!important}.user-content .letter-spacing-13{letter-spacing:13px!important}.user-content .letter-spacing-12{letter-spacing:12px!important}.user-content .letter-spacing-11{letter-spacing:11px!important}.user-content .letter-spacing-10{letter-spacing:10px!important}.user-content .letter-spacing-9{letter-spacing:9px!important}.user-content .letter-spacing-8{letter-spacing:8px!important}.user-content .letter-spacing-7{letter-spacing:7px!important}.user-content .letter-spacing-6{letter-spacing:6px!important}.user-content .letter-spacing-5{letter-spacing:5px!important}.user-content .letter-spacing-4{letter-spacing:4px!important}.user-content .letter-spacing-3{letter-spacing:3px!important}.user-content .letter-spacing-2{letter-spacing:2px!important}.user-content .letter-spacing-1{letter-spacing:1px!important}@media (max-width:1024px){.user-content .letter-spacing-9,.user-content .letter-spacing-10,.user-content .letter-spacing-11,.user-content .letter-spacing-12,.user-content .letter-spacing-13,.user-content .letter-spacing-14,.user-content .letter-spacing-15,.user-content .letter-spacing-16,.user-content .letter-spacing-17,.user-content .letter-spacing-18,.user-content .letter-spacing-19,.user-content .letter-spacing-20,.user-content .letter-spacing-21,.user-content .letter-spacing-22,.user-content .letter-spacing-23,.user-content .letter-spacing-24,.user-content .letter-spacing-25{letter-spacing:5px!important}.user-content .letter-spacing-7,.user-content .letter-spacing-8{letter-spacing:4px!important}.user-content .letter-spacing-5,.user-content .letter-spacing-6{letter-spacing:3px!important}}.user-content .is-light-text *{color:#fff}.user-content .is-dark-text *{color:#000}.user-content .is-title1-96{margin-top:20px;margin-bottom:20px}.user-content .is-title1-32,.user-content .is-title1-48,.user-content .is-title1-64,.user-content .is-title1-80{margin-top:15px;margin-bottom:15px}.user-content .is-title2-96{margin-top:25px;margin-bottom:20px}.user-content .is-title2-64,.user-content .is-title2-80{margin-top:20px;margin-bottom:15px}.user-content .is-title2-48{margin-top:15px;margin-bottom:15px}.user-content .is-title2-32{margin-top:10px;margin-bottom:15px}.user-content .is-title3-96{margin-top:30px;margin-bottom:35px}.user-content .is-title3-80,.user-content .is-title3-96{padding:20px 0;border-top:2px solid #000;border-bottom:2px solid #000}.user-content .is-title3-80{margin-top:25px;margin-bottom:33px}.user-content .is-title3-64{margin-bottom:30px}.user-content .is-title3-48,.user-content .is-title3-64{margin-top:20px;padding:18px 0;border-top:2px solid #000;border-bottom:2px solid #000}.user-content .is-title3-48{margin-bottom:25px}.user-content .is-title3-32{margin-top:20px;margin-bottom:20px;padding:15px 0;border-top:2px solid #000;border-bottom:2px solid #000}.user-content .is-light-text .is-title3-32,.user-content .is-light-text .is-title3-48,.user-content .is-light-text .is-title3-64,.user-content .is-light-text .is-title3-80,.user-content .is-light-text .is-title3-96{border-top:2px solid #fff;border-bottom:2px solid #fff}.user-content .is-dark-text .is-title3-32,.user-content .is-dark-text .is-title3-48,.user-content .is-dark-text .is-title3-64,.user-content .is-dark-text .is-title3-80,.user-content .is-dark-text .is-title3-96{border-top:2px solid #000;border-bottom:2px solid #000}.user-content .is-title4-96{margin-top:30px;margin-bottom:35px;padding:20px 30px;border:2px solid #000}.user-content .is-title4-80{margin-top:25px;margin-bottom:33px;padding:20px 30px;border:2px solid #000}.user-content .is-title4-64{margin-top:20px;margin-bottom:30px;padding:18px 28px;border:2px solid #000}.user-content .is-title4-48{margin-top:20px;margin-bottom:25px;padding:18px 25px;border:2px solid #000}.user-content .is-title4-32{margin-top:20px;margin-bottom:20px;padding:15px 20px;border:2px solid #000}.user-content .is-light-text .is-title4-32,.user-content .is-light-text .is-title4-48,.user-content .is-light-text .is-title4-64,.user-content .is-light-text .is-title4-80,.user-content .is-light-text .is-title4-96{border:2px solid #fff}.user-content .is-dark-text .is-title4-32,.user-content .is-dark-text .is-title4-48,.user-content .is-dark-text .is-title4-64,.user-content .is-dark-text .is-title4-80,.user-content .is-dark-text .is-title4-96{border:2px solid #000}.user-content .is-title5-96{margin-bottom:35px}.user-content .is-title5-80,.user-content .is-title5-96{margin-top:10px;padding-bottom:25px;border-bottom:2px solid #000}.user-content .is-title5-80{margin-bottom:33px}.user-content .is-title5-64{margin-bottom:30px}.user-content .is-title5-48,.user-content .is-title5-64{margin-top:10px;padding-bottom:20px;border-bottom:2px solid #000}.user-content .is-title5-48{margin-bottom:25px}.user-content .is-title5-32{margin-top:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #000}.user-content .is-light-text .is-title5-32,.user-content .is-light-text .is-title5-48,.user-content .is-light-text .is-title5-64,.user-content .is-light-text .is-title5-80,.user-content .is-light-text .is-title5-96{border-bottom:2px solid #fff}.user-content .is-dark-text .is-title5-32,.user-content .is-dark-text .is-title5-48,.user-content .is-dark-text .is-title5-64,.user-content .is-dark-text .is-title5-80,.user-content .is-dark-text .is-title5-96{border-bottom:2px solid #000}.user-content .is-title-lite{letter-spacing:3px;word-spacing:5px}.user-content .is-title-lite.is-title3-48,.user-content .is-title-lite.is-title3-64,.user-content .is-title-lite.is-title3-80,.user-content .is-title-lite.is-title3-96,.user-content .is-title-lite.is-title4-48,.user-content .is-title-lite.is-title4-64,.user-content .is-title-lite.is-title4-80,.user-content .is-title-lite.is-title4-96,.user-content .is-title-lite.is-title5-48,.user-content .is-title-lite.is-title5-64,.user-content .is-title-lite.is-title5-80,.user-content .is-title-lite.is-title5-96{letter-spacing:4px;word-spacing:8px}.user-content .is-title-lite.is-title3-32,.user-content .is-title-lite.is-title4-32,.user-content .is-title-lite.is-title5-32{letter-spacing:3px;word-spacing:5px}.user-content .is-title-bold{font-weight:800}.user-content .is-title-bold.is-title3-80,.user-content .is-title-bold.is-title3-96,.user-content .is-title-bold.is-title4-80,.user-content .is-title-bold.is-title4-96,.user-content .is-title-bold.is-title5-80,.user-content .is-title-bold.is-title5-96{border-width:4px}.user-content .is-title-bold.is-title3-48,.user-content .is-title-bold.is-title3-64,.user-content .is-title-bold.is-title4-48,.user-content .is-title-bold.is-title4-64,.user-content .is-title-bold.is-title5-48,.user-content .is-title-bold.is-title5-64{border-width:3px}.user-content .is-title-bold.is-title3-32,.user-content .is-title-bold.is-title4-32,.user-content .is-title-bold.is-title5-32{border-width:2px}.user-content .is-info1{margin-top:10px;margin-bottom:0;font-style:italic}.user-content .is-info1.size-21{margin-top:12px}.user-content .is-info1.size-24{margin-top:15px}.user-content .is-info2{margin-top:10px;margin-bottom:0}.user-content .is-info2.size-21{margin-top:12px}.user-content .is-info2.size-24{margin-top:15px}.user-content .is-btn,.user-content a.is-btn{padding:10px 50px;font-size:1rem;line-height:2rem;border-radius:0;letter-spacing:3px;display:inline-block;margin:3px 0;font-weight:400;text-align:center;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-transition:all .16s ease;transition:all .16s ease;text-decoration:none;color:#000}.user-content .is-btn:focus,.user-content .is-btn:hover,.user-content .is-btn:visited,.user-content a.is-btn:focus,.user-content a.is-btn:hover,.user-content a.is-btn:visited{color:initial;text-decoration:initial;opacity:1}.user-content .is-btn-ghost1,.user-content a.is-btn-ghost1{color:#000;border:2px solid #111}.user-content .is-dark-text .is-light-text .is-btn-ghost1,.user-content .is-dark-text .is-light-text a.is-btn-ghost1,.user-content .is-light-text .is-btn-ghost1,.user-content .is-light-text a.is-btn-ghost1{color:#fff;border:2px solid #fff}.user-content .is-dark-text .is-btn-ghost1,.user-content .is-dark-text a.is-btn-ghost1,.user-content .is-light-text .is-dark-text .is-btn-ghost1,.user-content .is-light-text .is-dark-text a.is-btn-ghost1{color:#000;border:2px solid #111}.user-content .is-btn-ghost2,.user-content a.is-btn-ghost2{color:#000;border:2px solid #dcdcdc;background-color:#dcdcdc}.user-content .is-dark-text .is-light-text .is-btn-ghost2,.user-content .is-dark-text .is-light-text a.is-btn-ghost2,.user-content .is-light-text .is-btn-ghost2,.user-content .is-light-text a.is-btn-ghost2{color:#000;border:2px solid #f9f9f9;background-color:#f9f9f9}.user-content .is-dark-text .is-btn-ghost2,.user-content .is-dark-text a.is-btn-ghost2,.user-content .is-light-text .is-dark-text .is-btn-ghost2,.user-content .is-light-text .is-dark-text a.is-btn-ghost2{color:#000;border:2px solid #d7d7d7;background-color:#d7d7d7}.user-content .is-btn-small,.user-content .is-btn.is-btn-small{padding:5px 25px;font-size:.85em}.user-content .is-btn.is-upper,.user-content .is-upper{text-transform:uppercase}.user-content .is-btn.is-rounded-30,.user-content .is-rounded-30{border-radius:30px}.user-form{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:650px}.user-form-success{color:#30970d;text-align:center;margin-bottom:32px}.user-form-description{margin-bottom:40px}.user-form-field{margin-bottom:20px}.user-form-submit{text-align:center;margin-top:40px}.user-form-legalities{margin-top:80px}.user-form .form-group{border:1px solid #dee2e6;background:#fafafa;padding:20px}.user-form .form-group legend{width:auto;padding:0 10px}.user-form .form-rating{display:flex;margin-bottom:15px}.user-form .form-rating .form-check{flex-basis:0;flex-grow:1;text-align:center}.user-form .form-rating .form-check-input{position:static;margin:0}.user-form .form-rating .form-check-label{display:block}.newsletter-form-firstname,.newsletter-form-lastname,.newsletter-form-phone{display:none}.user-event{width:100%;margin-right:auto;margin-left:auto;max-width:750px;border:1px solid #a6a6a6;padding:30px}.user-event-block{margin-bottom:35px}.user-event-label{margin-bottom:5px;color:#22b29d;text-transform:uppercase;font-weight:700;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-size:12px}.manifesto{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1140px;margin-top:48px}.manifesto-topics-title{margin:0 0 10px;font-size:38px;text-align:center}.manifesto-topics-social-sharers{margin:0 0 30px;text-align:center}.manifesto-topics-list-none{text-align:center;margin:80px 0}.manifesto-topics-list-item{display:block;text-align:center}.manifesto-topics-list-item-image{background-size:cover;background-position:50%;height:170px}.manifesto-topics-list-item-title{padding:15px 20px;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-weight:700}.manifesto-topic-section{margin:0;font-size:20px;padding-bottom:16px;text-align:center}.manifesto-topic-nav{margin-bottom:18px}.manifesto-topic-header{height:350px;background-size:cover;background-position:50%}.manifesto-topic-header-overlay{background:linear-gradient(270deg,rgba(0,0,0,.3),rgba(0,0,0,.7));width:100%;height:350px;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;padding:16px}.manifesto-topic-header-title{margin:24px 0;color:#fff}.manifesto-topic-header-social-sharers a{color:#fff;font-size:24px}.manifesto-topic-proposals{padding:20px}@media (min-width:992px){.manifesto-topic-proposals{padding:50px}}.trombinoscope{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1140px;margin-top:48px}.trombinoscope-persons-title{margin:0 0 10px;font-size:38px;text-align:center}.trombinoscope-persons-social-sharers{margin:0 0 30px;text-align:center}.trombinoscope-persons-grid{text-align:center}.trombinoscope-persons-grid-item{display:inline-block;position:relative;width:180px;height:180px;background-size:cover;background-position:50% 50%;margin:10px}.trombinoscope-persons-grid-item:before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;background:linear-gradient(20deg,rgba(0,0,0,.7),rgba(0,0,0,.2))}.trombinoscope-persons-grid-item:hover:before{background:linear-gradient(20deg,rgba(0,0,0,.1),rgba(0,0,0,.3))}.trombinoscope-persons-grid-item-position{position:absolute;z-index:2;top:10px;left:10px;background:#22b29d;color:#fff;font-weight:700;padding:3px 7px;font-size:1.1em}.trombinoscope-persons-grid-item-name{position:absolute;z-index:2;bottom:10px;left:10px;right:10px;color:#fff;text-transform:uppercase;text-align:left;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;font-weight:700;font-size:.9375rem;margin:0;padding:0}.trombinoscope-person-section{margin:0;font-size:20px;padding-bottom:16px;text-align:center}.trombinoscope-person-name{margin:0 0 10px;font-size:38px;text-align:center}.trombinoscope-person-social-sharers{margin:0 0 30px;text-align:center}.trombinoscope-person-nav{margin-bottom:18px}.trombinoscope-person-bio{border:1px solid #dee2e6;padding:24px;text-align:center}.trombinoscope-person-bio-image{width:100%;height:auto;margin-bottom:20px}.trombinoscope-person-bio-name{margin-bottom:10px}.trombinoscope-person-bio-role{color:#868e96;margin-bottom:40px}.trombinoscope-person-bio-label{font-size:12px;text-transform:uppercase;font-weight:700;font-family:"Quicksand",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Ubuntu,sans-serif;color:#868e96;margin-bottom:10px}.trombinoscope-person-bio-social-accounts{margin-bottom:20px}.trombinoscope-person-bio-content{text-align:left}.membership-view{width:100%;margin-right:auto;margin-left:auto;max-width:1140px;padding:15px 15px 13px;margin-top:80px}.membership-title{margin:0;font-size:38px;padding-bottom:36px}.membership-page-content{box-shadow:0 0 10px 0 rgba(151,169,149,.15);border:1px solid #e2e2e2}.membership .list-categories{margin-top:0!important}.body-phoning,.phoning,.phoning-row{height:100%}.phoning-left{background:#f5f5f5;border-right:#e5e5e5;padding-top:50px}.phoning-right{padding-top:50px;max-height:100%;overflow-y:scroll}.phoning-content{max-width:690px;width:690px;margin:0 auto}.gdpr-form .form-group{border:0;background:none;padding:5px}.gdpr-section{box-shadow:0 0 10px 0 rgba(151,169,149,.15);border:1px solid #e2e2e2;padding:30px;margin-bottom:50px}.gdpr-section-name{margin-bottom:20px;font-size:22px}.gdpr-section-project{margin-bottom:25px}.gdpr-section-project-name{font-weight:700;font-size:16px;margin-bottom:10px;text-transform:uppercase;color:#22b29d;border-bottom:2px solid #22b29d;padding:5px 0}.petition .content-splash-social-sharers,.petition .content-splash-title{text-align:left}.petition .content-splash-title{font-size:30px}.petition .content-splash-image{border-radius:10px}.petition .content-splash{padding-bottom:0}.petition-form{margin-top:50px;box-shadow:0 0 5px #ccc;border-radius:10px}.petition-form .user-form .form-group{padding:0;background:transparent!important;border:0!important}.petition-progress{text-align:center;margin-bottom:15px;background:#444;color:#fff;border-radius:10px 10px 0 0;padding:20px}.petition-count-number{font-size:42px}.petition-success{background:#e9f1e7;color:#30970d;padding:7px 14px;margin:15px 0;font-weight:700;text-align:center}.petition-form .user-form{padding:0 20px 20px}.petition-progress-bar{background:#fff;height:16px;border-radius:10px;padding:2px}.petition-progress-bar-value{background:#fff;height:12px;min-width:12px;border-radius:10px}.petition-addressed-to{background:#f5f5f5;padding:20px;font-size:14px;line-height:20px;border-radius:10px}.petition-addressed-to-label{text-transform:uppercase;font-weight:700;font-size:10px;color:#999}
/*# sourceMappingURL=bundle.b67e1f7e.css.map */


.body-home-index .header {
    position: absolute;
    z-index: 30;
    width: 100%;
}

.body-home-index:not(.body-loading) .header-view:not(.header-view-open) .header-title {
    color: #fff;
}

.body-home-index:not(.body-loading) .header-view:not(.header-view-open) .header-logo-dark {
    display: none;
}
.body-home-index:not(.body-loading) .header-view:not(.header-view-open) .header-logo-white {
    display: block;
}

.body-home-index:not(.body-loading) .header-view:not(.header-view-open) .header-mobile-button {
    color: rgba(255, 255, 255, 0.75);
}

.body-home-index:not(.body-loading) .header-view:not(.header-view-open) .header-menu-label a,
.body-home-index:not(.body-loading) .header-view:not(.header-view-open) .header-menu-label i {
    color: rgba(255, 255, 255, 0.75);
}

.body-home-index:not(.body-loading) .header-view:not(.header-view-open) .header-menu-label:hover a,
.body-home-index:not(.body-loading) .header-view:not(.header-view-open) .header-menu-label:hover i {
    color: #fff;
}

.home-jumbo {
    background-size: cover;
    background-position: 50% 50%;
    background-color: #000;
    height: 85vh;
    position: relative;
    z-index: 10;
}

.home-jumbo-video {
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 11;
}
.home-jumbo-video video {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: 12;
}

.home-jumbo-overlay {
    position: absolute;
    z-index: 20;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(12, 34, 71, 0.2), rgba(33, 32, 33, 0.75));
}

.home-jumbo-buttons .home-blocks-block-cta {
    margin: 0 0 20px 0 !important;
}

.home-jumbo-intro {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

@media (min-width: 992px) {
    .home-jumbo-intro {
        align-items: center;
    }
}

.home-jumbo-intro-container {
    position: absolute;
    z-index: 30;
    height: 100%;
    width: 100%;
    padding-top: 90px;
    display: flex;
    flex-direction: column;
}

.home-jumbo-intro-view h2 {
    font-weight: 800;
    color: #fff;
    font-size: 40px;
}

@media (min-width: 992px) {
    .home-jumbo-intro-view h2 {
        font-size: 64px;
    }
}

.home-jumbo-intro-view p {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}

@media (min-width: 992px) {
    .home-jumbo-intro-view p {
        font-size: 24px;
    }
}

.home-jumbo-intro-view .home-blocks-block-cta {
    margin: 0;
}

.home-jumbo-intro-left,
.home-jumbo-intro-center,
.home-jumbo-intro-right {
    text-align: center;
}

.home-jumbo-intro-left .home-jumbo-intro-view,
.home-jumbo-intro-center .home-jumbo-intro-view,
.home-jumbo-intro-right .home-jumbo-intro-view {
    flex-grow: 1;
}

@media (min-width: 992px) {
    .home-jumbo-intro-left {
        justify-content: flex-start;
        text-align: left;
    }

    .home-jumbo-intro-left .home-jumbo-intro-view {
        flex-grow: 0;
        max-width: 800px;
    }

    .home-jumbo-intro-left .home-blocks-block-cta {
        text-align: left;
    }

    .home-jumbo-intro-right {
        justify-content: flex-end;
        text-align: right;
    }

    .home-jumbo-intro-right .home-jumbo-intro-view {
        flex-grow: 0;
        max-width: 800px;
    }

    .home-jumbo-intro-right .home-blocks-block-cta {
        text-align: right;
    }
}

.home-blocks {
    max-width: none !important;
    padding: 0;
}
.home-blocks-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1140px;
}


/* =============================================
   AUSTRALIAN DEMOCRATS - MODERN THEME
   ============================================= */

/* --- GLOBAL FONT & BASE --- */
* {
    font-family: 'Space Grotesk', sans-serif !important;
}

html, body {
    background: #F7F6F2;
    color: #1a1a1a;
    -webkit-font-smoothing: antialiased;
}

.contenteditor-customblock-qomon-form {
    border: 0 !important;
}

/* --- HEADER / NAV --- */
.header-menu-label {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.header-menu-label a {
    transition: opacity 0.2s ease;
}

.header-menu-label a:hover {
    opacity: 0.7;
}

.body-home-index:not(.body-loading) .header-view:not(.header-view-open) .header-menu-label a,
.body-home-index:not(.body-loading) .header-view:not(.header-view-open) .header-menu-label i {
    color: #F7F6F2;
}

.header-menu {
    color: #22B29D !important;
}



/* --- DROPDOWN MENUS --- */
.header-menu-submenu {
    background: #ffffff !important;
    border: 1px solid rgba(34, 178, 157, 0.15) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06) !important;
    padding: 8px !important;
    margin-top: 0px !important;
    padding-top: 16px !important;
    position: relative !important;
    min-width: 220px !important;
    animation: dropdownFadeIn 0.25s ease !important;
    overflow: visible !important;
}

/* Bridge gap between menu label and submenu */
.header-menu-submenu::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -12px !important;
    left: 0 !important;
    right: 0 !important;
    height: 12px !important;
    background: transparent !important;
}

@keyframes dropdownFadeIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Reset nested UL box */
.header-menu-submenu ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.header-menu-submenu ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-menu-submenu a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 20px !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
    letter-spacing: 0.01em !important;
}

/* Odd items hover -> Democrats yellow */
.header-menu-submenu li:nth-child(odd) a:hover {
    background: #FDDA7C !important;
    color: #111111 !important;
    padding-left: 24px !important;
}

/* Even items hover -> Ausdems teal */
.header-menu-submenu li:nth-child(even) a:hover {
    background: #22B29D !important;
    color: #ffffff !important;
    padding-left: 24px !important;
}

.header-menu-submenu a::before {
    font-size: 18px !important;
    width: 24px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
}

/* Dropdown menu icons - teal colored */
.header-menu-submenu a::before {
    color: #22B29D !important;
    font-style: normal !important;
}
.header-menu-submenu a[href*="about"]::before {
    content: "\25C8" !important;
}
.header-menu-submenu a[href*="people"]::before {
    content: "\2023" !important;
}
.header-menu-submenu a[href*="history"]::before,
.header-menu-submenu a[href*="History"]::before {
    content: "\25B9" !important;
}
.header-menu-submenu a[href*="policy"]::before {
    content: "\25C7" !important;
}
.header-menu-submenu a[href*="contact"]::before,
.header-menu-submenu a[href*="touch"]::before {
    content: "\2794" !important;
}
.header-menu-submenu a:not([href*="about"]):not([href*="people"]):not([href*="history"]):not([href*="History"]):not([href*="policy"]):not([href*="contact"]):not([href*="touch"])::before {
    content: "\2192" !important;
}

/* Mobile submenu - absolute overlay, never displaces menu items */
@media (max-width: 1024px) {
    .header-menu > li {
        position: relative !important;
    }
    .header-menu-submenu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        z-index: 99999 !important;
        width: auto !important;
        min-width: 160px !important;
        max-width: 240px !important;
        background: #fff !important;
        border-radius: 12px !important;
        box-shadow: 0 6px 24px rgba(0,0,0,0.18) !important;
        padding: 4px !important;
        margin-top: 2px !important;
        animation: none !important;
    }
    .header-menu-submenu::before {
        display: none !important;
    }
    .header-menu-submenu ul {
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    .header-menu-submenu a {
        padding: 8px 10px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        border-radius: 8px !important;
        color: #1a1a1a !important;
        gap: 0 !important;
    }
    /* No icons on mobile submenu */
    .header-menu-submenu a::before {
        display: none !important;
    }
    .header-menu-submenu li:nth-child(odd) a:hover {
        background: #FDDA7C !important;
    }
    .header-menu-submenu li:nth-child(even) a:hover {
        background: #22B29D !important;
        color: #fff !important;
    }
}

/* Landscape mobile: bigger text on 3x3 grid tiles */
@media (max-width: 1024px) and (orientation: landscape) {
    .dem-tile-v7__title {
        font-size: 1.2rem !important;
        line-height: 1.3 !important;
    }
}
/* Portrait mobile: also bump tile text slightly */
@media (max-width: 768px) and (orientation: portrait) {
    .dem-tile-v7__title {
        font-size: 1.05rem !important;
        line-height: 1.3 !important;
    }
}

/* --- HERO SECTION --- */
.home-jumbo {
    position: relative;
    padding-bottom: 140px !important;
    min-height: 85vh;
}

.home-jumbo-overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.45) 100%) !important;
}

.home-jumbo-intro-container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.home-jumbo-intro-view {
    text-align: center;
}

.home-jumbo-intro-view h2 {
    font-weight: 700;
    color: #F7F6F2;
    font-size: 4rem;
    letter-spacing: -0.03em;
    line-height: 1.1;
    text-shadow: 0 2px 30px rgba(0,0,0,0.3);
}

.home-jumbo-intro-view p {
    color: #F7F6F2;
    font-size: 1.25rem;
    font-weight: 300;
    max-width: 600px;
    margin: 0 auto;
    opacity: 0.9;
}

.home-jumbo-intro-split {
    width: 60px;
    height: 3px;
    background: #22B29D;
    margin: 20px auto;
    border-radius: 2px;
}

/* --- HERO BUTTONS --- */
.hero-buttons {
    display: flex;
    gap: 16px;
    margin-top: 36px;
    justify-content: center;
    flex-wrap: nowrap;
}

.hero-btn {
    display: inline-block;
    padding: 16px 44px;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none !important;
    border-radius: 50px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.hero-btn-primary {
    background: #ffffff;
    color: #111111 !important;
    border: 2px solid #ffffff;
}

.hero-btn-primary:hover {
    background: #22B29D;
    color: #ffffff !important;
    border-color: #22B29D;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(34, 178, 157, 0.4);
}

.hero-btn-secondary {
    background: transparent;
    color: #ffffff !important;
    border: 2px solid rgba(255,255,255,0.7);
}

.hero-btn-secondary:hover {
    background: #FDDA7C !important;
    color: #111111 !important;
    border-color: #FDDA7C !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(253, 218, 124, 0.4);
}

@media (max-width: 576px) {
    .hero-buttons {
        flex-wrap: nowrap;
        gap: 12px;
    }
    .hero-btn {
        padding: 14px 28px;
        font-size: 14px;
    }
    .home-jumbo-intro-view h2 {
        font-size: 2.4rem;
    }
}

/* --- HIDE CTA BLOCK (already have hero buttons) --- */
.home-blocks-block-cta {
    display: none !important;
}

/* --- FOUR IMAGE CARDS - Overlap Hero --- */
.home-blocks-block-custom-content > .row {
    display: flex !important;
    gap: 20px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.home-blocks-block-custom-content .row > .col-md-3 {
    position: relative !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    min-height: 220px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    background: #1a1a1a !important;
    padding: 0 !important;
    flex: 1 1 220px !important;
    max-width: 280px !important;
    width: auto !important;
}

.home-blocks-block-custom-content .row > .col-md-3::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 60%);
    z-index: 1;
    pointer-events: none;
    border-radius: 16px;
}

.home-blocks-block-custom-content .row > .col-md-3:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
}

.home-blocks-block-custom-content .row > .col-md-3 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 0.85;
    transition: all 0.4s ease;
    border-radius: 16px !important;
}

.home-blocks-block-custom-content .row > .col-md-3:hover img {
    opacity: 0.6;
    transform: scale(1.05);
}

.home-blocks-block-custom-content .row > .col-md-3 h3 {
    position: absolute !important;
    bottom: 16px !important;
    left: 16px !important;
    right: 16px !important;
    z-index: 2 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    margin: 0 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
    letter-spacing: -0.01em;
}

.home-blocks-block-custom-content .row > .col-md-3 h3 a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.home-blocks-block-custom-content .row > .col-md-3 h3 b,
.home-blocks-block-custom-content .row > .col-md-3 h3 strong {
    color: #ffffff !important;
}

.home-blocks-block-custom-content .row > .col-md-3 > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
}

/* Make first custom content block overlap the hero */
main > .home + .home-blocks + .home-blocks {
    margin-top: -100px;
    position: relative;
    z-index: 10;
    padding: 0 40px;
}

@media (max-width: 768px) {
    main > .home + .home-blocks + .home-blocks {
        margin-top: -60px;
        padding: 0 16px;
    }
    .home-blocks-block-custom-content .row > .col-md-3 {
        max-width: 48%;
        min-height: 180px;
    }
    .home-blocks-block-custom-content .row > .col-md-3 h3 {
        font-size: 0.9rem;
    }
}

/* --- SECTION TITLES --- */
.home-blocks-block-title {
    font-weight: 700;
    color: #F7F6F2;
    font-size: 2.2rem;
    margin-bottom: 24px;
    letter-spacing: -0.02em;
}

/* --- CTA BUTTONS (in sections) --- */
.home-blocks-block-cta-button {
    font-size: 1.1rem;
    border-radius: 50px;
    padding: 14px 36px;
    font-weight: 600;
    transition: all 0.3s ease;
    letter-spacing: 0.01em;
}

.home-blocks-block-cta-primary {
    color: #F7F6F2 !important;
    background-color: transparent !important;
    border-color: #F7F6F2 !important;
}

a.home-blocks-block-cta-button.home-blocks-block-cta-primary:hover {
    color: #111111 !important;
    background-color: #ffffff !important;
}

/* --- POSTS SECTIONS --- */
.home-blocks-block-posts {
    padding: 30px 0;
}

/* --- FOOTER --- */
.footer {
    margin-top: 0;
}

.footer-top {
    color: #22B29D;
}

@media (min-width: 992px) {
    .footer-top-socials {
        position: fixed;
        top: 150px;
        left: 40px;
        z-index: 99;
        font-size: 18px;
    }

    .footer-top-socials a {
        display: flex;
        border: 0;
        opacity: 1;
        width: 38px;
        height: 38px;
        box-shadow: 0 4px 15px rgba(34, 178, 157, 0.4);
        margin-bottom: 10px;
        border-radius: 50%;
        transition: transform 0.2s ease;
    }

    .footer-top-socials a:hover {
        transform: scale(1.15);
    }
}

.footer-top-socials-rss {
    display: none !important;
}

.footer-top-socials-link a {
    display: none;
}

/* --- NEWSLETTER --- */
.home-blocks-newsletter {
    display: none;
    background: #22B29D;
    padding: 20px 0 0 0;
    margin: 60px 0 0 0;
}

.home-blocks-block-newsletter::before {
    margin: 0;
    background: #fff;
}

.home-blocks-block-newsletter-title {
    font-size: 2rem;
    color: #F7F6F2;
    font-weight: 700;
}

/* --- MISC --- */
.box-offset::before {
    margin: 0;
    background: #fff;
}

.block-newsletter {
    box-shadow: none;
}

.form-legalities {
    display: none !important;
}

.footer-authorisation {
    margin-top: 40px;
    font-size: 12px;
    color: #aaa;
}

html {
    scroll-behavior: smooth;
}

::selection {
    background: rgba(34, 178, 157, 0.3);
    color: #1a1a1a;
}


/* =============================================
   V0.03 ADDITIONS
   ============================================= */


/* --- FORCE CENTER HERO CONTENT (override jumbo_position right) --- */
.home-jumbo-intro.home-jumbo-intro-right {
    justify-content: center !important;
    text-align: center !important;
}

.home-jumbo-intro.home-jumbo-intro-right .home-jumbo-intro-view {
    text-align: center !important;
}

/* --- MOVE HERO CONTENT HIGHER --- */
.home-jumbo-intro-container {
    padding-top: 40px !important;
    align-items: center !important;
}

/* --- LARGE CENTERED LOGO (CSS-only, above hero heading) --- */
.home-jumbo-intro-view h2::before {
    content: '';
    display: block;
    width: 500px;
    max-width: 85%;
    height: 150px;
    margin: 0 auto 20px auto;
    background-image: url('https://www.democrats.org.au/document/tn8D0yXZxeDJHd3OWMcyU/logo-type-a.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.95;
}

/* --- NAV MENU TEXT BIGGER --- */
.header-menu-label {
    font-size: 22px !important;
    font-weight: 500;
}

/* --- HIDE BROKEN FA DROPDOWN ICONS --- */
.header-menu-label i.fal,
.header-menu-label i.fa-angle-down,
.header-menu-label i[class*="fa-"] {
    display: none !important;
    font-size: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* --- CSS CHEVRON REPLACEMENT FOR DROPDOWNS --- */
.header-menu-children > .header-menu-label > a::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    margin-left: 8px;
    margin-bottom: 3px;
    opacity: 0.7;
    vertical-align: middle;
}

/* --- HERO HEIGHT REDUCED --- */
.home-jumbo {
    min-height: 70vh;
    max-height: 75vh;
    padding-bottom: 120px !important;
}

.home-jumbo-intro-view h2 {
    font-size: 3.5rem;
}

/* --- MOBILE HERO LAYOUT --- */
@media (max-width: 768px) {
    .home-jumbo {
        min-height: 60vh;
        max-height: 70vh;
        padding-bottom: 80px !important;
    }

    .home-jumbo-intro-view h2::before {
        width: 260px;
        max-width: 70%;
        height: 75px;
        margin-bottom: 12px;
    }

    .home-jumbo-intro-container {
        padding-top: 60px !important;
        align-items: flex-start !important;
    }

    .home-jumbo-intro-view h2 {
        font-size: 2.2rem;
        margin-bottom: 0;
    }

    /* Stacked buttons on mobile */
    .hero-buttons {
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 0 20px !important;
    }

    .hero-btn {
        width: 100% !important;
        max-width: 320px !important;
        text-align: center !important;
        padding: 16px 20px !important;
        font-size: 17px !important;
    }

    .hero-btn-primary {
        order: 1 !important;
    }

    .hero-btn-secondary {
        order: 2 !important;
    }

    /* 4 cards - stronger text on mobile */
    .home-blocks-block-custom-content > .row {
        flex-wrap: nowrap !important;
        gap: 8px !important;
        padding: 0 8px !important;
    }

    .home-blocks-block-custom-content .row > .col-md-3 {
        min-height: 120px !important;
        flex: 1 1 0 !important;
        max-width: none !important;
        border-radius: 10px !important;
    }

    .home-blocks-block-custom-content .row > .col-md-3 h3 {
        font-size: 0.72rem !important;
        text-shadow: 0 2px 8px rgba(0,0,0,1), 0 0 20px rgba(0,0,0,0.9) !important;
    }

    .home-blocks-block-custom-content .row > .col-md-3::after {
        background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.1) 100%) !important;
    }

    main > .home + .home-blocks + .home-blocks {
        margin-top: -60px;
        padding: 0 8px;
    }
}

/* =============================================
   V0.04 - CARD COLORS & MOBILE IMPROVEMENTS
   ============================================= */

/* --- DESKTOP: Teal gradient for cards 1 & 3 (Platforms, Substack) --- */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1)::after,
.home-blocks-block-custom-content .row > .col-md-3:nth-child(3)::after {
    background: linear-gradient(to top, rgba(0, 100, 90, 0.92) 0%, rgba(0, 80, 70, 0.65) 45%, rgba(0,60,50,0.15) 100%) !important;
}

/* --- DESKTOP: Yellow gradient for cards 2 & 4 (Rorts Watch, Merch) --- */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(2)::after,
.home-blocks-block-custom-content .row > .col-md-3:nth-child(4)::after {
    background: linear-gradient(to top, rgba(180, 140, 0, 0.92) 0%, rgba(150, 120, 0, 0.65) 45%, rgba(120,100,0,0.15) 100%) !important;
}

/* --- DESKTOP: Card text stronger --- */
.home-blocks-block-custom-content .row > .col-md-3 h3 {
    font-weight: 800 !important;
    text-shadow: 0 1px 6px rgba(0,0,0,0.5) !important;
}

/* --- MOBILE IMPROVEMENTS --- */
@media (max-width: 768px) {
    /* Hero smaller and higher */
    .home-jumbo {
        min-height: 50vh !important;
        max-height: 58vh !important;
        padding-bottom: 40px !important;
    }

    /* Logo smaller on mobile */
    .home-jumbo-intro-view h2::before {
        width: 240px !important;
        max-width: 65% !important;
        height: 65px !important;
        margin-bottom: 8px !important;
    }

    /* Content higher on mobile */
    .home-jumbo-intro-container {
        padding-top: 20px !important;
        align-items: center !important;
    }

    /* Heading smaller */
    .home-jumbo-intro-view h2 {
        font-size: 1.9rem !important;
        margin-bottom: 0 !important;
        line-height: 1.15 !important;
    }

    /* Tighter split line */
    .home-jumbo-intro-split {
        margin: 10px auto !important;
    }

    /* Tighter buttons */
    .hero-buttons {
        margin-top: 16px !important;
        gap: 8px !important;
    }

    .hero-btn {
        padding: 14px 20px !important;
        font-size: 16px !important;
    }

    /* Mobile card teal gradient */
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(1)::after,
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(3)::after {
        background: linear-gradient(to top, rgba(0, 100, 90, 0.92) 0%, rgba(0, 80, 70, 0.7) 40%, rgba(0,60,50,0.2) 100%) !important;
    }

    /* Mobile card yellow gradient */
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(2)::after,
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(4)::after {
        background: linear-gradient(to top, rgba(180, 140, 0, 0.92) 0%, rgba(150, 120, 0, 0.7) 40%, rgba(120,100,0,0.2) 100%) !important;
    }

    /* Mobile card text bolder */
    .home-blocks-block-custom-content .row > .col-md-3 h3 {
        font-size: 0.78rem !important;
        font-weight: 800 !important;
        color: #ffffff !important;
        text-shadow: 0 1px 4px rgba(0,0,0,0.6) !important;
        bottom: 10px !important;
        left: 8px !important;
        right: 8px !important;
    }
}


/* =========================================
   HEADER - HOMEPAGE SPECIFIC
   body.body-home-index = homepage
   ========================================= */

/* Hide logo on homepage */
.body-home-index .header-view .row > .col-9.col-lg-auto {
    display: none !important;
}

/* Hide mobile hamburger on homepage */
.body-home-index .header-mobile-button {
    display: none !important;
}
.body-home-index .header-view .row > .d-block.d-lg-none.col-3 {
    display: none !important;
}

/* Show desktop menu on homepage (override d-none for mobile) */
.body-home-index .header-view .row > .d-none.d-lg-block {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
    flex: 0 0 100% !important;
}

/* Center the menu items on homepage */
.body-home-index .header-menu {
    display: flex !important;
    justify-content: center !important;
    gap: 30px !important;
}

/* Hide mobile menu panel on homepage */
.body-home-index .header-view .row > .d-lg-none.col-12 {
    display: none !important;
}

/* =========================================
   MOBILE-SPECIFIC V0.05 OVERRIDES
   ========================================= */
@media (max-width: 768px) {
    /* Extra spacer on mobile */
    .hero-buttons::after {
        height: 50px;
    }

    .home-jumbo-intro-view {
        padding-bottom: 50px !important;
    }

    /* Mobile cards: still 3 visible in a row */
    .home-blocks-block-custom-content > .row {
        flex-wrap: nowrap !important;
        gap: 6px !important;
        padding: 0 6px !important;
    }

    /* Card sizing on mobile: roughly equal but Policy still bigger */
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(2),
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(4) {
        flex: 0 0 27% !important;
        max-width: 27% !important;
    }
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(1) {
        flex: 0 0 42% !important;
        max-width: 42% !important;
    }

    /* Policy card text smaller on mobile */
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::before {
        font-size: 1.8rem;
    }
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::after {
        font-size: 0.55rem;
        letter-spacing: 0.1em;
    }

    /* Homepage header: menu items smaller on mobile */
    .body-home-index .header-menu-label {
        font-size: 14px !important;
    }
    .body-home-index .header-menu {
        gap: 12px !important;
    }

    /* Ensure the CSS chevrons for dropdowns are visible on mobile homepage */
    .body-home-index .header-menu-children > .header-menu-label > a::after {
        display: inline-block !important;
    }
}


/* =============================================
   V0.05b - POLICY IMAGE, CARD OVERLAP, MENU STYLE
   Date: 2026-03-26
   ============================================= */

/* --- Policy card: show original image as background with yellow overlay --- */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1) a img {
    display: block !important;
    opacity: 0.35 !important;
}
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1)::after {
    background: linear-gradient(135deg, rgba(200, 160, 0, 0.85) 0%, rgba(160, 120, 0, 0.85) 100%) !important;
}

/* --- Cards extend halfway into hero image --- */
main > .home + .home-blocks + .home-blocks {
    margin-top: -140px !important;
}

/* --- Subtle background shade behind homepage menu --- */
.body-home-index .header-layer {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.15) 70%, transparent 100%) !important;
    padding-bottom: 8px !important;
}

/* --- Mobile menu text larger --- */
@media (max-width: 768px) {
    .body-home-index .header-menu-label {
        font-size: 17px !important;
        font-weight: 600 !important;
    }
    .body-home-index .header-menu-label a {
        font-size: 17px !important;
    }
    .body-home-index .header-menu {
        gap: 16px !important;
        padding: 8px 0 !important;
    }

    /* Cards overlap hero more on mobile too */
    main > .home + .home-blocks + .home-blocks {
        margin-top: -80px !important;
    }
}


/* --- Fix dark bar at top of cards --- */
.home-blocks-block-custom-content .row > .col-md-3 {
    background-color: transparent !important;
}
/* Restore Policy card yellow bg */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1) {
    background: linear-gradient(135deg, rgba(200, 160, 0, 1) 0%, rgba(160, 120, 0, 1) 100%) !important;
}


/* =============================================
   V0.06 - POLICY TEXT FIX, BUTTON WIDTH, SPACING
   Date: 2026-03-26
   ============================================= */

/* --- Policy card: image fills ENTIRE card, uniform yellow overlay --- */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1) a img {
    display: block !important;
    opacity: 0.45 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
}
/* Uniform yellow overlay (no angle, covers entire card evenly) */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1)::after {
    background: rgba(170, 130, 0, 0.75) !important;
    z-index: 1 !important;
}
/* Policy card text: z-index 3 to be IN FRONT of overlay */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3 {
    z-index: 3 !important;
}
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::before {
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
}
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::after {
    color: #ffffff !important;
    text-shadow: 0 1px 8px rgba(0,0,0,0.2) !important;
}

/* --- Hero buttons: each takes 50% width, centered --- */
.hero-buttons {
    width: 100% !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 16px !important;
}
.hero-btn {
    flex: 1 1 0 !important;
    text-align: center !important;
}

/* --- More padding below hero buttons before cards --- */
.home-jumbo {
    padding-bottom: 160px !important;
}

/* --- Hero image extends down a bit more --- */
.home-jumbo {
    min-height: 75vh !important;
    max-height: 80vh !important;
}

/* --- Cards pull up more into hero --- */
main > .home + .home-blocks + .home-blocks {
    margin-top: -160px !important;
}

/* --- Mobile overrides for V0.06 --- */
@media (max-width: 768px) {
    .home-jumbo {
        min-height: 55vh !important;
        max-height: 62vh !important;
        padding-bottom: 100px !important;
    }
    main > .home + .home-blocks + .home-blocks {
        margin-top: -90px !important;
    }
    .hero-buttons {
        max-width: 320px !important;
    }
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::before {
        font-size: 1.8rem !important;
    }
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::after {
        font-size: 0.55rem !important;
    }
}



/* =============================================
   V0.07 - DARKER HERO, BIGGER TEXT, MOBILE VIEWPORT
   Date: 2026-03-26
   ============================================= */

/* --- Hero background: slightly darker overlay --- */
.home-jumbo-overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.55) 100%) !important;
}

/* --- Hero image extends further down (background goes further behind cards) --- */
.home-jumbo {
    min-height: 80vh !important;
    max-height: 88vh !important;
    padding-bottom: 200px !important;
}

/* --- Cards: reduce pull-up so hero bg falls just short of fully covering them --- */
main > .home + .home-blocks + .home-blocks {
    margin-top: -140px !important;
}

/* --- Policy card text: BIGGER --- */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::before {
    font-size: 4.5rem !important;
    font-weight: 900 !important;
    letter-spacing: -0.02em !important;
}
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::after {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
}

/* --- Rorts Watch & Our Merch: BIG text, one word per line, centered --- */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(2) h3,
.home-blocks-block-custom-content .row > .col-md-3:nth-child(4) h3 {
    font-size: 2.8rem !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    text-align: center !important;
    word-spacing: 100vw !important;
    position: absolute !important;
    bottom: 50% !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, 50%) !important;
    width: 90% !important;
    white-space: normal !important;
    text-shadow: 0 3px 15px rgba(0,0,0,0.7), 0 0 30px rgba(0,0,0,0.4) !important;
    letter-spacing: -0.02em !important;
}

/* --- Rorts Watch & Our Merch: subtle dark gradient for readability --- */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(2)::after,
.home-blocks-block-custom-content .row > .col-md-3:nth-child(4)::after {
    background: linear-gradient(to top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.08) 50%, rgba(0,0,0,0.02) 100%) !important;
}

/* --- Mobile V0.07 overrides --- */
@media (max-width: 768px) {
    /* Hero fills most of viewport on mobile */
    .home-jumbo {
        min-height: 70vh !important;
        max-height: 78vh !important;
        padding-bottom: 120px !important;
    }

    /* Cards pull up into hero - bg falls just short */
    main > .home + .home-blocks + .home-blocks {
        margin-top: -100px !important;
    }

    /* Policy text bigger on mobile */
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::before {
        font-size: 2.4rem !important;
    }
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::after {
        font-size: 0.7rem !important;
        letter-spacing: 0.12em !important;
    }

    /* Rorts Watch & Our Merch: big text on mobile too */
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(2) h3,
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(4) h3 {
        font-size: 1.3rem !important;
        word-spacing: 100vw !important;
        text-align: center !important;
        line-height: 1.1 !important;
        bottom: 50% !important;
        left: 50% !important;
        right: auto !important;
        transform: translate(-50%, 50%) !important;
        width: 85% !important;
        text-shadow: 0 2px 10px rgba(0,0,0,0.8), 0 0 20px rgba(0,0,0,0.5) !important;
    }

    /* Cards: ensure they reach just above bottom of screen */
    .home-blocks-block-custom-content .row > .col-md-3 {
        min-height: 140px !important;
    }

    /* Ensure hero content + cards fill viewport */
    .home-jumbo-intro-container {
        padding-top: 10px !important;
    }

    /* Slightly smaller logo on mobile to give more room */
    .home-jumbo-intro-view h2::before {
        height: 60px !important;
        margin-bottom: 6px !important;
    }
}

/* --- Small phones (375px and below) --- */
@media (max-width: 400px) {
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(2) h3,
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(4) h3 {
        font-size: 1.1rem !important;
    }
    .home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::before {
        font-size: 2rem !important;
    }
}

/* --- Mobile V0.07 viewport fill fix --- */
@media (max-width: 768px) {
    /* Hero fills nearly all of mobile viewport */
    .home-jumbo {
        min-height: calc(100vh - 40px) !important;
        max-height: calc(100vh - 20px) !important;
        padding-bottom: 140px !important;
    }

    /* Cards overlap hero less so they sit near bottom of viewport */
    main > .home + .home-blocks + .home-blocks {
        margin-top: -120px !important;
    }

    /* Cards taller on mobile for impact */
    .home-blocks-block-custom-content .row > .col-md-3 {
        min-height: 130px !important;
    }
}


/* =============================================
   V0.07b - MOBILE SPACING, DISABLE CARD ANIMATION
   Date: 2026-03-26
   ============================================= */

/* --- Disable AOS fade-up animation on card block (always visible) --- */
.home-blocks-block-custom-content,
.home-blocks-block-custom-content *,
.home-blocks .home-blocks-block-custom-content {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}
/* Override AOS library styles for this block */
[data-aos] .home-blocks-block-custom-content,
.home-blocks-block-custom-content.aos-init,
.home-blocks-block-custom-content.aos-animate {
    opacity: 1 !important;
    transform: none !important;
}
/* Target the AOS wrapper div around the custom content block */
.home-blocks > [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition-duration: 0s !important;
}
/* Restore hover transitions on individual cards (but not the appear animation) */
.home-blocks-block-custom-content .row > .col-md-3 {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease !important;
}

/* --- Mobile: more spacing between Invest button and cards --- */
@media (max-width: 768px) {
    /* Invisible spacer element after hero buttons on mobile */
    .hero-buttons::after {
        content: '' !important;
        display: block !important;
        height: 80px !important;
        width: 100% !important;
        flex-shrink: 0 !important;
    }

    /* Extra padding at bottom of hero on mobile for spacing */
    .home-jumbo {
        padding-bottom: 180px !important;
    }

    /* Ensure cards are always visible on first screen */
    .home-blocks-block-custom-content .row > .col-md-3 {
        min-height: 120px !important;
    }

    /* Cards closer to bottom of viewport */
    main > .home + .home-blocks + .home-blocks {
        margin-top: -130px !important;
    }
}


/* =============================================
   V0.08 - HOVER FIX, CLICK FIX, MOBILE SPACING, TYPING ANIM
   Date: 2026-03-26
   ============================================= */

/* --- FIX: Restore card hover pop-out effect --- */
.home-blocks-block-custom-content .row > .col-md-3 {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease !important;
    cursor: pointer !important;
}
.home-blocks-block-custom-content .row > .col-md-3:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25) !important;
}
.home-blocks-block-custom-content .row > .col-md-3:hover img {
    transform: scale(1.05) !important;
    transition: transform 0.4s ease !important;
}
/* Restore image transition */
.home-blocks-block-custom-content .row > .col-md-3 img {
    transition: transform 0.4s ease !important;
}

/* --- FIX: Card link covers ENTIRE card and is clickable --- */
.home-blocks-block-custom-content .row > .col-md-3 > a {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 5 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    display: block !important;
}

/* --- Mobile V0.08: reduce hero image extent, spacing fixes --- */
@media (max-width: 768px) {
    /* Reduce hero image extent by ~20% */
    .home-jumbo {
        min-height: calc(100vh - 120px) !important;
        max-height: calc(100vh - 80px) !important;
        padding-bottom: 100px !important;
    }

    /* Move 'The peoples watchdog' higher */
    .home-jumbo-intro-container {
        padding-top: 0px !important;
        align-items: flex-start !important;
    }
    .home-jumbo-intro-view {
        padding-bottom: 20px !important;
    }
    .home-jumbo-intro-view h2::before {
        margin-bottom: 4px !important;
    }
    .home-jumbo-intro-view p {
        margin-bottom: 4px !important;
    }

    /* More padding between Invest button and cards */
    .hero-buttons::after {
        height: 60px !important;
    }

    /* Cards: move further up into hero */
    main > .home + .home-blocks + .home-blocks {
        margin-top: -110px !important;
    }
}

/* --- Typing animation text style --- */
.typing-word {
    color: #FDDA7C !important;
    font-style: italic;
    display: inline;
}
.typing-cursor {
    display: inline-block;
    width: 3px;
    height: 1em;
    background: #FDDA7C;
    margin-left: 2px;
    vertical-align: text-bottom;
    animation: blink-cursor 0.7s step-end infinite;
}
@keyframes blink-cursor {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* --- V0.08 FIX: Stronger overlay on Rorts Watch & Our Merch for text readability --- */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(2)::after,
.home-blocks-block-custom-content .row > .col-md-3:nth-child(4)::after {
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.15) 100%) !important;
    z-index: 1 !important;
}

/* --- V0.08 FIX 2: Much stronger overlay on side cards for text readability --- */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(2)::after,
.home-blocks-block-custom-content .row > .col-md-3:nth-child(4)::after {
    background: rgba(0,0,0,0.45) !important;
    z-index: 1 !important;
}
.home-blocks-block-custom-content .row > .col-md-3:nth-child(2):hover::after,
.home-blocks-block-custom-content .row > .col-md-3:nth-child(4):hover::after {
    background: rgba(0,0,0,0.55) !important;
}

/* =============================================
   V0.09 - FIX TEXT VISIBILITY ON ALL CARDS
   Date: 2026-03-26
   ============================================= */

/* --- ALL card h3: z-index ABOVE the link (which is z-index 5) --- */
.home-blocks-block-custom-content .row > .col-md-3 h3 {
    z-index: 10 !important;
    pointer-events: none !important;
}

/* --- Rorts Watch & Our Merch: bright white text --- */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(2) h3,
.home-blocks-block-custom-content .row > .col-md-3:nth-child(4) h3 {
    color: #FFFFFF !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.6), 0 0 20px rgba(0,0,0,0.3) !important;
}

/* --- Policy card: bright white pseudo-elements --- */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::before {
    color: #FFFFFF !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.6), 0 0 20px rgba(0,0,0,0.3) !important;
}
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1) h3::after {
    color: #FFFFFF !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
    opacity: 1 !important;
}

/* --- Overlay stays at z-index 1 --- */
.home-blocks-block-custom-content .row > .col-md-3::after {
    z-index: 1 !important;
}


/* =============================================
   V0.10 - MOBILE: MORE SPACING BETWEEN INVEST & CARDS
   Date: 2026-03-26
   ============================================= */

@media (max-width: 768px) {
    /* Push the card block DOWN so it doesn't overlap the Invest button */
    main > .home + .home-blocks + .home-blocks {
        margin-top: -60px !important;
    }

    /* Give the hero more bottom padding to create space above cards */
    .home-jumbo {
        padding-bottom: 200px !important;
    }

    /* The invisible spacer between hero buttons and cards */
    .hero-buttons::after {
        height: 100px !important;
    }

    /* Reduce card min-height slightly for mobile */
    .home-blocks-block-custom-content .row > .col-md-3 {
        min-height: 110px !important;
    }
}


/* =============================================
   V0.11 - POLICY TINT FIX, BUTTON WIDTH, MOBILE SPACER
   Date: 2026-03-26
   ============================================= */

/* --- REMOVE gold/green tint from Policy card --- */
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1) {
    background: rgba(0,0,0,0.3) !important;
}
.home-blocks-block-custom-content .row > .col-md-3:nth-child(1)::after {
    background: rgba(0,0,0,0.35) !important;
}

/* --- Desktop: hero buttons take full 50/50 width --- */
.hero-buttons {
    width: 100% !important;
    max-width: 700px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.hero-btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: 50% !important;
    max-width: none !important;
    text-align: center !important;
}


/* V0.14 - MOBILE FIXES */
@media (max-width: 768px) {
    /* Logo: fit viewport, centered */
    .home-jumbo-intro-view h2::before {
        width: 85vw !important;
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }
    /* Buttons directly below green line */
    .home-jumbo-intro-view {
        padding-bottom: 10px !important;
    }
    .hero-buttons {
        margin-top: 0px !important;
        margin-bottom: 10px !important;
    }
    /* Cards overlap bottom of hero image */
    .home-blocks-block-custom-content {
        margin-top: 0px !important;
    }
    .home-blocks-block-custom-content .row > .col-md-3 {
        margin-bottom: 8px !important;
    }
}




/* ============================================
   V0.19 - TEXT HEIGHT + INVEST HOVER + MOBILE ROW
   ============================================ */

.home-jumbo-intro-view h2 {
    min-height: 294px !important;
}

.hero-btn.hero-btn-secondary {
    transition: all 0.3s ease !important;
}
.hero-btn.hero-btn-secondary:hover,
.hero-btn.hero-btn-secondary:focus {
    background-color: #FDDA7C !important;
    border-color: #FDDA7C !important;
    color: #1a1a1a !important;
}

/* Mobile button row is hidden on desktop */
#mobile-button-row {
    display: none;
}

@media (max-width: 768px) {
    .home-jumbo {
        min-height: 380px !important;
        padding-bottom: 0 !important;
    }
    .home-jumbo-intro-view h2 {
        min-height: auto !important;
    }
    .home-jumbo-intro-view h2::before {
        width: 85vw !important;
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block !important;
    }
    .home-jumbo-intro-view {
        padding-bottom: 0px !important;
    }
    #mobile-button-row {
        background: rgba(253, 218, 124, 0.15) !important;
        padding: 18px 16px 14px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    #mobile-button-row .hero-buttons {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    #mobile-button-row .hero-btn {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        background: #FFFFFF !important;
        color: #1a1a1a !important;
        border: 2px solid #FFFFFF !important;
        border-radius: 50px !important;
        padding: 14px 20px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-decoration: none !important;
    }
    #mobile-button-row .hero-btn-secondary {
        background: transparent !important;
        color: #1a1a1a !important;
        border: 2px solid rgba(26,26,26,0.4) !important;
    }
    .mobile-card-buttons {
        display: flex !important;
        gap: 8px !important;
        margin-top: 4px !important;
    }
    .mobile-card-btn {
        flex: 1 !important;
        background: rgba(0, 100, 90, 0.9) !important;
        color: #FFFFFF !important;
        border-radius: 10px !important;
        padding: 14px 8px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-align: center !important;
        text-decoration: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1.2 !important;
    }
    .mobile-card-btn:first-child {
        background: rgba(190, 150, 20, 0.9) !important;
    }
    .home-blocks-block-custom-content {
        display: none !important;
    }
}

/* ===== v53: Mobile Landscape Overrides - Force Desktop Layout ===== */
@media (orientation: landscape) and (max-width: 991px) {
    /* Show desktop nav, hide hamburger and mobile nav */
    .d-block.d-lg-none { display: none !important; }
    .d-none.d-lg-block { display: block !important; }
    .d-lg-none.col-12 { display: none !important; }

    /* Header: compact */
    .header { padding: 2px 0 !important; }
    .header-view .row > .col-9.col-lg-auto {
        flex: 0 0 auto !important;
        max-width: none !important;
        width: auto !important;
    }
    .header-logo img { max-height: 28px !important; }
    .header-menu {
        display: flex !important;
        flex-direction: row !important;
        gap: 18px !important;
        align-items: center !important;
    }
    .header-menu-label, .header-menu-label a {
        font-size: 13px !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
    }

    /* Hero: full viewport, flex centered */
    .home-jumbo {
        min-height: 100vh !important;
        padding-top: 10px !important;
        padding-bottom: 30px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }
    .home-jumbo-intro-view { padding-top: 0 !important; padding-bottom: 0 !important; }
    .home-jumbo-intro-view h2 { font-size: 1.6rem !important; margin-bottom: 2px !important; line-height: 1.2 !important; }
    .home-jumbo .home-jumbo-intro { padding-top: 0 !important; }

    /* Hero buttons: compact side by side */
    .hero-buttons {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 10px !important;
        justify-content: center !important;
        margin-top: 5px !important;
        margin-bottom: 0 !important;
    }
    .hero-btn { padding: 8px 20px !important; font-size: 12px !important; min-width: 120px !important; }

    /* *** CRITICAL: Force cards visible *** */
    /* Override the mobile rule that hides card block with display:none */
    /* Cards flow below hero, no heavy overlap */
    main > .home + .home-blocks + .home-blocks { margin-top: 0px !important; }
    .home-blocks-block-custom-content .row {
        display: flex !important;
        flex-wrap: nowrap !important;
    }
    .home-blocks-block-custom-content .col-md-3 {
        flex: 1 1 0 !important;
        max-width: 33% !important;
        display: block !important;
    }
    .home-blocks-block-custom-content .col-md-3:first-child {
        flex: 1 1 0 !important;
        max-width: 33% !important;
    }

    /* *** CRITICAL: News posts 3 per row like desktop *** */
    /* Override mobile column layout */
    .home-blocks-block-posts-row {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        overflow: hidden !important;
    }
    .home-blocks-block-posts-row > div,
    .home-blocks-block-posts-row > .zoom-hover {
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
        width: 33.333% !important;
    }
    .home-blocks-block-posts-item {
        aspect-ratio: 3/4 !important;
    }

    /* Policy grid: 3 columns */
    .dem-tiles-v7 { grid-template-columns: repeat(3, 1fr) !important; gap: 8px !important; }
    .dem-tile-v7__title { font-size: 11px !important; }
    #grid-plan-title { margin-top: 25px !important; padding-top: 15px !important; }
    #policy-grid-section { margin-top: 15px !important; padding-top: 10px !important; }

    /* Post cards via Bootstrap col-md-4 (fallback) */
    .home-blocks-block-posts .row { flex-wrap: nowrap !important; }
    .home-blocks-block-posts .col-md-4 { flex: 0 0 33.333% !important; max-width: 33.333% !important; }

    /* Footer: row */
    .footer .row { flex-direction: row !important; }

    /* Social sidebar: smaller */
    .social-sidebar { gap: 3px !important; }
    .social-sidebar a { width: 22px !important; height: 22px !important; padding: 3px !important; }
    .social-sidebar svg { width: 11px !important; height: 11px !important; }
}


/* --- MOBILE: Reduce subtitle-to-grid gap --- */
@media (max-width: 768px) {
    #grid-plan-title {
        margin-bottom: 0px !important;
    }
    #policy-grid-section > div:nth-child(2) {
        padding-top: 0px !important;
    }
    .dem-tiles-v7 {
        margin-top: 8px !important;
    }
}

/* Invest in us / CTA secondary hover -> Democrats yellow */
.home-blocks-block-cta-secondary:hover {
    background: #FDDA7C !important;
    color: #111111 !important;
    border-color: #FDDA7C !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(253, 218, 124, 0.4);
}

/* ============================================
   v82 - NON-HOMEPAGE DROPDOWN MENU FIX
   ============================================ */

/* Make non-homepage menu a flex row so items stay side by side */
body:not(.body-home-index) .header-menu {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Top-level LI must be relative for absolute dropdown */
body:not(.body-home-index) .header-menu > li {
    position: relative !important;
    display: inline-block !important;
    white-space: nowrap;
}

/* The label row (link + arrow) */
body:not(.body-home-index) .header-menu-label {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: 600;
    font-size: 17px;
}

body:not(.body-home-index) .header-menu-label a {
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 600;
}

body:not(.body-home-index) .header-menu-label i {
    font-size: 12px;
    transition: transform 0.2s ease;
}

/* Dropdown submenu - ABSOLUTE positioned BELOW the menu item */
body:not(.body-home-index) .header-menu-submenu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 10000 !important;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12);
    min-width: 220px;
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
}

/* Show dropdown on hover */
body:not(.body-home-index) .header-menu > li:hover > .header-menu-submenu {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    transform: translateY(0) !important;
}

/* Rotate arrow on hover */
body:not(.body-home-index) .header-menu > li:hover .header-menu-label i {
    transform: rotate(180deg);
}

/* Dropdown items styling */
body:not(.body-home-index) .header-menu-submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body:not(.body-home-index) .header-menu-submenu li {
    display: block !important;
}

body:not(.body-home-index) .header-menu-submenu li a {
    display: block;
    padding: 10px 20px;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
    border-radius: 0;
}

body:not(.body-home-index) .header-menu-submenu li:nth-child(odd) a:hover {
    background: #FDDA7C;
    color: #1a1a1a;
}

body:not(.body-home-index) .header-menu-submenu li:nth-child(even) a:hover {
    background: #22B29D;
    color: #fff;
}

/* JOIN NOW BUTTON in non-homepage menu */
body:not(.body-home-index) .join-now-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #22B29D;
    color: #fff !important;
    padding: 10px 24px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none !important;
    letter-spacing: 0.03em;
    transition: background 0.2s ease, transform 0.15s ease;
    margin-left: 12px;
    white-space: nowrap;
}

body:not(.body-home-index) .join-now-btn:hover {
    background: #1a9a87;
    transform: scale(1.03);
}

/* ============================================
   v82 - RADICALLY SENSIBLE SPACING FIX
   ============================================ */
.substack-cta-link { padding-top: 0 !important; padding-bottom: 10px !important; }
.rs-slide {
    margin-top: -64px !important;
}

/* ============================================
   v82 - MANIFESTO / PROPOSALS PAGE DESIGN
   ============================================ */
body.body-manifesto-view .manifesto-header,
body.body-manifesto-view .manifesto-image-header {
    position: relative;
    overflow: hidden;
}

body.body-manifesto-view .manifesto-header h1,
body.body-manifesto-view .manifesto-image-header h1 {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    letter-spacing: -0.02em;
}

/* Manifesto content area - cleaner layout */
body.body-manifesto-view .manifesto-body {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 24px;
    font-size: 17px;
    line-height: 1.7;
}

body.body-manifesto-view .manifesto-body h2,
body.body-manifesto-view .manifesto-body h3 {
    font-family: 'Space Grotesk', sans-serif;
    color: #22B29D;
    margin-top: 2em;
    margin-bottom: 0.5em;
}

body.body-manifesto-view .manifesto-proposals-list {
    list-style: none;
    padding: 0;
    margin: 24px 0;
}

body.body-manifesto-view .manifesto-proposals-list li {
    padding: 16px 20px;
    margin-bottom: 12px;
    background: #f0faf8;
    border-left: 4px solid #22B29D;
    border-radius: 0 8px 8px 0;
    font-size: 16px;
    line-height: 1.6;
}

/* Manifesto items / proposal cards */
body.body-manifesto-view .manifesto-proposal-item,
body.body-manifesto-view .manifesto-proposals__item {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 1px solid #e8e8e8;
    transition: box-shadow 0.2s ease, transform 0.15s ease;
}

body.body-manifesto-view .manifesto-proposal-item:hover,
body.body-manifesto-view .manifesto-proposals__item:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

/* Manifesto social share buttons fix */
body.body-manifesto-view .share-buttons,
body.body-manifesto-view .social-sharing {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 16px 0;
}

body.body-manifesto-view .share-buttons a,
body.body-manifesto-view .social-sharing a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f4f4f4;
    color: #22B29D;
    transition: background 0.2s ease, color 0.2s ease;
    text-decoration: none;
}

body.body-manifesto-view .share-buttons a:hover,
body.body-manifesto-view .social-sharing a:hover {
    background: #22B29D;
    color: #fff;
}

/* ============================================
   v82 - POST PAGE TEMPLATE IMPROVEMENTS
   ============================================ */

/* Category label styling */
body.body-post-view .post-category,
body.body-post-view .blog-post-category {
    display: inline-block;
    color: #22B29D;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

/* Post title */
body.body-post-view h1 {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin-bottom: 16px;
}

/* Post meta (date, author) */
body.body-post-view .post-meta,
body.body-post-view .blog-post-date {
    color: #888;
    font-size: 14px;
    margin-bottom: 16px;
}

/* Social share icons row - fix spacing and appearance */
body.body-post-view .social-sharing,
body.body-post-view .share-buttons {
    display: flex !important;
    justify-content: center;
    gap: 10px;
    margin: 12px 0 24px;
    padding: 0;
}

body.body-post-view .social-sharing a,
body.body-post-view .share-buttons a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #f4f4f4;
    color: #22B29D !important;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease, transform 0.15s ease;
    font-size: 16px;
}

body.body-post-view .social-sharing a:hover,
body.body-post-view .share-buttons a:hover {
    background: #22B29D;
    color: #fff !important;
    transform: scale(1.1);
}

/* Post featured image */
body.body-post-view .post-image img,
body.body-post-view .blog-post-image img {
    border-radius: 12px;
    margin: 0 auto 32px;
    display: block;
}

/* Post body content */
body.body-post-view .post-body,
body.body-post-view .blog-post-body {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 24px;
    font-size: 17px;
    line-height: 1.75;
}

body.body-post-view .post-body h2,
body.body-post-view .blog-post-body h2 {
    font-family: 'Space Grotesk', sans-serif;
    color: #22B29D;
    margin-top: 2em;
}

/* Related posts / links at bottom */
body.body-post-view .related-posts,
body.body-post-view .post-related {
    margin-top: 48px;
    padding-top: 32px;
    border-top: 2px solid #f0f0f0;
}

body.body-post-view .related-posts h3,
body.body-post-view .post-related h3 {
    font-family: 'Space Grotesk', sans-serif;
    color: #1a1a1a;
    margin-bottom: 20px;
}

/* News/podcast card images - make them clickable with cursor */
.home-blocks-block-posts-item-thumbnail {
    cursor: pointer;
    transition: transform 0.2s ease;
}
.home-blocks-block-posts-item-thumbnail:hover {
    transform: scale(1.02);
}

/* ============================================
   v82 - MOBILE RESPONSIVE FIXES
   ============================================ */
@media (max-width: 768px) {
    body:not(.body-home-index) .header-menu {
        flex-direction: column;
        align-items: stretch;
    }
    body:not(.body-home-index) .header-menu > li {
        display: block !important;
    }
    body:not(.body-home-index) .header-menu-submenu {
        position: static !important;
        box-shadow: none;
        border-radius: 0;
        background: #f8f8f8;
        transform: none !important;
    }
    .join-now-btn {
        display: none !important;
    }
}

/* Hide Join Now on homepage always */
.body-home-index .join-now-btn { display: none !important; }

/* === v84 CHANGES === */

/* 1. Hide social share buttons under date on post/manifesto pages */
.content-splash-social-sharers { display: none !important; }

/* 2. Center text in Radically Sensible Substack button */
.substack-cta-link { text-align: center !important; display: block !important; }

/* 3. Substack button even closer to grid */
.home-blocks.policy-grid-open + div { margin-top: -75px !important; }

/* 4. 3x3 grid text bigger (except Transparency & Accountability) */
.dem-tile-v7__title { font-size: clamp(1.2rem, 2vw, 1.7rem) !important; line-height: 1.2 !important; }
/* Keep Transparency & Accountability at smaller size */
.dem-tile-v7:first-child .dem-tile-v7__title { font-size: clamp(0.95rem, 1.4vw, 1.3rem) !important; }

/* 5. Landscape mobile: newsletter subscribe input wider */
@media (max-width: 1024px) and (orientation: landscape) {
    .block-newsletter .form-group,
    .block-newsletter input[type="email"],
    .block-newsletter .form-control {
        width: 85% !important;
        max-width: none !important;
        margin: 0 auto !important;
    }
    .block-newsletter form {
        max-width: 90% !important;
        margin: 0 auto !important;
    }
}

/* 6. Mobile tile text sizes (override v84 desktop sizes) */
@media (max-width: 768px) {
    .dem-tile-v7__title { font-size: clamp(0.85rem, 3.5vw, 1.15rem) !important; }
    .dem-tile-v7:first-child .dem-tile-v7__title { font-size: clamp(0.75rem, 3vw, 1rem) !important; }
}

/* 7. Post page related posts - styled like homepage cards */
.content-more-item.box-offset {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    background: #1a1a1a;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    aspect-ratio: 16/10;
}
.content-more-item.box-offset::before {
    display: none !important;
}
.content-more-item .content-more-item-thumbnail {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1;
}
.content-more-item .content-more-item-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}
.content-more-item .stretched-link {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    z-index: 3;
    padding: 60px 20px 35px 20px;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.3) 60%, transparent 100%);
}
.content-more-item .list-items-item-title {
    color: #fff !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.5);
    margin: 0 !important;
}
.content-more-item .list-items-item-date {
    position: absolute;
    bottom: 12px; left: 20px; right: 20px;
    z-index: 4;
    color: rgba(255,255,255,0.7) !important;
    font-size: 0.8rem;
}
.content-more-item .list-items-item-description {
    display: none;
}
.content-more .row {
    gap: 20px 0;
}
.content-more-item .zoom-hover,
.content-more .zoom-hover {
    overflow: hidden;
    border-radius: 12px;
}


/* === v85 CHANGES === */

/* 1. Make related article cards fully clickable (image + text) */
.content-more-item .stretched-link {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 5 !important;
    padding-top: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.15) 40%, transparent 100%) !important;
    text-decoration: none !important;
    cursor: pointer !important;
}
.content-more-item .stretched-link:hover {
    text-decoration: none !important;
}

/* 2. Manifesto page redesign - modern look */
.body-manifesto-view {
    background: #f8f9fa !important;
}

/* Manifesto hero header - full bleed with overlay */
.manifesto-topic-header {
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    overflow: hidden;
}
.manifesto-topic-header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.manifesto-topic-header-overlay {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 40px 20px;
}
.manifesto-topic-header::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%);
    z-index: 1;
}
.manifesto-topic-header-title {
    color: #fff !important;
    font-size: clamp(2rem, 5vw, 3.5rem) !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.4);
    position: relative;
    z-index: 2;
}

/* Hide manifesto social sharers on hero */
.manifesto-topic-header-social-sharers {
    display: none !important;
}

/* Manifesto topic nav - breadcrumb styling */
.manifesto-topic-nav {
    background: #fff;
    padding: 16px 30px !important;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 0 !important;
}
.manifesto-topic-nav a {
    color: #22B29D !important;
    font-weight: 600;
    text-decoration: none;
}
.manifesto-topic-nav a:hover {
    text-decoration: underline;
}

/* Manifesto topic section container */
.manifesto-topic-section {
    background: #fff;
    margin: 0 !important;
    padding: 0 !important;
}

/* Manifesto proposals - clean card-like sections */
.manifesto-topic-proposals {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 30px 60px;
}
.manifesto-topic-proposal {
    margin-bottom: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid #eee;
}
.manifesto-topic-proposal:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.manifesto-topic-proposal-title {
    color: #1a1a1a !important;
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    line-height: 1.3 !important;
}
.manifesto-topic-proposal-number {
    color: #22B29D !important;
    font-weight: 800 !important;
    font-size: 1.2rem !important;
    margin-right: 8px;
}
.manifesto-topic-proposal-content {
    color: #333 !important;
    font-size: 1.1rem !important;
    line-height: 1.8 !important;
}
.manifesto-topic-proposal-content img {
    border-radius: 12px;
    margin: 20px 0;
    max-width: 100%;
    height: auto;
}

/* Manifesto - remove the pale green background from main content */
.body-manifesto-view .manifesto {
    background: #fff !important;
}

/* Manifesto topic section - the main wrapper */
.body-manifesto-view .container,
.body-manifesto-view .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.body-manifesto-view .manifesto > .container {
    max-width: 100% !important;
    padding: 0 !important;
}

/* Mobile manifesto adjustments */
@media (max-width: 768px) {
    .manifesto-topic-header {
        min-height: 280px;
    }
    .manifesto-topic-header-title {
        font-size: 1.8rem !important;
    }
    .manifesto-topic-proposals {
        padding: 24px 20px 40px;
    }
    .manifesto-topic-proposal-title {
        font-size: 1.4rem !important;
    }
}

/* Fix manifesto proposals pale teal background */
.manifesto-topic-proposals {
    background: #fff !important;
}


/* === v86 CHANGES === */

/* 1. Landscape mobile: CTA cards (Rorts Watch, Policy Platforms, Our Merch) - center text + bigger */
@media (max-width: 1024px) and (orientation: landscape) {
    .home-blocks-block-custom-content .col-md-3 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .home-blocks-block-custom-content .col-md-3 h3 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .home-blocks-block-custom-content .col-md-3 h3 a,
    .home-blocks-block-custom-content .col-md-3 h3 a b {
        font-size: clamp(1.4rem, 4vw, 2.2rem) !important;
        text-align: center !important;
        display: block !important;
        width: 100% !important;
        line-height: 1.2 !important;
    }
}

/* Also fix for portrait mobile */
@media (max-width: 768px) {
    .home-blocks-block-custom-content .col-md-3 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .home-blocks-block-custom-content .col-md-3 h3 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }
    .home-blocks-block-custom-content .col-md-3 h3 a,
    .home-blocks-block-custom-content .col-md-3 h3 a b {
        font-size: clamp(1.3rem, 5vw, 2rem) !important;
        text-align: center !important;
        display: block !important;
        width: 100% !important;
        line-height: 1.2 !important;
    }
}

/* 2. Landscape mobile: Fix Transparency & Accountability centering */
@media (max-width: 1024px) and (orientation: landscape) {
    .dem-tile-v7:first-child {
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .dem-tile-v7:first-child .dem-tile-v7__title {
        text-align: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        word-break: break-word;
    }
}

/* 3. Mobile Join Us button - non-homepage header */
.mobile-join-us-btn {
    display: none;
}
@media (max-width: 991px) {
    body:not(.body-home-index) .mobile-join-us-btn {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        background: #22B29D;
        color: #fff !important;
        font-weight: 700;
        font-size: 0.85rem;
        padding: 8px 18px;
        border-radius: 50px;
        text-decoration: none !important;
        letter-spacing: 0.03em;
        white-space: nowrap;
        border: none;
        cursor: pointer;
        transition: background 0.2s;
    }
    body:not(.body-home-index) .mobile-join-us-btn:hover {
        background: #1a9a87;
    }
    body:not(.body-home-index) .header-view > .row > .col-9 {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }
    body:not(.body-home-index) .header-view > .row > .d-block.d-lg-none {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }
    body:not(.body-home-index) .mobile-join-us-col {
        flex: 1 1 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* 4. Join Us animation overlay */
.join-us-anim-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 99999;
    pointer-events: none;
    overflow: hidden;
}
.join-us-anim-overlay .anim-stripe {
    position: absolute;
    left: -100%;
    width: 100%;
    height: 33.34%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(2rem, 8vw, 5rem);
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.join-us-anim-overlay .anim-stripe-1 {
    top: 0;
    background: #22B29D;
    color: #fff;
    animation: joinStripeSlideIn 0.35s ease-out forwards;
}
.join-us-anim-overlay .anim-stripe-2 {
    top: 33.34%;
    background: #FDDA7C;
    color: #000;
    animation: joinStripeSlideIn 0.35s ease-out 0.12s forwards;
}
.join-us-anim-overlay .anim-stripe-2 span {
    animation: joinPulse 0.4s ease-in-out 0.35s infinite alternate;
}
.join-us-anim-overlay .anim-stripe-3 {
    top: 66.68%;
    background: #22B29D;
    color: #fff;
    animation: joinStripeSlideIn 0.35s ease-out 0.24s forwards;
}
@keyframes joinStripeSlideIn {
    from { left: -100%; }
    to { left: 0; }
}
@keyframes joinPulse {
    from { opacity: 1; }
    to { opacity: 0.5; }
}


/* === v88 CHANGES === */

/* CTA CARDS: img is card visual (photo+gradient+baked text).
   On mobile: dark overlay hides baked text, h3 shown prominently centered. */

/* Base: card structure */
.home-blocks-block-custom-content .col-md-3 {
    position: relative !important;
    overflow: hidden !important;
}

/* Img fills card */
.home-blocks-block-custom-content .col-md-3 img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 0 !important;
}

/* H3: hidden on desktop (baked img text is the visual), positioned on mobile */
.home-blocks-block-custom-content .col-md-3 h3 {
    z-index: 5 !important;
    margin: 0 !important;
}

/* Dark overlay (hidden by default on desktop) */
.home-blocks-block-custom-content .col-md-3::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.75) 100%);
    z-index: 1;
    pointer-events: none;
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* ===== MOBILE LANDSCAPE ===== */
@media (max-width: 1024px) and (orientation: landscape) {
    /* Activate overlay to hide baked img text */
    .home-blocks-block-custom-content .col-md-3::after {
        opacity: 1 !important;
    }
    .home-blocks-block-custom-content .col-md-3 {
        min-height: 160px !important;
    }
    /* All h3s: big centered white text */
    .home-blocks-block-custom-content .col-md-3 h3 {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 15px !important;
        font-size: clamp(1.6rem, 4vw, 2.4rem) !important;
        font-weight: 800 !important;
        color: #fff !important;
        letter-spacing: 0.02em !important;
        text-shadow: 0 2px 12px rgba(0,0,0,0.8), 0 0 30px rgba(0,0,0,0.4) !important;
        line-height: 1.2 !important;
    }
    .home-blocks-block-custom-content .col-md-3 h3 b,
    .home-blocks-block-custom-content .col-md-3 h3 a {
        font-weight: 800 !important;
        font-size: inherit !important;
        color: #fff !important;
        text-decoration: none !important;
        text-transform: none !important;
        letter-spacing: inherit !important;
    }
}

/* ===== MOBILE PORTRAIT ===== */
@media (max-width: 768px) {
    .home-blocks-block-custom-content .col-md-3::after {
        opacity: 1 !important;
    }
    .home-blocks-block-custom-content .col-md-3 {
        min-height: 150px !important;
    }
    .home-blocks-block-custom-content .col-md-3 h3 {
        font-size: clamp(1.4rem, 5.5vw, 2.2rem) !important;
        font-weight: 800 !important;
        color: #fff !important;
        letter-spacing: 0.02em !important;
        text-shadow: 0 2px 12px rgba(0,0,0,0.8), 0 0 30px rgba(0,0,0,0.4) !important;
        line-height: 1.2 !important;
    }
    .home-blocks-block-custom-content .col-md-3 h3 b,
    .home-blocks-block-custom-content .col-md-3 h3 a {
        font-weight: 800 !important;
        font-size: inherit !important;
        color: #fff !important;
        text-decoration: none !important;
        text-transform: none !important;
        letter-spacing: inherit !important;
    }
}

/* ---- Transparency & Accountability: single-row text ---- */
@media (max-width: 1024px) {
    .dem-tile-v7:first-child .dem-tile-v7__title {
        font-size: clamp(0.65rem, 2.2vw, 1rem) !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        word-spacing: 100vw !important;
        text-align: center !important;
        padding: 0 2px !important;
    }
}
@media (max-width: 768px) {
    .dem-tile-v7:first-child .dem-tile-v7__title {
        font-size: clamp(0.55rem, 2.8vw, 0.85rem) !important;
        word-spacing: 100vw !important;
        text-align: center !important;
        padding: 0 2px !important;
    }
}


/* v88b: Mobile-only h3 full overlay positioning (appended) */
@media (max-width: 1024px) {
    .home-blocks-block-custom-content .col-md-3 h3 {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 15px !important;
    }
}
/* v88b: Desktop - h3 visible with overlay styling */
@media (min-width: 1025px) {
    .home-blocks-block-custom-content .col-md-3 h3 {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 15px !important;
        font-size: clamp(1.4rem, 2vw, 2.2rem) !important;
        font-weight: 800 !important;
        color: #fff !important;
        letter-spacing: 0.02em !important;
        text-shadow: 0 2px 12px rgba(0,0,0,0.7), 0 0 30px rgba(0,0,0,0.4) !important;
        line-height: 1.2 !important;
    }
    .home-blocks-block-custom-content .col-md-3 h3 b,
    .home-blocks-block-custom-content .col-md-3 h3 a {
        font-weight: 800 !important;
        font-size: inherit !important;
        color: #fff !important;
        text-decoration: none !important;
    }
    /* Dark overlay visible on desktop too */
    .home-blocks-block-custom-content .col-md-3::after {
        opacity: 1 !important;
    }
}


/* === v89 HAMBURGER MENU - FAR RIGHT ON MOBILE === */
@media (max-width: 991px) {
    /* Make header row use space-between to push hamburger to far right */
    .header-view .row.align-items-center {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    /* Logo column: shrink to fit content, don't take col-9 width */
    .header-view .row > .col-9.col-lg-auto {
        flex: 0 1 auto !important;
        width: auto !important;
        max-width: 60% !important;
    }
    /* Hamburger column: push to far right */
    .header-view .row > .d-block.d-lg-none.col-3 {
        flex: 0 0 auto !important;
        width: auto !important;
        margin-left: auto !important;
        padding-right: 5px !important;
    }
    /* Make hamburger button larger and more tappable */
    .header-mobile-button {
        padding: 8px 12px !important;
        font-size: 1.5rem !important;
    }
    .header-mobile-button svg {
        width: 24px !important;
        height: 24px !important;
    }
    /* Mobile menu takes full width when expanded */
    .header-view .row > .d-lg-none.col-12 {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
}


/* === v90 MOBILE LANDSCAPE CTA CARD CENTERING === */
@media (max-width: 1024px) and (orientation: landscape) {
    .home-blocks-block-custom-content .col-md-3 {
        min-height: 160px !important;
    }
    .home-blocks-block-custom-content .col-md-3 h3 {
        font-size: 1.8rem !important;
    }
}

@media (max-width: 768px) and (orientation: portrait) {
    .home-blocks-block-custom-content .col-md-3 h3 {
        font-size: 1.6rem !important;
    }
}


/* =====================================================
   v92 MANIFESTO / PLATFORMS REDESIGN
   ===================================================== */

/* --- PLATFORMS INDEX PAGE (manifesto-list) --- */

.body-manifesto-list .manifesto-topics {
    background: linear-gradient(180deg, #f8fffe 0%, #ffffff 100%);
    padding: 0 0 60px;
}

.body-manifesto-list .manifesto-topics-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    font-weight: 800;
    color: #1a1a2e;
    text-align: center;
    padding: 60px 20px 8px;
    letter-spacing: -0.03em;
    position: relative;
}

.body-manifesto-list .manifesto-topics-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, #22B29D, #FDDA7C);
    border-radius: 2px;
    margin: 16px auto 0;
}

.body-manifesto-list .manifesto-topics-social-sharers {
    display: none !important;
}

.body-manifesto-list .manifesto-topics-list {
    max-width: 1100px;
    margin: 40px auto 0;
    padding: 0 24px;
}

.body-manifesto-list .manifesto-topics-list-item {
    display: block;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #1a1a2e;
    min-height: 240px;
    text-decoration: none !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.body-manifesto-list .manifesto-topics-list-item:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 60px rgba(34, 178, 157, 0.25), 0 8px 24px rgba(0,0,0,0.15);
}

.body-manifesto-list .manifesto-topics-list-item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s ease;
}

.body-manifesto-list .manifesto-topics-list-item:hover .manifesto-topics-list-item-image {
    transform: scale(1.08);
    filter: brightness(0.7);
}

.body-manifesto-list .manifesto-topics-list-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70%;
    background: linear-gradient(to top, rgba(26,26,46,0.95) 0%, rgba(26,26,46,0.4) 60%, transparent 100%);
    z-index: 1;
    pointer-events: none;
}

.body-manifesto-list .manifesto-topics-list-item-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
    z-index: 2;
    color: #ffffff;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3);
    transition: transform 0.3s ease;
}

.body-manifesto-list .manifesto-topics-list-item:hover .manifesto-topics-list-item-title {
    transform: translateY(-4px);
}

.body-manifesto-list .manifesto-topics-list-item-title::before {
    content: '';
    display: block;
    width: 32px;
    height: 3px;
    background: #22B29D;
    border-radius: 2px;
    margin-bottom: 12px;
    transition: width 0.3s ease;
}

.body-manifesto-list .manifesto-topics-list-item:hover .manifesto-topics-list-item-title::before {
    width: 50px;
    background: linear-gradient(90deg, #22B29D, #FDDA7C);
}

/* Staggered entrance animation for platform cards */
.body-manifesto-list .manifesto-topics-list .col-12 {
    opacity: 0;
    transform: translateY(30px);
    animation: v92CardFadeIn 0.6s ease forwards;
}

.body-manifesto-list .manifesto-topics-list .col-12:nth-child(1) { animation-delay: 0.1s; }
.body-manifesto-list .manifesto-topics-list .col-12:nth-child(2) { animation-delay: 0.2s; }
.body-manifesto-list .manifesto-topics-list .col-12:nth-child(3) { animation-delay: 0.3s; }
.body-manifesto-list .manifesto-topics-list .col-12:nth-child(4) { animation-delay: 0.4s; }
.body-manifesto-list .manifesto-topics-list .col-12:nth-child(5) { animation-delay: 0.5s; }
.body-manifesto-list .manifesto-topics-list .col-12:nth-child(6) { animation-delay: 0.6s; }

@keyframes v92CardFadeIn {
    to { opacity: 1; transform: translateY(0); }
}

/* --- MANIFESTO VIEW PAGE (manifesto-view / individual platform) --- */

/* Page transition animation */
.body-manifesto-view .manifesto-topic {
    animation: v92PageSlideIn 0.5s ease-out;
}

@keyframes v92PageSlideIn {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

/* "Our platforms" breadcrumb link */
.body-manifesto-view .manifesto-topic-section {
    background: #f8fffe;
    padding: 20px 24px 0;
    text-align: center;
}

.body-manifesto-view .manifesto-topic-section > a:first-child {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    background: linear-gradient(135deg, #22B29D 0%, #1a9985 100%);
    color: #ffffff !important;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 50px;
    letter-spacing: 0.02em;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 2px 12px rgba(34, 178, 157, 0.3);
}

.body-manifesto-view .manifesto-topic-section > a:first-child:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(34, 178, 157, 0.45);
    background: linear-gradient(135deg, #28c4ab 0%, #22B29D 100%);
}

.body-manifesto-view .manifesto-topic-section > a:first-child::before {
    content: '\2190';
    font-size: 1.1em;
    transition: transform 0.3s ease;
}

.body-manifesto-view .manifesto-topic-section > a:first-child:hover::before {
    transform: translateX(-3px);
}

/* Navigation buttons between proposals */
.body-manifesto-view .manifesto-topic-nav {
    padding: 24px 24px 0;
    max-width: 900px;
    margin: 0 auto;
}

.body-manifesto-view .manifesto-topic-nav .d-inline-block {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    padding: 14px 28px !important;
    background: #ffffff;
    color: #1a1a2e !important;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 12px;
    border: 2px solid #e8e8ec;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    position: relative;
    overflow: hidden;
}

.body-manifesto-view .manifesto-topic-nav .d-inline-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(34,178,157,0.08) 0%, rgba(253,218,124,0.08) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

.body-manifesto-view .manifesto-topic-nav .d-inline-block:hover::before {
    opacity: 1;
}

.body-manifesto-view .manifesto-topic-nav .d-inline-block:hover {
    border-color: #22B29D;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(34, 178, 157, 0.2);
    color: #22B29D !important;
}

.body-manifesto-view .manifesto-topic-nav .d-inline-block:active {
    transform: translateY(-1px) scale(0.98);
}

/* Hero header */
.body-manifesto-view .manifesto-topic-header {
    position: relative;
    min-height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 0;
}

.body-manifesto-view .manifesto-topic-header-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(26,26,46,0.3) 0%, rgba(26,26,46,0.7) 100%);
    z-index: 1;
}

.body-manifesto-view .manifesto-topic-header-title {
    position: relative;
    z-index: 2;
    color: #ffffff;
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 800;
    text-align: center;
    letter-spacing: -0.03em;
    text-shadow: 0 4px 20px rgba(0,0,0,0.4);
    padding: 0 24px;
}

.body-manifesto-view .manifesto-topic-header-social-sharers {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    display: flex;
    gap: 12px;
}

.body-manifesto-view .manifesto-topic-header-social-sharers a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #ffffff !important;
    transition: all 0.3s ease;
    font-size: 0;
}

.body-manifesto-view .manifesto-topic-header-social-sharers a:hover {
    background: rgba(34, 178, 157, 0.8);
    transform: translateY(-2px);
}

/* Proposals section */
.body-manifesto-view .manifesto-topic-proposals {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 24px 60px;
}

.body-manifesto-view .manifesto-topic-proposal {
    position: relative;
    padding: 40px 0 40px 0;
    border-bottom: 1px solid #e8e8ec;
    animation: v92ProposalFadeIn 0.5s ease forwards;
    opacity: 0;
}

.body-manifesto-view .manifesto-topic-proposal:last-child {
    border-bottom: none;
}

.body-manifesto-view .manifesto-topic-proposal:nth-child(1) { animation-delay: 0.15s; }
.body-manifesto-view .manifesto-topic-proposal:nth-child(2) { animation-delay: 0.3s; }
.body-manifesto-view .manifesto-topic-proposal:nth-child(3) { animation-delay: 0.45s; }
.body-manifesto-view .manifesto-topic-proposal:nth-child(4) { animation-delay: 0.6s; }
.body-manifesto-view .manifesto-topic-proposal:nth-child(5) { animation-delay: 0.75s; }

@keyframes v92ProposalFadeIn {
    from { opacity: 0; transform: translateX(-20px); }
    to { opacity: 1; transform: translateX(0); }
}

.body-manifesto-view .manifesto-topic-proposal-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 8px;
    display: flex;
    align-items: baseline;
    gap: 16px;
}

.body-manifesto-view .manifesto-topic-proposal-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    background: linear-gradient(135deg, #22B29D 0%, #1a9985 100%);
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 700;
    border-radius: 10px;
    flex-shrink: 0;
}

.body-manifesto-view .manifesto-topic-proposal-content {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #3a3a4e;
}

.body-manifesto-view .manifesto-topic-proposal-content img {
    border-radius: 12px;
    margin: 20px 0;
    max-width: 100%;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .body-manifesto-list .manifesto-topics-list-item {
        min-height: 200px;
    }
    
    .body-manifesto-view .manifesto-topic-header {
        min-height: 280px;
    }
    
    .body-manifesto-view .manifesto-topic-proposal-title {
        font-size: 1.4rem;
    }
    
    .body-manifesto-view .manifesto-topic-nav .d-inline-block {
        padding: 12px 20px !important;
        font-size: 0.9rem;
    }
}

/* === v92 Our Merch landscape centering fix === */
@media (max-width: 1024px) and (orientation: landscape) {
    .home-blocks-block-custom-content .col-md-3 h3 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
        padding: 10px !important;
    }
}


/* v92 Nav arrow animations */
.v92-nav-arrow {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    font-size: 1.2em;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.v92-nav-arrow-left {
    margin-right: 6px;
}

.v92-nav-arrow-right {
    margin-left: 6px;
}

.body-manifesto-view .manifesto-topic-nav .d-inline-block:hover .v92-nav-arrow-left {
    transform: translateX(-5px);
}

.body-manifesto-view .manifesto-topic-nav .d-inline-block:hover .v92-nav-arrow-right {
    transform: translateX(5px);
}


/* === v92 SECOND PASS FIXES === */

/* Fix section background to be opaque */
.body-manifesto-view .manifesto-topic-section {
    background: #ffffff !important;
    padding: 24px 24px 16px !important;
    border-bottom: 1px solid #f0f0f0;
}

/* Darken hero overlay for readability */
.body-manifesto-view .manifesto-topic-header-overlay {
    background: linear-gradient(180deg, rgba(26,26,46,0.45) 0%, rgba(26,26,46,0.75) 100%) !important;
}

/* Hide social sharers on hero for clean look */
.body-manifesto-view .manifesto-topic-header-social-sharers {
    display: none !important;
}

/* Improve hero height */
.body-manifesto-view .manifesto-topic-header {
    min-height: 420px !important;
}

/* Platform cards - taller and more dramatic */
.body-manifesto-list .manifesto-topics-list-item {
    min-height: 280px !important;
}

/* Better spacing for proposal content */
.body-manifesto-view .manifesto-topic-proposal-content {
    padding-left: 58px !important;
}

/* Improve nav button positioning */
.body-manifesto-view .manifesto-topic-nav {
    padding: 16px 0 !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.body-manifesto-view .manifesto-topic-nav .row {
    width: 100% !important;
    max-width: 800px !important;
}

/* Make nav buttons more prominent with subtle gradient bg */
.body-manifesto-view .manifesto-topic-nav .d-inline-block {
    background: #ffffff !important;
    border: 2px solid #e0e0e5 !important;
    border-radius: 14px !important;
    font-size: 1.05rem !important;
    padding: 16px 32px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
}

/* Animated underline on hover for platform cards */
.body-manifesto-list .manifesto-topics-list-item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #22B29D, #FDDA7C);
    z-index: 3;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.body-manifesto-list .manifesto-topics-list-item:hover::before {
    transform: scaleX(1);
}

/* Page transition for manifesto navigation */
@keyframes v92SlideInFromRight {
    from { opacity: 0; transform: translateX(40px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes v92SlideInFromLeft {
    from { opacity: 0; transform: translateX(-40px); }
    to { opacity: 1; transform: translateX(0); }
}

.v92-slide-in-right {
    animation: v92SlideInFromRight 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

.v92-slide-in-left {
    animation: v92SlideInFromLeft 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

/* Fade out for page exit */
@keyframes v92FadeOut {
    to { opacity: 0; transform: translateY(-10px); }
}

.v92-fade-out {
    animation: v92FadeOut 0.25s ease forwards !important;
}


/* =====================================================
   v93 MANIFESTO FIXES
   ===================================================== */

/* Fix proposal number badge - force pure white text */
.body-manifesto-view .manifesto-topic-proposal-number {
    color: #ffffff !important;
    background: linear-gradient(135deg, #22B29D 0%, #1a9985 100%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 12px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;
}

/* Change breadcrumb: remove arrow, change text via CSS, longer pill */
.body-manifesto-view .manifesto-topic-section > a:first-child::before {
    content: none !important;
    display: none !important;
}

/* Social share bar below hero image */
.body-manifesto-view .manifesto-topic-share-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 20px 24px;
    background: #ffffff;
    border-bottom: 1px solid #f0f0f0;
}

.body-manifesto-view .manifesto-topic-share-bar .v93-share-label {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #999;
    margin-right: 4px;
}

.body-manifesto-view .manifesto-topic-share-bar a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f5f5f7;
    color: #555 !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
    font-size: 0;
}

.body-manifesto-view .manifesto-topic-share-bar a svg,
.body-manifesto-view .manifesto-topic-share-bar a img {
    width: 18px;
    height: 18px;
}

.body-manifesto-view .manifesto-topic-share-bar a:hover {
    background: #22B29D;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(34, 178, 157, 0.3);
}

/* Landscape mobile: hamburger menu logic for non-home pages */
@media (max-width: 1200px) and (orientation: landscape) {
    .header-view .d-none.d-lg-flex {
        display: none !important;
    }
    .header-view .d-block.d-lg-none {
        display: block !important;
    }
    .header-view .d-lg-none.col-12[data-mobile-menu-target="menu"] {
        display: none;
    }
    .header-view .d-lg-none.col-12[data-mobile-menu-target="menu"].show {
        display: block !important;
    }
}

/* v93b: Fix share bar horizontal layout */
.body-manifesto-view .manifesto-topic-share-bar .social-sharers {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
}
.body-manifesto-view .manifesto-topic-share-bar .social-sharers a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #f5f5f7 !important;
    color: #555 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-size: 0 !important;
}
.body-manifesto-view .manifesto-topic-share-bar .social-sharers a i {
    font-size: 16px !important;
    color: #555 !important;
}
.body-manifesto-view .manifesto-topic-share-bar .social-sharers a svg {
    width: 18px !important;
    height: 18px !important;
    fill: #555 !important;
}
.body-manifesto-view .manifesto-topic-share-bar .social-sharers a:hover {
    background: #22B29D !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(34, 178, 157, 0.3) !important;
}
.body-manifesto-view .manifesto-topic-share-bar .social-sharers a:hover i,
.body-manifesto-view .manifesto-topic-share-bar .social-sharers a:hover svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* v94: Force Font Awesome on share bar icons */
.body-manifesto-view .manifesto-topic-share-bar .social-sharers a i.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
}
.body-manifesto-view .manifesto-topic-share-bar .social-sharers a i.fas {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased !important;
}

/* === v95: Hide email share on mobile portrait + Donate Now button === */
@media (max-width: 767px) and (orientation: portrait) {
    .body-manifesto-view .manifesto-topic-share-bar .social-sharers a[title="Share by e-mail"] {
        display: none !important;
    }
}

/* Donate Now button in header - non-home pages */
.donate-now-btn {
    display: inline-block !important;
    padding: 10px 22px !important;
    background: #FDDA7C !important;
    color: #1a1a1a !important;
    font-family: "Space Grotesk", sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    margin-left: 8px !important;
    white-space: nowrap !important;
}
.donate-now-btn:hover {
    background: #f5c842 !important;
    color: #1a1a1a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(253, 218, 124, 0.4) !important;
    text-decoration: none !important;
}

/* Hide Donate Now on homepage */
.body-home-index .donate-now-btn {
    display: none !important;
}

/* Mobile menu Donate Now */
.donate-now-mobile-btn {
    display: block !important;
    width: 100% !important;
    padding: 12px 20px !important;
    background: #FDDA7C !important;
    color: #1a1a1a !important;
    font-family: "Space Grotesk", sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    text-align: center !important;
    margin-top: 8px !important;
    transition: all 0.3s ease !important;
}
.donate-now-mobile-btn:hover {
    background: #f5c842 !important;
    text-decoration: none !important;
}
.body-home-index .donate-now-mobile-btn {
    display: none !important;
}


/* ============================================================
   VICTORIAN AMENDMENTS (appended to Copy theme base)
   Palette: warm paper + AusDem green + gold
   Typography: Fraunces display, Inter UI
   ============================================================ */

:root{
  --vic-teal:#3FA693; --vic-teal-d:#0A4E45; --vic-teal-s:#E8F4F0;
  --vic-gold:#E4B94A; --vic-gold-d:#C79B2B; --vic-gold-s:#FBF6E3;
  --vic-ink:#0B1D2E; --vic-mute:#4a5568; --vic-paper:#F7F5EF; --vic-line:#E2DED1;
}
/* Global typography override */
body, body[class*='body-']{font-family:'Inter',system-ui,-apple-system,sans-serif !important;color:var(--vic-ink) !important;background:var(--vic-paper) !important}
h1,h2,h3,h4,h5,.home-jumbo-title,.home-jumbo-intro-view h1,.home-jumbo-intro-view h2,.home-jumbo-title{color:#ffffff !important;font-size:clamp(2.2rem,5.5vw,4.5rem) !important;line-height:1.04 !important;letter-spacing:-.02em !important;text-shadow:0 3px 14px rgba(0,0,0,0.55), 0 1px 3px rgba(0,0,0,0.6) !important}
/* Buttons - amend Copy's CTA classes */
.hero-btn,.home-blocks-block-cta-button,.btn,a.btn,button.btn{width:auto !important;min-width:0 !important;max-width:none !important;overflow:visible !important;padding:1rem 2rem !important;border-radius:999px !important;font-family:'Inter',sans-serif !important;font-weight:600 !important;white-space:nowrap !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;min-height:48px !important;height:auto !important}
.hero-btn-primary,.home-blocks-block-cta-primary,.btn-primary,.btn.btn-primary{background:var(--vic-gold) !important;color:var(--vic-ink) !important;border:1.5px solid var(--vic-gold) !important;box-shadow:0 8px 24px -12px rgba(228,185,74,.5)}
.hero-btn-primary:hover,.home-blocks-block-cta-primary:hover,.btn-primary:hover{background:var(--vic-gold-d) !important;border-color:var(--vic-gold-d) !important;color:var(--vic-ink) !important;transform:translateY(-1px)}
.hero-btn-secondary,.home-blocks-block-cta-secondary,.btn-secondary,.btn-outline-primary{background:transparent !important;color:var(--vic-ink) !important;border:1.5px solid var(--vic-ink) !important}
.hero-btn-secondary:hover{background:var(--vic-ink) !important;color:#fff !important}
/* Accent colour overrides */
.bg-primary,[class*='bg-primary']{background-color:var(--vic-teal) !important}
.text-primary{color:var(--vic-teal) !important}
/* Header */
header,.header,nav.navbar{background:rgba(247,245,239,.95) !important;backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--vic-line) !important}
header a,nav a,.nav-link{color:var(--vic-ink) !important;font-family:'Inter',sans-serif !important;font-weight:500 !important}
header a:hover{color:var(--vic-teal) !important}
/* Home jumbo — make Victorian editorial */
.home-jumbo,.home-blocks-block-jumbo{min-height:70vh !important;background-color:#0b2336}
.home-jumbo-overlay{display:none !important}
.home-jumbo-intro,.home-jumbo-intro-view{background:transparent !important;color:#ffffff !important;box-shadow:none !important;text-shadow:0 2px 6px rgba(0,0,0,0.55) !important}
.home-jumbo-intro-view h1,.home-jumbo-intro-view h2,.home-jumbo-title{color:var(--vic-ink) !important;font-size:clamp(2.5rem,5.5vw,4.5rem) !important;line-height:1.04 !important;letter-spacing:-.02em !important;text-shadow:none !important}
.home-jumbo-intro-view p,.home-jumbo-subtitle{color:var(--vic-mute) !important;font-family:'Inter',sans-serif !important;text-shadow:none !important}
/* Home blocks */
.home-block{background:var(--vic-paper)}
.home-block-posts,.home-block-events{background:#fff !important}
.home-block-calls-to-action,.home-block-newsletter{background:var(--vic-teal-d) !important;color:#fff !important;position:relative;overflow:hidden}
.home-block-calls-to-action::before,.home-block-newsletter::before{content:'';position:absolute;inset:0;background:radial-gradient(600px 300px at 90% -10%,rgba(228,185,74,.22),transparent 70%);pointer-events:none}
.home-block-calls-to-action h2,.home-block-newsletter h2{color:#fff !important}
.home-block-calls-to-action p,.home-block-newsletter p{color:rgba(255,255,255,.85) !important}
/* Footer */
footer,.footer{background:var(--vic-ink) !important;color:rgba(247,245,239,.8) !important;font-family:'Inter',sans-serif}
footer a{color:rgba(247,245,239,.78) !important}
footer a:hover{color:#fff !important}
footer h4{color:var(--vic-gold) !important;font-family:'Inter',sans-serif !important;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem !important;font-weight:700 !important}
/* ============================================================
   Custom policy block (block 8099) — the beautiful grid
   ============================================================ */
.vp-wrap{background:linear-gradient(180deg,var(--vic-paper),#EFEBDD);padding:5rem 1.5rem;position:relative;overflow:hidden;border-radius:0;margin:2rem 0}
.vp-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(800px 400px at 100% -20%,rgba(228,185,74,.22),transparent 70%),radial-gradient(700px 400px at 0% 120%,rgba(63,166,147,.2),transparent 70%);pointer-events:none}
.vp-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.vp-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:'Inter',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--vic-teal);margin-bottom:1rem}
.vp-eyebrow::before{content:'';width:28px;height:2px;background:currentColor}
.vp-h2{font-family:'Fraunces',serif !important;font-size:clamp(2rem,4vw,3rem) !important;font-weight:500 !important;color:var(--vic-ink) !important;margin:0 0 1rem;letter-spacing:-.02em;line-height:1.05}
.vp-h2 em{font-style:italic;color:var(--vic-teal);font-weight:400}
.vp-sub{color:var(--vic-mute);font-size:1.1rem;max-width:44rem;margin:0 0 3rem;line-height:1.55;font-family:'Inter',sans-serif}
.vp-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.vp-card{position:relative;background:#fff;border-radius:18px;padding:1.85rem 1.5rem;border:1px solid rgba(11,29,46,.08);transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s,border-color .4s;text-decoration:none !important;color:inherit !important;display:flex;flex-direction:column;gap:.85rem;overflow:hidden}
.vp-card::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--vic-teal),var(--vic-gold));transform:scaleX(0);transform-origin:left;transition:transform .4s}
.vp-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px -25px rgba(11,29,46,.22);border-color:rgba(63,166,147,.4);color:inherit !important}
.vp-card:hover::after{transform:scaleX(1)}
.vp-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--vic-teal-s),var(--vic-gold-s));color:var(--vic-teal);display:inline-flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-size:1.6rem;font-weight:500;border:1px solid rgba(63,166,147,.2)}
.vp-card h3{font-family:'Fraunces',serif !important;font-size:1.3rem;font-weight:500;margin:0;line-height:1.2;color:var(--vic-ink) !important}
.vp-card p{color:var(--vic-mute) !important;font-size:.95rem;line-height:1.55;margin:0;font-family:'Inter',sans-serif}
.vp-more{margin-top:auto;padding-top:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vic-teal);display:inline-flex;align-items:center;gap:.4rem;transition:gap .25s}
.vp-card:hover .vp-more{gap:.7rem}
.vp-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(11,29,46,.1);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.vp-footer p{margin:0;color:var(--vic-mute);font-size:.95rem}
.vp-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.8rem;background:var(--vic-ink) !important;color:#fff !important;border-radius:999px;font-weight:600;text-decoration:none !important;transition:background .25s,transform .25s}
.vp-cta:hover{background:var(--vic-teal-d) !important;transform:translateY(-1px)}
@media(max-width:600px){.vp-wrap{padding:3rem 1rem}.vp-grid{gap:1rem}}



/* ========================================================================
   VIC-THEME-V3 BEGIN — Australian Democrats Victoria theme overlay
   ======================================================================== */
:root {
    --vic-yellow: #fcd666;
    --vic-yellow-soft: #fde7a2;
    --vic-green: #29a895;
    --vic-green-dark: #1e7d6d;
    --vic-green-deep: #0e4a40;
    --vic-ink: #0c1a18;
    --vic-ink-soft: #2a3a37;
    --vic-cream: #fffaee;
    --vic-bg: #f6f4ec;
    --vic-border: rgba(12, 26, 24, 0.08);
    --vic-shadow-sm: 0 4px 14px -6px rgba(12,26,24,0.18);
    --vic-shadow-md: 0 16px 40px -18px rgba(12,26,24,0.22);
    --vic-shadow-lg: 0 30px 70px -28px rgba(12,26,24,0.28);
    --vic-radius: 18px;
}

/* --- Global polish --- */
html, body {
    background: var(--vic-bg) !important;
    color: var(--vic-ink) !important;
}

body { overflow-x: hidden; }

/* --- Skip-to-main link: keep for a11y, hide visually except on focus --- */
.skip-link {
    position: absolute !important;
    top: -100px !important;
    left: 12px !important;
    background: var(--vic-green-deep) !important;
    color: #fff !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    z-index: 10000 !important;
    transition: top 0.2s ease !important;
}
.skip-link:focus { top: 16px !important; outline: 3px solid var(--vic-yellow) !important; }

/* --- Thin announcement banner at very top --- */
.vic-top-banner {
    background: linear-gradient(95deg, var(--vic-green-deep) 0%, var(--vic-green) 100%);
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 8px 14px;
    position: relative;
    z-index: 90;
}
.vic-top-banner strong { font-weight: 700; letter-spacing: 0.04em; }
.vic-top-banner em {
    font-style: normal;
    color: var(--vic-yellow);
    font-weight: 800;
    letter-spacing: 0.05em;
}
.vic-top-banner a {
    color: var(--vic-yellow);
    font-weight: 700;
    text-decoration: none;
    margin-left: 4px;
    border-bottom: 1.5px solid rgba(252, 214, 102, 0.35);
    padding-bottom: 1px;
    transition: border-color 0.18s ease, color 0.18s ease;
}
.vic-top-banner a:hover { color: #fff; border-bottom-color: #fff; }
@media (max-width: 600px) {
    .vic-top-banner { font-size: 11.5px; padding: 7px 10px; letter-spacing: 0.01em; }
}

/* --- Header: remove shade, clean modern look --- */
.header {
    background: rgba(255, 251, 240, 0.92) !important;
    backdrop-filter: saturate(140%) blur(14px);
    -webkit-backdrop-filter: saturate(140%) blur(14px);
    box-shadow: 0 1px 0 var(--vic-border);
    position: sticky;
    top: 0;
    z-index: 80;
}
.header::before, .header::after { display: none !important; background: transparent !important; }
.header-layer, .header-view { background: transparent !important; }
.header-layer::before, .header-layer::after,
.header-view::before, .header-view::after { display: none !important; background: transparent !important; }

.header .header-logo,
.header img.header-logo-dark,


/* Force-show the logo column (Citipo hides it by default) */
.header .row.align-items-center > .col-9.col-lg-auto,
.header-view .row > .col-9.col-lg-auto,
.header .col-9.col-lg-auto:first-child {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    max-width: none !important;
}
.header .col-9.col-lg-auto a { display: inline-flex !important; align-items: center; line-height: 0; }
.header .col-9.col-lg-auto a:hover { text-decoration: none !important; }
@media (max-width: 991px) {
    .header .header-logo, .header img.header-logo-dark { max-height: 40px !important; }
}
.header img.header-logo-white {
    max-height: 54px;
    width: auto;
    transition: opacity 0.2s ease;
}
.header img.header-logo-white { display: none !important; }
.header img.header-logo-dark { display: inline-block !important; }

/* Menu styling */
.header-menu {
    display: flex !important;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-menu > li { position: relative; }
.header-menu-label {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: 0.01em !important;
}
.header-menu-label a {
    color: var(--vic-ink) !important;
    padding: 10px 14px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: background 0.18s ease, color 0.18s ease !important;
    opacity: 1 !important;
}
.header-menu-label a:hover {
    background: var(--vic-yellow) !important;
    color: var(--vic-ink) !important;
    opacity: 1 !important;
}
.header-menu-submenu {
    background: #fff !important;
    border: 1px solid var(--vic-border) !important;
    box-shadow: var(--vic-shadow-md) !important;
    border-radius: 14px !important;
    padding: 8px !important;
}
.header-menu-submenu ul { padding: 0 !important; margin: 0 !important; list-style: none !important; }
.header-menu-submenu a {
    display: block;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    color: var(--vic-ink) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: background 0.15s ease !important;
}
.header-menu-submenu a:hover { background: var(--vic-yellow-soft) !important; }

/* Mobile menu */
.header-mobile-button { color: var(--vic-ink) !important; }
.header-mobile {
    background: #fff !important;
    border: 1px solid var(--vic-border) !important;
    border-radius: 16px !important;
    padding: 8px !important;
    margin-top: 12px !important;
    box-shadow: var(--vic-shadow-md) !important;
}
.header-mobile > li > a,
.header-mobile-submenu a {
    color: var(--vic-ink) !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    display: block;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-decoration: none !important;
}
.header-mobile > li > a:hover,
.header-mobile-submenu a:hover { background: var(--vic-yellow-soft) !important; }

/* Logo not hidden behind menu */
.header-view .row { flex-wrap: wrap; }
.header-view .col-9, .header-view .col-lg-auto { padding-left: 12px; padding-right: 12px; }

/* --- Hero / Jumbo: fix background, stylish overlay --- */
.home-jumbo {
    position: relative;
    min-height: 78vh;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: var(--vic-green-deep);
    overflow: hidden;
}
.home-jumbo::before {
    content: "";
    position: absolute; inset: 0;
    background:
        radial-gradient(120% 80% at 12% 20%, rgba(41, 168, 149, 0.55) 0%, rgba(14, 74, 64, 0.25) 55%, rgba(12, 26, 24, 0.75) 100%),
        linear-gradient(180deg, rgba(12, 26, 24, 0.20) 0%, rgba(12, 26, 24, 0.65) 100%);
    pointer-events: none;
    z-index: 1;
}
.home-jumbo::after {
    content: "";
    position: absolute; left: 0; right: 0; bottom: 0; height: 90px;
    background: linear-gradient(180deg, rgba(246, 244, 236, 0) 0%, var(--vic-bg) 100%);
    pointer-events: none;
    z-index: 2;
}
.home-jumbo-video { z-index: 0; }
.home-jumbo-overlay { display: none !important; }
.home-jumbo-intro-container { position: relative; z-index: 3; }
.home-jumbo-intro { padding: 80px 24px 110px; }
.home-jumbo-intro-view { max-width: 720px; }

.home-jumbo-intro-view h2 {
    font-family: 'Fraunces', serif !important;
    color: #fff !important;
    font-size: clamp(36px, 5.5vw, 68px) !important;
    line-height: 1.04 !important;
    font-weight: 600 !important;
    letter-spacing: -0.015em !important;
    margin: 0 0 14px !important;
    text-shadow: 0 2px 24px rgba(0,0,0,0.25);
}
.home-jumbo-intro-split {
    width: 70px;
    height: 5px;
    background: var(--vic-yellow) !important;
    border-radius: 999px;
    margin: 18px 0 22px !important;
    box-shadow: 0 2px 10px rgba(252, 214, 102, 0.4);
}
.home-jumbo-intro-view p {
    color: #f6f4ec !important;
    font-size: clamp(16px, 1.25vw, 19px) !important;
    line-height: 1.55 !important;
    max-width: 620px;
    font-weight: 400 !important;
    margin: 0 0 26px !important;
    text-shadow: 0 1px 14px rgba(0,0,0,0.35);
}

/* Reorder: buttons above title */
.home-jumbo-intro-view > div { display: flex; flex-direction: column; }
.home-jumbo-intro-view > div > h2 { order: 3; margin-top: 22px !important; }
.home-jumbo-intro-view > div > .home-jumbo-intro-split { order: 4; }
.home-jumbo-intro-view > div > p { order: 5; }
.home-jumbo-intro-view > div > .hero-buttons { order: 1; margin-bottom: 10px; }

.hero-buttons {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 6px;
}
.hero-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 15px 28px;
    border-radius: 999px;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.02em;
    text-decoration: none !important;
    transition: transform 0.18s ease, box-shadow 0.2s ease, background 0.2s ease;
    cursor: pointer;
    border: 2px solid transparent;
}
.hero-btn-primary {
    background: var(--vic-yellow);
    color: var(--vic-ink);
    box-shadow: 0 10px 26px -10px rgba(252, 214, 102, 0.7);
}
.hero-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px -10px rgba(252, 214, 102, 0.9);
    color: var(--vic-ink);
}
.hero-btn-secondary {
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(6px);
}
.hero-btn-secondary:hover {
    transform: translateY(-2px);
    background: #fff;
    color: var(--vic-ink);
    border-color: #fff;
}

/* --- Floating pulsing "Join Us" button top-left with tooltip --- */
.vic-floating-join {
    position: fixed;
    top: 108px;
    left: 22px;
    z-index: 95;
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.4s cubic-bezier(0.2,0.9,0.3,1.4), opacity 0.3s ease;
}
.vic-floating-join.is-visible { transform: translateX(0); opacity: 1; }
.vic-floating-join-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 22px;
    background: var(--vic-yellow);
    color: var(--vic-ink);
    border-radius: 999px;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: 0.03em;
    text-decoration: none;
    box-shadow: 0 10px 30px -8px rgba(252, 214, 102, 0.8),
                0 2px 0 rgba(12,26,24,0.15);
    animation: vicPulse 2.1s ease-in-out infinite;
    transition: transform 0.18s ease;
}
.vic-floating-join-btn:hover {
    transform: scale(1.05);
    color: var(--vic-ink);
    text-decoration: none;
}
@keyframes vicPulse {
    0%, 100% {
        box-shadow: 0 10px 30px -8px rgba(252, 214, 102, 0.7),
                    0 0 0 0 rgba(252, 214, 102, 0.6);
    }
    60% {
        box-shadow: 0 10px 30px -8px rgba(252, 214, 102, 0.7),
                    0 0 0 18px rgba(252, 214, 102, 0);
    }
}
.vic-floating-tooltip {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    background: var(--vic-green-deep);
    color: #fff;
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    max-width: 240px;
    box-shadow: var(--vic-shadow-md);
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity 0.28s ease, transform 0.28s ease;
    pointer-events: none;
}
.vic-floating-tooltip::before {
    content: "";
    position: absolute;
    top: -6px; left: 22px;
    width: 12px; height: 12px;
    background: var(--vic-green-deep);
    transform: rotate(45deg);
    border-radius: 2px;
}
.vic-floating-join.show-tooltip .vic-floating-tooltip {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 640px) {
    .vic-floating-join { top: auto; bottom: 18px; left: 14px; }
    .vic-floating-tooltip { top: auto; bottom: calc(100% + 10px); }
    .vic-floating-tooltip::before { top: auto; bottom: -6px; }
}

/* --- User content area base --- */
.home-blocks-block-custom-content.user-content {
    max-width: 1120px;
    margin: 0 auto;
    padding: 60px 24px;
}
.home-blocks-block-custom-content h1,
.home-blocks-block-custom-content h2 {
    font-family: 'Fraunces', serif;
    font-weight: 600;
    letter-spacing: -0.015em;
    color: var(--vic-ink);
}
.home-blocks-block-custom-content h1 {
    font-size: clamp(28px, 3.3vw, 44px);
    line-height: 1.1;
    margin: 0 0 20px;
}
.home-blocks-block-custom-content h2 {
    font-size: clamp(22px, 2.3vw, 30px);
    line-height: 1.2;
    margin: 0 0 14px;
}
.home-blocks-block-custom-content p {
    font-size: 17px;
    line-height: 1.62;
    color: var(--vic-ink-soft);
    margin: 0 0 14px;
}
.home-blocks-block-custom-content .spacer.height-80 { height: 40px; }

/* --- Generic Read More button styling (fallback) --- */
.home-blocks-block-custom-content .btn.btn-primary.btn-lg {
    background: var(--vic-green) !important;
    color: #fff !important;
    border: 0 !important;
    padding: 12px 24px !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.02em !important;
    box-shadow: var(--vic-shadow-sm);
    transition: transform 0.18s ease, box-shadow 0.2s ease, background 0.2s ease;
    text-decoration: none !important;
}
.home-blocks-block-custom-content .btn.btn-primary.btn-lg:hover {
    transform: translateY(-2px);
    box-shadow: var(--vic-shadow-md);
    background: var(--vic-green-dark) !important;
    color: #fff !important;
}

/* --- JOIN NOW section --- */
.vic-join-now-section {
    background: linear-gradient(180deg, #fffdf4 0%, #fff7dc 100%);
    border-radius: var(--vic-radius);
    padding: 46px 40px !important;
    margin: 24px 0 !important;
    text-align: center;
    border: 1px solid rgba(252, 214, 102, 0.4);
    box-shadow: var(--vic-shadow-sm);
    position: relative;
    overflow: hidden;
}
.vic-join-now-section::before {
    content: "";
    position: absolute;
    top: -80px; right: -80px;
    width: 260px; height: 260px;
    background: radial-gradient(circle, rgba(252, 214, 102, 0.55) 0%, rgba(252, 214, 102, 0) 70%);
    pointer-events: none;
}
.vic-join-now-section h1 {
    font-size: clamp(30px, 3.7vw, 46px) !important;
    margin: 0 0 8px !important;
    position: relative;
}
.vic-join-now-section h1 .vic-quick-tag {
    display: inline-block;
    font-family: 'Space Grotesk', sans-serif;
    font-style: italic;
    font-size: 0.42em;
    font-weight: 500;
    color: var(--vic-green-dark);
    background: rgba(41, 168, 149, 0.12);
    padding: 4px 10px;
    border-radius: 999px;
    margin-left: 8px;
    vertical-align: 8px;
    letter-spacing: 0.02em;
}
.vic-join-now-section p i,
.vic-join-now-section p em {
    font-family: 'Fraunces', serif;
    font-style: italic;
    font-weight: 400;
    font-size: 19px;
    color: var(--vic-green-deep);
    line-height: 1.55;
    display: block;
    max-width: 720px;
    margin: 0 auto 12px;
}

/* --- Membership tier cards --- */
.vic-tier-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin: 26px 0 40px !important;
}
.vic-tier-row > [class*="col-md-4"] {
    max-width: none !important;
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 !important;
}
.vic-tier-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1.5px solid var(--vic-border);
    border-radius: var(--vic-radius);
    padding: 32px 26px 28px;
    text-align: center;
    transition: transform 0.25s cubic-bezier(0.2,0.9,0.3,1.1),
                box-shadow 0.25s ease,
                border-color 0.25s ease;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none !important;
    color: inherit;
}
.vic-tier-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(41,168,149,0.08) 0%, rgba(252,214,102,0.08) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.vic-tier-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--vic-shadow-lg);
    border-color: rgba(41, 168, 149, 0.45);
    text-decoration: none !important;
    color: inherit;
}
.vic-tier-card:hover::before { opacity: 1; }
.vic-tier-card > * { position: relative; z-index: 1; }
.vic-tier-card h1 {
    font-family: 'Fraunces', serif !important;
    font-size: 48px !important;
    font-weight: 700 !important;
    color: var(--vic-green) !important;
    margin: 0 0 4px !important;
    letter-spacing: -0.02em !important;
    line-height: 1 !important;
}
.vic-tier-card > p:first-of-type {
    font-family: 'Space Grotesk', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 13px;
    font-weight: 700;
    color: var(--vic-ink);
    margin: 6px 0 16px !important;
}
.vic-tier-card p i {
    font-family: 'Fraunces', serif;
    font-style: italic;
    font-size: 15.5px;
    line-height: 1.55;
    color: var(--vic-ink-soft);
    font-weight: 400;
}
.vic-tier-card .vic-tier-select {
    display: inline-block;
    margin-top: 22px;
    padding: 12px 26px;
    border-radius: 999px;
    background: var(--vic-green);
    color: #fff !important;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: background 0.2s ease, transform 0.18s ease;
    text-decoration: none !important;
    align-self: center;
}
.vic-tier-card:hover .vic-tier-select {
    background: var(--vic-green-dark);
    transform: scale(1.04);
}
.vic-tier-card .btn.btn-primary.btn-lg { display: none !important; }
.vic-tier-card .vic-old-btn-wrap { display: none !important; }

/* Pulse the Supporter Member (FREE) tier specifically */
.vic-tier-card.vic-tier-highlight {
    border-color: var(--vic-yellow);
    box-shadow: 0 18px 40px -22px rgba(252, 214, 102, 0.9);
    animation: vicCardPulse 2.4s ease-in-out infinite;
}
.vic-tier-card.vic-tier-highlight h1 { color: var(--vic-green-dark) !important; }
.vic-tier-card.vic-tier-highlight .vic-tier-select {
    background: var(--vic-ink);
    color: var(--vic-yellow) !important;
}
.vic-tier-card.vic-tier-highlight:hover .vic-tier-select { background: var(--vic-green-deep); color: var(--vic-yellow) !important; }
@keyframes vicCardPulse {
    0%, 100% {
        box-shadow: 0 18px 40px -22px rgba(252, 214, 102, 0.7),
                    0 0 0 0 rgba(252, 214, 102, 0.55);
    }
    60% {
        box-shadow: 0 18px 40px -22px rgba(252, 214, 102, 0.7),
                    0 0 0 14px rgba(252, 214, 102, 0);
    }
}
.vic-tier-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: var(--vic-yellow);
    color: var(--vic-ink);
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 999px;
    z-index: 2;
}
@media (max-width: 880px) {
    .vic-tier-row { grid-template-columns: 1fr; }
}

/* --- Policy cards (Our Focus in Victoria) --- */
.vic-policy-wrap {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
    margin: 32px 0 30px !important;
}
.vic-policy-card {
    position: relative;
    width: 100%;
    height: 300px;
    perspective: 1200px;
    background: transparent;
    text-decoration: none !important;
    color: inherit;
    cursor: pointer;
}
.vic-policy-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.85s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    border-radius: var(--vic-radius);
}
.vic-policy-card.is-flipping .vic-policy-card-inner { transform: rotateY(180deg); }
.vic-policy-card-face {
    position: absolute;
    inset: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: var(--vic-radius);
    overflow: hidden;
    border: 1.5px solid var(--vic-border);
    background: #fff;
    box-shadow: var(--vic-shadow-sm);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    display: flex;
    flex-direction: column;
}
.vic-policy-card:hover .vic-policy-card-face {
    border-color: var(--vic-green);
    box-shadow: var(--vic-shadow-md);
}
.vic-policy-card-face-front { background: #fff; }
.vic-policy-card-image {
    position: relative;
    flex: 0 0 55%;
    background-size: cover;
    background-position: center;
    background-color: var(--vic-green-deep);
}
.vic-policy-card-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(12,26,24,0) 40%, rgba(12,26,24,0.55) 100%);
}
.vic-policy-card-body {
    flex: 1 1 auto;
    padding: 18px 20px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.vic-policy-card-body h3 {
    font-family: 'Fraunces', serif !important;
    font-weight: 600 !important;
    font-size: 22px !important;
    margin: 0 0 6px !important;
    color: var(--vic-ink) !important;
    line-height: 1.15 !important;
}
.vic-policy-card-body p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: var(--vic-ink-soft) !important;
    margin: 0 !important;
    max-height: 4em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vic-policy-card-cta {
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--vic-green-dark);
}
.vic-policy-card-cta::after {
    content: "→";
    transition: transform 0.2s ease;
}
.vic-policy-card:hover .vic-policy-card-cta::after { transform: translateX(3px); }
.vic-policy-card-face-back {
    transform: rotateY(180deg);
    background: linear-gradient(135deg, var(--vic-yellow) 0%, var(--vic-yellow-soft) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
}
.vic-policy-card-back-logo {
    max-width: 78%;
    max-height: 78%;
    object-fit: contain;
}

/* --- "Our focus in Victoria" header container --- */
.vic-focus-heading {
    text-align: center;
    margin-bottom: 8px;
}
.vic-focus-heading h2 {
    font-size: clamp(28px, 3vw, 40px) !important;
    margin-bottom: 8px !important;
}

/* --- Practical voice / intro quote --- */
.vic-practical-quote {
    background: linear-gradient(135deg, var(--vic-green-deep) 0%, var(--vic-green) 100%);
    color: #fff;
    padding: 40px 44px !important;
    border-radius: var(--vic-radius);
    position: relative;
    margin: 24px 0 30px !important;
    box-shadow: var(--vic-shadow-md);
    overflow: hidden;
}
.vic-practical-quote::before {
    content: "\201C";
    position: absolute;
    top: -40px;
    left: 16px;
    font-family: 'Fraunces', serif;
    font-size: 220px;
    line-height: 1;
    color: rgba(252, 214, 102, 0.25);
    font-weight: 700;
    pointer-events: none;
}
.vic-practical-quote h2,
.vic-practical-quote h1 {
    color: var(--vic-yellow) !important;
    font-family: 'Fraunces', serif !important;
    font-size: clamp(24px, 2.6vw, 32px) !important;
    margin: 0 0 16px !important;
    position: relative;
}
.vic-practical-quote p {
    color: #f6f4ec !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    position: relative;
}

/* --- "We're nearly there" hero-y block --- */
.vic-nearly-there {
    text-align: center;
    background: repeating-linear-gradient(45deg, rgba(252, 214, 102, 0.07) 0 14px, transparent 14px 28px), #fffaee;
    padding: 34px 30px !important;
    margin: 22px 0 !important;
    border-radius: var(--vic-radius);
    border: 1.5px dashed rgba(252, 214, 102, 0.8);
}
.vic-nearly-there p i,
.vic-nearly-there p em {
    font-family: 'Fraunces', serif;
    font-style: italic;
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.45;
    color: var(--vic-ink);
    font-weight: 500;
    display: block;
    max-width: 780px;
    margin: 0 auto;
}

/* --- President message / quote --- */
.vic-president-quote {
    background: #fff;
    padding: 48px 46px !important;
    border-radius: var(--vic-radius);
    box-shadow: var(--vic-shadow-md);
    border-left: 6px solid var(--vic-yellow);
    position: relative;
    margin: 24px 0 !important;
}
.vic-president-quote::before {
    content: "\201C";
    position: absolute;
    top: -24px;
    left: 32px;
    font-family: 'Fraunces', serif;
    font-size: 120px;
    line-height: 1;
    color: var(--vic-green);
    font-weight: 700;
}
.vic-president-quote h1 {
    font-size: clamp(24px, 2.6vw, 32px) !important;
    margin: 0 0 20px !important;
    color: var(--vic-green-deep) !important;
}
.vic-president-quote p i {
    font-family: 'Fraunces', serif !important;
    font-style: italic !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
    color: var(--vic-ink) !important;
    display: block;
    margin-bottom: 14px;
}
.vic-president-sign {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 24px;
}
.vic-president-sign img {
    width: 140px !important;
    height: 140px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 4px solid var(--vic-yellow);
    box-shadow: var(--vic-shadow-md);
}
.vic-president-sign h3 {
    font-family: 'Fraunces', serif !important;
    font-size: 24px !important;
    margin: 10px 0 0 !important;
    color: var(--vic-ink) !important;
    font-weight: 600 !important;
}
.vic-president-sign p {
    margin: 0 !important;
    font-size: 14px !important;
    color: var(--vic-ink-soft) !important;
    letter-spacing: 0.02em !important;
}

/* --- Footer polish --- */
.footer {
    background: var(--vic-green-deep) !important;
    color: #f6f4ec !important;
    padding: 40px 20px 30px !important;
    margin-top: 40px;
}
.footer a { color: var(--vic-yellow) !important; }
.footer a:hover { color: #fff !important; }

/* --- Animations reduced on mobile preference --- */
@media (prefers-reduced-motion: reduce) {
    .vic-floating-join-btn,
    .vic-tier-card.vic-tier-highlight { animation: none !important; }
    .vic-policy-card-inner { transition: none !important; }
}

/* --- Small responsive tweaks --- */
@media (max-width: 767px) {
    .home-jumbo { min-height: 70vh; }
    .home-jumbo-intro { padding: 60px 18px 80px; }
    .vic-join-now-section { padding: 34px 22px !important; }
    .vic-president-quote { padding: 32px 24px !important; }
    .vic-practical-quote { padding: 32px 26px !important; }
    .home-blocks-block-custom-content .col-md-6 { padding-left: 12px; padding-right: 12px; }
    .home-blocks-block-custom-content { padding: 40px 18px; }
}

/* --- Misc: keep things from overlapping --- */
.home-blocks-block-custom-content .row { margin-left: 0 !important; margin-right: 0 !important; }
.home-blocks-block-custom-content img { max-width: 100%; height: auto; border-radius: 14px; }
.home-blocks-block-custom-content .col-md-6,
.home-blocks-block-custom-content .col-md-4,
.home-blocks-block-custom-content .col-md-12 {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Logo max height override (matches live-site 70px inherited rule) */
.header .header-logo,
.header img.header-logo.header-logo-dark,
.header img.header-logo.header-logo-white,
.header-layer .header-logo,
.header-view .header-logo {
    max-height: 50px !important;
    height: auto !important;
    width: auto !important;
    max-width: 270px !important;
}
@media (max-width: 991px) {
    .header .header-logo,
    .header img.header-logo.header-logo-dark,
    .header-layer .header-logo,
    .header-view .header-logo {
        max-height: 40px !important;
        max-width: 220px !important;
    }
}

/* tier-row-specific override: force grid over parent rules */
.home-blocks-block-custom-content > .row.vic-tier-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-wrap: nowrap !important;
}
.home-blocks-block-custom-content > .row.vic-tier-row > [class*="col-md-4"] {
    padding: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    width: auto !important;
    grid-column: auto !important;
}
@media (max-width: 767px) {
    .home-blocks-block-custom-content > .row.vic-tier-row {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}
/* VIC-THEME-V3 END */

/* ========================================= */
/* VIC-THEME-V4 BEGIN — 2026-04-22 overrides */
/* ========================================= */

/* ---------- 1. HOME HEADER: transparent, white text, no logo ---------- */
body.body-home-index .header,
.body-home-index .header,
.home .header {
    background: transparent !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
}
body.body-home-index .header-view,
.body-home-index .header-view,
.home .header-view {
    background: transparent !important;
    background-color: transparent !important;
}
/* Hide any logo column in header on home page */
body.body-home-index .header .header-view .row > .col-9.col-lg-auto,
body.body-home-index .header .header-view .row > .col-lg-auto.col-9,
.body-home-index .header-view .row > .col-9.col-lg-auto,
.home .header-view .row > .col-9.col-lg-auto,
body.body-home-index .header img.header-logo-dark,
body.body-home-index .header img.header-logo-light,
.body-home-index .header img.header-logo-dark,
.body-home-index .header img.header-logo-light {
    display: none !important;
}
/* White menu text on home page */
body.body-home-index .header a,
body.body-home-index .header .header-menu-label,
body.body-home-index .header .header-menu-label a,
body.body-home-index .header .header-menu a,
body.body-home-index .header nav a,
.body-home-index .header a,
.body-home-index .header nav a {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.45) !important;
}
body.body-home-index .header a:hover,
.body-home-index .header a:hover {
    color: #fcd666 !important;
}
/* Burger / hamburger icon color white on home */
body.body-home-index .header .navbar-toggler,
body.body-home-index .header button[aria-label*="menu" i] {
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.6) !important;
}
body.body-home-index .header .navbar-toggler-icon {
    filter: invert(1) brightness(2) !important;
}

/* Non-home pages keep the cream header as before (no change) */

/* ---------- 2. HERO: solid background + centred logo + readable text ---------- */
.body-home-index .home-jumbo,
.home .home-jumbo {
    position: relative !important;
    min-height: 72vh !important;
    background-color: #0b2336 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    color: #ffffff !important;
    padding-top: 120px !important;
    padding-bottom: 80px !important;
    overflow: hidden !important;
    isolation: isolate;
}
.body-home-index .home-jumbo::before,
.home .home-jumbo::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11,35,54,0.55) 0%, rgba(11,35,54,0.35) 40%, rgba(11,35,54,0.75) 100%);
    z-index: 0;
    pointer-events: none;
}
.body-home-index .home-jumbo > *,
.home .home-jumbo > * {
    position: relative;
    z-index: 1;
}
.body-home-index .home-jumbo::before,
.home .home-jumbo::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 50% 40%, rgba(41,168,149,0.25), transparent 70%),
                linear-gradient(180deg, rgba(0,0,0,0.15), rgba(0,0,0,0.55));
    pointer-events: none;
    z-index: 1;
}
.body-home-index .home-jumbo > *,
.home .home-jumbo > * {
    position: relative;
    z-index: 2;
}
/* Central big logo in hero */
.body-home-index .home-jumbo .jumbo-logo,
.body-home-index .home-jumbo img.home-jumbo-logo,
.body-home-index .home-jumbo .hero-logo,
.body-home-index .home-jumbo img[src*="logo"] {
    display: block !important;
    max-width: min(440px, 72vw) !important;
    height: auto !important;
    margin: 0 auto 24px !important;
    filter: drop-shadow(0 6px 22px rgba(0,0,0,0.45));
}
.body-home-index .home-jumbo h1,
.body-home-index .home-jumbo h2 {
    color: #ffffff !important;
    text-align: center !important;
    text-shadow: 0 3px 18px rgba(0,0,0,0.55) !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    max-width: 900px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.body-home-index .home-jumbo p,
.body-home-index .home-jumbo .lead {
    color: #f3fbff !important;
    text-align: center !important;
    max-width: 760px;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.45) !important;
}

/* ---------- 3. CUSTOM CONTENT WRAPPER: neutralize old rearrangement CSS ---------- */
/* High specificity so it beats leftover .home-blocks-block-custom-content > .row { flex } rules */
.body-home-index main .home-blocks-block-custom-content {
    display: block !important;
    padding: 72px 0 48px !important;
    max-width: 1200px;
    margin: 0 auto !important;
}
.body-home-index main .home-blocks-block-custom-content > .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    gap: 0 !important;
    padding: 18px 0 !important;
}
.body-home-index main .home-blocks-block-custom-content > .row > [class*="col-"] {
    padding-left: 12px !important;
    padding-right: 12px !important;
    flex-basis: auto !important;
    max-width: none !important;
}
/* Respect col-md-6 = 50%, col-md-4 = ~33%, col-md-12 = 100% */
@media (min-width: 768px) {
    .body-home-index main .home-blocks-block-custom-content > .row > .col-md-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .body-home-index main .home-blocks-block-custom-content > .row > .col-md-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .body-home-index main .home-blocks-block-custom-content > .row > .col-md-4 {
        flex: 0 0 33.3333% !important;
        max-width: 33.3333% !important;
    }
    .body-home-index main .home-blocks-block-custom-content > .row > .col-md-3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}
@media (max-width: 767px) {
    .body-home-index main .home-blocks-block-custom-content > .row > [class*="col-"] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .body-home-index main .home-blocks-block-custom-content {
        padding: 44px 12px 32px !important;
    }
}

/* ---------- 4. INTRO CTA BUTTONS (injected by JS, styled here) ---------- */
.vic-intro-cta {
    display: flex !important;
    flex-wrap: wrap;
    gap: 14px;
    margin: 22px 0 4px;
}
.vic-intro-cta .btn {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 14px 26px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important;
    border: 2px solid transparent !important;
    line-height: 1 !important;
}
.vic-intro-cta .btn-join {
    background: #29a895 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(41,168,149,0.35) !important;
}
.vic-intro-cta .btn-join:hover {
    background: #238d7d !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(41,168,149,0.45) !important;
    color: #ffffff !important;
}
.vic-intro-cta .btn-donate {
    background: #fcd666 !important;
    color: #1a1a1a !important;
    box-shadow: 0 8px 24px rgba(252,214,102,0.45) !important;
}
.vic-intro-cta .btn-donate:hover {
    background: #f5c840 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(252,214,102,0.55) !important;
    color: #1a1a1a !important;
}

/* ---------- 5. POLICY AREAS AS MODERN CARDS (NOT flip cards) ---------- */
/* Scope: rows inside "Our Focus in Victoria" section that have col-md-6 text + col-md-6 image */
.vic-policy-card {
    background: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 34px rgba(10, 30, 50, 0.10), 0 2px 6px rgba(10, 30, 50, 0.06) !important;
    overflow: hidden !important;
    padding: 28px 30px !important;
    margin: 14px 0 !important;
    border: 1px solid rgba(41,168,149,0.10) !important;
    position: relative !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}
.vic-policy-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 5px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, #29a895, #fcd666) !important;
}
.vic-policy-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 18px 48px rgba(10, 30, 50, 0.14), 0 4px 10px rgba(10, 30, 50, 0.08) !important;
}
.vic-policy-card > [class*="col-"] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.vic-policy-card h1,
.vic-policy-card h2,
.vic-policy-card h3,
.vic-policy-card h4,
.vic-policy-card h5 {
    color: #0b2336 !important;
    font-weight: 800 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.01em !important;
}
.vic-policy-card p {
    color: #334a5c !important;
    line-height: 1.6 !important;
    margin-bottom: 8px !important;
}
.vic-policy-card img {
    width: 100% !important;
    height: auto !important;
    border-radius: 14px !important;
    object-fit: cover !important;
    max-height: 220px !important;
}
/* Kill any lingering flip-card DOM produced by older JS */
.vic-policy-card-flip,
.vic-policy-card-flip-wrap {
    display: none !important;
}

/* ---------- 6. HIDE any stray non-home custom blocks on mobile portrait ---------- */
/* (rorts watch, platforms, merch etc. — scope to .body-home-index only to be safe) */
@media (max-width: 600px) {
    .body-home-index .home-blocks-block[data-block-id]:not(.home-blocks-block-jumbo):not(.home-blocks-block-custom-content):not(#policy-grid-section) {
        /* don't force hide; let theme admin control. Only hide specifically-named keywords if present */
    }
}

/* ---------- 7. MOBILE TIER CARDS: payment amounts readable ---------- */
@media (max-width: 767px) {
    .body-home-index .vic-tier-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .body-home-index .vic-tier-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
    .body-home-index .vic-tier-card .vic-tier-price,
    .body-home-index .vic-tier-card h2,
    .body-home-index .vic-tier-card h3 {
        font-size: 32px !important;
        line-height: 1.1 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ---------- 8. FLOATING JOIN BUTTON: ensure visible ---------- */
.vic-floating-join {
    position: fixed !important;
    top: 96px !important;
    left: 20px !important;
    z-index: 9998 !important;
    transform: none !important;
    opacity: 1 !important;
}
@media (max-width: 767px) {
    .vic-floating-join {
        top: auto !important;
        bottom: 20px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

/* ---------- 9. HEADER ON NON-HOME PAGES: keep cream header ---------- */
body:not(.body-home-index) .header {
    background: rgba(255, 251, 240, 0.94) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}


/* ---------- 8. HERO LOGO (injected by JS) ---------- */
.body-home-index .home-jumbo .vic-hero-logo-wrap {
    display: block !important;
    text-align: center !important;
    padding-top: 12px !important;
    margin-bottom: 24px !important;
    position: relative !important;
    z-index: 3 !important;
}
.body-home-index .home-jumbo .vic-hero-logo {
    display: inline-block !important;
    max-width: min(420px, 68vw) !important;
    max-height: 180px !important;
    height: auto !important;
    width: auto !important;
    filter: drop-shadow(0 8px 26px rgba(0,0,0,0.5)) brightness(1.02) !important;
}
@media (max-width: 767px) {
    .body-home-index .home-jumbo .vic-hero-logo {
        max-width: 64vw !important;
        max-height: 140px !important;
    }
    .body-home-index .home-jumbo .vic-hero-logo-wrap {
        margin-bottom: 14px !important;
    }
}

/* ---------- 9. POLICY CARDS: image column polish ---------- */
.vic-policy-card > [class*="col-"] {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.vic-policy-card > [class*="col-"]:has(img) {
    padding: 0 !important;
}
.vic-policy-card img {
    box-shadow: 0 6px 18px rgba(10,30,50,0.12) !important;
}

/* ---------- 10. FOCUS HEADING & INTRO typography ---------- */
.vic-focus-heading {
    text-align: center !important;
    margin-top: 48px !important;
    margin-bottom: 12px !important;
}
.vic-focus-heading h1,
.vic-focus-heading h2,
.vic-focus-heading h3 {
    font-size: clamp(28px, 3.4vw, 42px) !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #0b2336 !important;
    position: relative !important;
    display: inline-block !important;
    padding-bottom: 14px !important;
}
.vic-focus-heading h1::after,
.vic-focus-heading h2::after,
.vic-focus-heading h3::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 72px;
    height: 4px;
    border-radius: 4px;
    background: linear-gradient(90deg, #29a895, #fcd666);
}
.vic-focus-intro {
    max-width: 820px !important;
    margin: 0 auto 32px !important;
    text-align: center !important;
}
.vic-focus-intro p {
    font-size: 17px !important;
    line-height: 1.6 !important;
    color: #334a5c !important;
}

/* ---------- 11. Mobile: ensure hero content stays readable ---------- */
@media (max-width: 767px) {
    .body-home-index .home-jumbo {
        padding-top: 84px !important;
        padding-bottom: 56px !important;
        min-height: 64vh !important;
    }
    .body-home-index .home-jumbo h1,
    .body-home-index .home-jumbo h2 {
        font-size: clamp(22px, 5.2vw, 30px) !important;
        padding: 0 12px !important;
    }
    .body-home-index .home-jumbo p,
    .body-home-index .home-jumbo .lead {
        font-size: 15px !important;
        padding: 0 16px !important;
    }
    .vic-intro-cta {
        justify-content: center !important;
    }
    .vic-intro-cta .btn {
        padding: 12px 22px !important;
        font-size: 15px !important;
    }
}

/* VIC-THEME-V4 END */


/* VIC-THEME-V4 POLISH PASS v2 */
/* Hide stray .vic-tier-select text spans on tier cards */
.body-home-index .vic-tier-card .vic-tier-select,
.body-home-index .vic-tier-card span.vic-tier-select,
.vic-tier-card .vic-tier-select {
    display: none !important;
}
/* Prevent the SPAN wrapping (Select + Get us registered) from breaking layout */
.vic-tier-card > span:not(.vic-tier-badge):not(.vic-tier-price) {
    display: block !important;
    text-align: center !important;
}

/* Closing CTA (Hey, you got this far / JOIN US!) as a brand band */
.body-home-index .home-blocks-block-custom-content .row:has(> div:only-child p:only-child):has(p:only-child strong:only-child) {
    /* placeholder - not relying on :has */
}
.vic-closing-band {
    background: linear-gradient(135deg, #0b2336 0%, #103c54 50%, #145f7a 100%) !important;
    color: #ffffff !important;
    border-radius: 22px !important;
    padding: 48px 36px !important;
    margin: 40px 0 !important;
    text-align: center !important;
    box-shadow: 0 18px 48px rgba(10,30,50,0.18) !important;
    position: relative !important;
    overflow: hidden !important;
}
.vic-closing-band::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(ellipse at 20% 30%, rgba(41,168,149,0.25), transparent 55%),
                radial-gradient(ellipse at 80% 70%, rgba(252,214,102,0.20), transparent 55%) !important;
    pointer-events: none !important;
}
.vic-closing-band > * { position: relative !important; z-index: 2 !important; }
.vic-closing-band h1, .vic-closing-band h2, .vic-closing-band h3, .vic-closing-band h4, .vic-closing-band h5 {
    color: #ffffff !important;
    font-weight: 800 !important;
    margin: 0 0 8px !important;
    letter-spacing: -0.01em !important;
}
.vic-closing-band p, .vic-closing-band span { color: #eaf6ff !important; }
.vic-closing-band strong { color: #fcd666 !important; }
.vic-closing-band .btn, .vic-closing-band a.btn {
    background: #fcd666 !important;
    color: #0b2336 !important;
    padding: 14px 32px !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(252,214,102,0.45) !important;
    display: inline-block !important;
    margin-top: 14px !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.vic-closing-band .btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(252,214,102,0.55) !important;
}

/* Fix concatenated Select + button - kill extra margin */
.body-home-index .vic-tier-card span > a.btn {
    margin-top: 10px !important;
    display: inline-block !important;
}

/* Hero CTAs: upgrade hero-btn styling to match brand */
.body-home-index .home-jumbo .hero-btn,
.home .home-jumbo .hero-btn {
    display: inline-flex !important;
    align-items: center !important;
    padding: 14px 32px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    border: 2px solid transparent !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease !important;
    line-height: 1 !important;
    margin: 6px 6px 0 !important;
}
.body-home-index .home-jumbo .hero-btn-primary {
    background: #29a895 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(41,168,149,0.40) !important;
}
.body-home-index .home-jumbo .hero-btn-primary:hover {
    background: #238d7d !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(41,168,149,0.55) !important;
    color: #ffffff !important;
}
.body-home-index .home-jumbo .hero-btn-secondary {
    background: #fcd666 !important;
    color: #1a1a1a !important;
    box-shadow: 0 8px 24px rgba(252,214,102,0.45) !important;
}
.body-home-index .home-jumbo .hero-btn-secondary:hover {
    background: #f5c840 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(252,214,102,0.60) !important;
    color: #1a1a1a !important;
}

/* Practical Voice / message headings spacing polish */
.body-home-index .home-blocks-block-custom-content h1,
.body-home-index .home-blocks-block-custom-content h2,
.body-home-index .home-blocks-block-custom-content h3 {
    color: #0b2336 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
}
.body-home-index .home-blocks-block-custom-content .vic-policy-card h1,
.body-home-index .home-blocks-block-custom-content .vic-policy-card h2,
.body-home-index .home-blocks-block-custom-content .vic-policy-card h3,
.body-home-index .home-blocks-block-custom-content .vic-policy-card h4,
.body-home-index .home-blocks-block-custom-content .vic-policy-card h5 {
    font-size: 22px !important;
    margin-bottom: 8px !important;
}

/* Wider flex / tidier gap for intro CTA on wider screens */
@media (min-width: 768px) {
    .vic-intro-cta {
        margin-top: 28px !important;
    }
}
/* VIC-THEME-V4 POLISH END */

/* VIC-THEME-V4 MOBILE HERO FIX */
/* Force hero-buttons container to respect viewport and hero buttons to wrap to single column on small screens */
@media (max-width: 767px) {
    body.body-home-index .home-jumbo .hero-buttons,
    .body-home-index .home-jumbo .hero-buttons {
        max-width: 92vw !important;
        width: 100% !important;
        margin: 18px auto 0 !important;
        padding: 0 !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 12px !important;
    }
    body.body-home-index .home-jumbo .hero-btn,
    .body-home-index .home-jumbo .hero-btn,
    body.body-home-index .home-jumbo .hero-buttons .hero-btn {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        padding: 13px 18px !important;
        font-size: 15px !important;
    }
    /* Slightly shrink hero h1 on very narrow viewports for readability */
    body.body-home-index .home-jumbo h1,
    body.body-home-index .home-jumbo h2 {
        font-size: clamp(28px, 8vw, 40px) !important;
        line-height: 1.15 !important;
        padding: 0 6px !important;
    }
    body.body-home-index .home-jumbo p,
    body.body-home-index .home-jumbo .lead {
        font-size: 16px !important;
        padding: 0 8px !important;
        max-width: 92vw !important;
    }
    body.body-home-index .home-jumbo img.home-jumbo-logo,
    body.body-home-index .home-jumbo .jumbo-logo,
    body.body-home-index .home-jumbo .hero-logo {
        max-width: min(72vw, 320px) !important;
    }
    /* Home: guarantee main never overflows */
    body.body-home-index,
    body.body-home-index main,
    body.body-home-index .home,
    body.body-home-index .home-jumbo {
        overflow-x: hidden !important;
    }
    /* Intro section: stack image below text, full-width image */
    .body-home-index main .home-blocks-block-custom-content > .row > .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .body-home-index .vic-intro-cta {
        flex-direction: column !important;
        gap: 10px !important;
    }
    .body-home-index .vic-intro-cta .btn {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }
    /* Closing band: tighter padding & font size on mobile */
    .body-home-index .vic-closing-band {
        padding: 44px 20px !important;
        border-radius: 16px !important;
        margin: 32px 12px !important;
    }
    .body-home-index .vic-closing-band h1,
    .body-home-index .vic-closing-band h2,
    .body-home-index .vic-closing-band h3 {
        font-size: clamp(22px, 6vw, 30px) !important;
        line-height: 1.2 !important;
    }
    /* Top banner: keep readable on tiny viewports */
    .vic-top-banner {
        font-size: 12px !important;
        padding: 7px 10px !important;
    }
}
/* VIC-THEME-V4 MOBILE HERO FIX END */


/* VIC-HERO-ORDER-FIX-V2 */
.home-jumbo-intro-view > div { display: flex !important; flex-direction: column !important; align-items: center !important; }
.home-jumbo-intro-view h1, .home-jumbo-intro-view h2, .home-jumbo-title { order: 1 !important; }
.home-jumbo-intro-view .home-jumbo-intro-split { order: 2 !important; display: block !important; }
.home-jumbo-intro-view p { order: 3 !important; max-width: 720px !important; margin: 0 auto 22px !important; }
.home-jumbo .hero-buttons, .home-jumbo-intro-view .hero-buttons { order: 99 !important; margin-top: 28px !important; }
.home-jumbo [data-aos] { opacity: 1 !important; transform: none !important; }
@keyframes vicJoinPulse {
  0%   { box-shadow: 0 0 0 0 rgba(41,168,149,0.55), 0 4px 18px rgba(0,0,0,0.18); transform: translateY(0); }
  60%  { box-shadow: 0 0 0 16px rgba(41,168,149,0), 0 6px 22px rgba(0,0,0,0.22); transform: translateY(-1px); }
  100% { box-shadow: 0 0 0 0 rgba(41,168,149,0), 0 4px 18px rgba(0,0,0,0.18); transform: translateY(0); }
}
.home-jumbo .hero-btn-primary { animation: vicJoinPulse 2.2s ease-out infinite !important; }
.home-jumbo .hero-btn-primary:hover { animation-play-state: paused !important; }
.body-home-index .header-brand-image,
.body-home-index .header-brand img,
.body-home-index .header-logo:not(.vic-hero-logo),
.body-home-index .header img:not(.vic-hero-logo) { display: none !important; visibility: hidden !important; opacity: 0 !important; }
@media (max-width: 767px) {
  .home-jumbo-intro-view h1, .home-jumbo-intro-view h2 { text-align: center !important; }
  .home-jumbo-intro-view p { text-align: center !important; }
  .home-jumbo .hero-buttons { width: 100% !important; max-width: 360px !important; margin-left: auto !important; margin-right: auto !important; }
  .vic-hero-logo-wrap { margin-bottom: 8px !important; }
  .vic-hero-logo { max-width: min(70vw, 280px) !important; height: auto !important; }
}
/* VIC-HERO-ORDER-FIX-V2 END */

/* VIC-TIER-SELECT-PILL */
.vic-tier-card { position: relative !important; transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease !important; }
.vic-tier-card:hover { transform: translateY(-6px) !important; box-shadow: 0 18px 50px rgba(0,0,0,0.18) !important; }
.vic-tier-select-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 14px 28px !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #29a895 0%, #20897a 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(41,168,149,0.32) !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  margin: 18px auto 6px !important;
  min-width: 168px !important;
}
.vic-tier-card.vic-tier-highlight .vic-tier-select-pill { background: linear-gradient(135deg, #fcd666 0%, #e6b94a 100%) !important; color: #1a1a1a !important; box-shadow: 0 6px 18px rgba(252,214,102,0.45) !important; }
.vic-tier-select-pill:hover { transform: translateY(-2px) scale(1.03) !important; box-shadow: 0 10px 30px rgba(41,168,149,0.45) !important; }
.vic-tier-card.vic-tier-highlight .vic-tier-select-pill:hover { box-shadow: 0 10px 30px rgba(252,214,102,0.55) !important; }
.vic-tier-select-pill::after {
  content: "\2192";
  font-weight: 800;
  margin-left: 4px;
  transition: transform 0.25s ease;
}
.vic-tier-select-pill:hover::after { transform: translateX(4px); }
@keyframes vicTierRipple {
  0%   { transform: scale(0); opacity: 0.6; }
  100% { transform: scale(2.6); opacity: 0; }
}
.vic-tier-ripple {
  position: absolute;
  border-radius: 50%;
  background: rgba(255,255,255,0.55);
  pointer-events: none;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  animation: vicTierRipple 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes vicTierFlash {
  0%   { box-shadow: 0 0 0 0 rgba(41,168,149,0.0), 0 18px 50px rgba(0,0,0,0.18); }
  50%  { box-shadow: 0 0 0 12px rgba(41,168,149,0.35), 0 22px 60px rgba(0,0,0,0.22); }
  100% { box-shadow: 0 0 0 0 rgba(41,168,149,0.0), 0 18px 50px rgba(0,0,0,0.18); }
}
.vic-tier-card.vic-tier-clicked { animation: vicTierFlash 0.6s ease-out !important; transform: translateY(-6px) scale(1.02) !important; }
/* VIC-TIER-SELECT-PILL END */

/* VIC-PHASE2-V2 */
.vic-policy-card {
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid rgba(11,35,54,0.08) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.08) !important;
  margin-bottom: 28px !important;
  padding-bottom: 0 !important;
  transform-style: preserve-3d !important;
  perspective: 1200px !important;
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease !important;
  cursor: default !important;
}
.vic-policy-card:hover { box-shadow: 0 14px 40px rgba(0,0,0,0.13) !important; }
.vic-policy-card .vic-policy-readmore-fullwidth {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 18px 22px !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #29a895 0%, #20897a 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  border: none !important;
  border-top: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: background 0.25s ease, color 0.25s ease, letter-spacing 0.25s ease !important;
}
.vic-policy-card .vic-policy-readmore-fullwidth:hover { background: linear-gradient(135deg, #fcd666 0%, #e6b94a 100%) !important; color: #1a1a1a !important; letter-spacing: 0.08em !important; }
.vic-policy-card .vic-policy-readmore-fullwidth::after { content: " \2192"; display: inline-block; transition: transform 0.25s ease; }
.vic-policy-card .vic-policy-readmore-fullwidth:hover::after { transform: translateX(6px); }
.vic-policy-card .col-md-6 > span > a.btn-primary,
.vic-policy-card .col-md-6 > span > a.btn { display: none !important; }
.vic-policy-flip {
  position: relative;
  width: 100%;
  transform-style: preserve-3d;
  transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.vic-policy-card.vic-policy-flipping .vic-policy-flip { transform: rotateY(180deg); }
.vic-policy-flip-front, .vic-policy-flip-back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.vic-policy-flip-back {
  position: absolute; inset: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  background: linear-gradient(135deg, #29a895 0%, #20897a 100%);
  color: #ffffff;
  transform: rotateY(180deg);
  border-radius: 18px;
  padding: 40px 20px;
}
.vic-policy-flip-back .vic-policy-back-logo {
  width: min(60%, 220px); height: auto; opacity: 0.95;
  filter: drop-shadow(0 4px 14px rgba(0,0,0,0.2));
}
.vic-policy-flip-back .vic-policy-back-text {
  margin-top: 18px; font-family: "Space Grotesk", sans-serif; font-weight: 700;
  letter-spacing: 0.06em; text-transform: uppercase; font-size: 14px; opacity: 0.95;
}
.vic-policies-cta-card {
  background: #ffffff !important;
  border-radius: 22px !important;
  padding: 38px 32px !important;
  box-shadow: 0 10px 36px rgba(0,0,0,0.09) !important;
  border: 1px solid rgba(11,35,54,0.07) !important;
  text-align: center !important;
  max-width: 720px !important;
  margin: 8px auto 50px !important;
  position: relative !important;
  overflow: hidden !important;
}
.vic-policies-cta-card::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(41,168,149,0.06) 0%, rgba(252,214,102,0.06) 100%);
  pointer-events: none;
}
.vic-policies-cta-card > * { position: relative; z-index: 1; }
.vic-policies-cta-card h2 { margin: 0 0 20px !important; font-size: clamp(1.4rem, 3vw, 1.8rem) !important; color: #0b2336 !important; font-weight: 700 !important; line-height: 1.3 !important; }
.vic-policies-cta-card .vic-policies-cta-btn {
  display: inline-block !important;
  padding: 16px 38px !important;
  background: linear-gradient(135deg, #29a895 0%, #20897a 100%) !important;
  color: #ffffff !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(41,168,149,0.32) !important;
  transition: all 0.25s cubic-bezier(0.4,0,0.2,1) !important;
}
.vic-policies-cta-card .vic-policies-cta-btn:hover { transform: translateY(-3px) !important; box-shadow: 0 14px 32px rgba(41,168,149,0.45) !important; background: linear-gradient(135deg, #fcd666 0%, #e6b94a 100%) !important; color: #1a1a1a !important; }
.vic-closing-band {
  position: relative !important;
  background: linear-gradient(135deg, #0b2336 0%, #103c54 60%, #145f7a 100%) !important;
  color: #ffffff !important;
  padding: 64px 40px !important;
  border-radius: 22px !important;
  margin: 32px auto 60px !important;
  max-width: 1100px !important;
  box-shadow: 0 18px 60px rgba(11,35,54,0.25) !important;
  overflow: hidden !important;
}
.vic-closing-band::before {
  content: ""; position: absolute; top: -40px; right: -40px;
  width: 240px; height: 240px;
  background: radial-gradient(circle, rgba(252,214,102,0.18) 0%, rgba(252,214,102,0) 70%);
  pointer-events: none;
}
.vic-closing-band::after {
  content: ""; position: absolute; bottom: -60px; left: -60px;
  width: 280px; height: 280px;
  background: radial-gradient(circle, rgba(41,168,149,0.22) 0%, rgba(41,168,149,0) 70%);
  pointer-events: none;
}
.vic-closing-band > * { position: relative; z-index: 1; }
.vic-closing-band h1 { font-size: clamp(2rem, 5vw, 3.4rem) !important; font-weight: 800 !important; margin: 0 0 12px !important; color: #ffffff !important; letter-spacing: -0.02em !important; line-height: 1.05 !important; text-shadow: 0 2px 8px rgba(0,0,0,0.4) !important; }
.vic-closing-band h2 { font-size: clamp(1.3rem, 3vw, 1.9rem) !important; font-weight: 600 !important; color: #fcd666 !important; margin: 0 0 6px !important; }
.vic-closing-band p { font-size: 1.1rem !important; color: rgba(255,255,255,0.92) !important; margin: 14px 0 0 !important; }
.vic-closing-band .btn, .vic-closing-band a.btn-primary {
  display: inline-flex !important; align-items: center !important; gap: 10px !important;
  padding: 16px 36px !important;
  background: linear-gradient(135deg, #fcd666 0%, #e6b94a 100%) !important;
  color: #1a1a1a !important;
  font-family: "Space Grotesk", sans-serif !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  box-shadow: 0 10px 28px rgba(252,214,102,0.45) !important;
  transition: all 0.25s cubic-bezier(0.4,0,0.2,1) !important;
  animation: vicJoinPulse 2.4s ease-out infinite !important;
}
.vic-closing-band .btn:hover { transform: translateY(-3px) scale(1.04) !important; box-shadow: 0 16px 38px rgba(252,214,102,0.6) !important; }
.vic-closing-band .row { align-items: center !important; }
@media (max-width: 767px){
  .vic-closing-band { padding: 44px 24px !important; margin: 24px 12px 40px !important; }
  .vic-closing-band .row .col-md-6 { text-align: center !important; }
}
#vic-sticky-cta {
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 9999 !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  background: rgba(255,255,255,0.97) !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 40px rgba(11,35,54,0.25), 0 0 0 1px rgba(11,35,54,0.06) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  opacity: 0;
  transform: translateY(28px);
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.4,0,0.2,1);
}
#vic-sticky-cta.vic-sticky-show { opacity: 1; transform: translateY(0); pointer-events: auto; }
#vic-sticky-cta a {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 24px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 999px;
  transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
}
#vic-sticky-cta a.vic-sticky-join {
  background: linear-gradient(135deg, #29a895 0%, #20897a 100%); color: #ffffff;
  box-shadow: 0 6px 16px rgba(41,168,149,0.35);
  animation: vicJoinPulse 2.4s ease-out infinite;
}
#vic-sticky-cta a.vic-sticky-join:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(41,168,149,0.5); }
#vic-sticky-cta a.vic-sticky-donate { background: #ffffff; color: #0b2336; border: 2px solid rgba(11,35,54,0.15); }
#vic-sticky-cta a.vic-sticky-donate:hover { background: #fcd666; border-color: #fcd666; color: #1a1a1a; transform: translateY(-2px); }
@media (max-width: 600px){
  #vic-sticky-cta { left: 12px !important; right: 12px !important; bottom: 12px !important; justify-content: center; padding: 10px !important; }
  #vic-sticky-cta a { flex: 1 1 0 !important; min-width: 0 !important; padding: 12px 14px !important; font-size: 13px !important; }
}
/* VIC-PHASE2-V2 END */

/* VIC-JOINNOW-NEARLY-V2 */
.vic-join-now-section { position: relative; padding: 56px 28px 24px !important; max-width: 1100px !important; margin: 60px auto 0 !important; text-align: center !important; }
.vic-join-now-section::before {
  content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 80px; height: 4px; border-radius: 4px;
  background: linear-gradient(90deg, #29a895 0%, #fcd666 100%);
}
.vic-join-now-section h1 {
  font-family: "Space Grotesk", sans-serif !important;
  font-size: clamp(1.9rem, 4.6vw, 3.1rem) !important;
  font-weight: 800 !important;
  color: #0b2336 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  text-shadow: none !important;
}
.vic-join-now-section h1 .vic-quick-tag {
  display: inline-block !important;
  background: linear-gradient(135deg, #fcd666 0%, #e6b94a 100%) !important;
  color: #1a1a1a !important;
  padding: 4px 14px !important;
  border-radius: 999px !important;
  font-size: 0.55em !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  margin-left: 8px !important;
  letter-spacing: 0 !important;
  box-shadow: 0 4px 14px rgba(252,214,102,0.32) !important;
}
.vic-join-now-body.vic-nearly-there { max-width: 760px !important; margin: 12px auto 36px !important; padding: 0 28px !important; text-align: center !important; }
.vic-join-now-body.vic-nearly-there p {
  position: relative !important;
  font-size: clamp(1.05rem, 2.4vw, 1.32rem) !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: #103c54 !important;
  background: linear-gradient(135deg, rgba(41,168,149,0.06), rgba(252,214,102,0.06)) !important;
  border-left: 4px solid #29a895 !important;
  border-radius: 14px !important;
  padding: 22px 28px !important;
  margin: 0 auto !important;
  box-shadow: 0 6px 18px rgba(11,35,54,0.06) !important;
}
.vic-join-now-body.vic-nearly-there p i { font-style: normal !important; font-weight: 600 !important; }
@media (max-width: 600px){
  .vic-join-now-section { padding: 40px 18px 14px !important; margin-top: 40px !important; }
  .vic-join-now-section h1 .vic-quick-tag { display: block !important; margin: 8px auto 0 !important; font-size: 0.7rem !important; }
  .vic-join-now-body.vic-nearly-there { padding: 0 14px !important; }
  .vic-join-now-body.vic-nearly-there p { padding: 18px 18px !important; font-size: 1rem !important; }
}
/* VIC-JOINNOW-NEARLY-V2 END */

/* VIC-CLEANUP-V3 — hide placeholder on flip back + stray Select */
.vic-policy-flip-back .vic-policy-back-text { display: none !important; }
.vic-tier-card .vic-tier-select:not(.vic-tier-select-pill) { display: none !important; visibility: hidden !important; }

/* VIC-CYCLE1-FIXES — applied 2026-04-23 */
/* FIX-001: Tighten hero gap on desktop */
@media (min-width: 1024px) {
  .home-jumbo-intro-view { gap: 18px; }
  .home-jumbo-intro-view > div:empty,
  .home-jumbo-intro-view .empty { display: none !important; }
  .home-jumbo .hero-buttons { margin-top: 22px !important; margin-bottom: 18px !important; }
}

/* FIX-002: Solidify header after scroll past hero */
header.vic-header-solid,
.nav-header.vic-header-solid,
.site-header.vic-header-solid,
.header.vic-header-solid {
  background: #ffffff !important;
  color: #0b3a36 !important;
  box-shadow: 0 2px 14px rgba(11,58,54,0.08) !important;
  transition: background 240ms ease, box-shadow 240ms ease, color 240ms ease;
}
header.vic-header-solid a,
.nav-header.vic-header-solid a,
.site-header.vic-header-solid a,
.header.vic-header-solid a {
  color: #0b3a36 !important;
  text-shadow: none !important;
}

/* FIX-003: Re-enable policy flip back face text as subtle CTA under logo */
.vic-policy-flip-back .vic-policy-back-text {
  display: block !important;
  margin-top: 14px !important;
  font-family: "Space Grotesk", "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #0b3a36 !important;
  opacity: 0.85 !important;
  text-align: center !important;
}

/* FIX-004: Sticky CTA — Donate becomes ghost, Join stays solid */
#vic-sticky-cta .vic-sticky-donate {
  background: transparent !important;
  color: #29a895 !important;
  border: 1.5px solid #29a895 !important;
  box-shadow: none !important;
}
#vic-sticky-cta .vic-sticky-donate:hover {
  background: rgba(41,168,149,0.08) !important;
}
#vic-sticky-cta .vic-sticky-dismiss {
  position: absolute; top: 6px; right: 8px;
  background: transparent; border: none;
  color: #0b3a36; opacity: 0.5;
  font-size: 16px; cursor: pointer;
  width: 22px; height: 22px; line-height: 1;
  padding: 0; border-radius: 50%;
}
#vic-sticky-cta .vic-sticky-dismiss:hover { opacity: 1; background: rgba(11,58,54,0.08); }

/* Mobile: sticky is edge-to-edge */
@media (max-width: 600px) {
  #vic-sticky-cta {
    left: 0 !important; right: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px 14px !important;
  }
}

/* FIX-005: Compress closing band — hide noise beyond the primary CTA block */
.home-cta-footer .home-blocks-block:nth-of-type(n+3),
.home-footer .home-blocks-block:nth-of-type(n+3) {
  display: none !important;
}

/* FIX-006: Recolour Select pill to yellow */
.vic-tier-select-pill {
  background: #fcd666 !important;
  color: #0b3a36 !important;
  box-shadow: 0 6px 18px rgba(252,214,102,0.45) !important;
  font-weight: 700 !important;
  transition: transform 180ms ease, box-shadow 180ms ease !important;
}
.vic-tier-select-pill:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(252,214,102,0.55) !important;
}
.vic-tier-select-pill .vic-ripple { background: rgba(255,255,255,0.75) !important; }

/* FIX-007: Tier blurb under price */
.vic-tier-blurb {
  font-size: 12.5px;
  font-style: italic;
  color: #5a6b69;
  text-align: center;
  margin-top: 6px;
  margin-bottom: 10px;
  line-height: 1.5;
  padding: 0 14px;
}

/* FIX-008: Throttle pulse on mobile — let it breathe */
@media (max-width: 600px) {
  @keyframes joinPulse {
    0%, 20%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(252,214,102,0.55); }
    8% { transform: scale(1.04); box-shadow: 0 0 0 14px rgba(252,214,102,0); }
    16% { transform: scale(1); }
  }
  .hero-btn-primary {
    animation-duration: 6s !important;
    animation-iteration-count: infinite !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-btn-primary { animation: none !important; }
}

/* FIX-009: Faster flip */
.vic-policy-flip { transition: transform 450ms cubic-bezier(.42,0,.58,1) !important; }

/* FIX-010: Polish footer */
.home-page footer, .legal-footer, footer.site-footer {
  color: #4a5a58 !important;
  line-height: 1.65 !important;
  padding-top: 28px !important;
  padding-bottom: 36px !important;
}
.home-page footer a, .legal-footer a {
  color: #29a895 !important;
}
.home-page footer a:hover, .legal-footer a:hover {
  text-decoration: underline !important;
}
/* END VIC-CYCLE1-FIXES */

/* VIC-CYCLE2-FIXES — applied 2026-04-23 */
/* FIX2-001: Use body-level scrolled class for header solid */
body.vic-scrolled header,
body.vic-scrolled .nav-header,
body.vic-scrolled .site-header,
body.vic-scrolled .header {
  background: rgba(255,255,255,0.96) !important;
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  backdrop-filter: saturate(180%) blur(10px);
  color: #0b3a36 !important;
  box-shadow: 0 2px 14px rgba(11,58,54,0.08) !important;
  transition: background 240ms ease, box-shadow 240ms ease, color 240ms ease;
}
body.vic-scrolled header *,
body.vic-scrolled .nav-header *,
body.vic-scrolled .site-header * {
  color: #0b3a36 !important;
  text-shadow: none !important;
  border-color: rgba(11,58,54,0.18) !important;
}
body.vic-scrolled header svg,
body.vic-scrolled .nav-header svg { fill: #0b3a36 !important; }

/* FIX2-009: backdrop-filter fallback for iOS */
@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  body.vic-scrolled header,
  body.vic-scrolled .nav-header,
  body.vic-scrolled .site-header,
  body.vic-scrolled .header { background: rgba(255,255,255,0.98) !important; }
}

/* FIX2-002: Shorten hero on desktop */
@media (min-width: 1024px) {
  .home-jumbo, .body-home-index .home-jumbo {
    min-height: 62vh !important;
  }
}

/* FIX2-003: iOS safe-area on sticky */
#vic-sticky-cta {
  padding-bottom: max(14px, env(safe-area-inset-bottom)) !important;
}

/* FIX2-004: Balance H1 wrap */
.home-jumbo h1, .home-jumbo-intro-view h2, .home-jumbo-title {
  text-wrap: balance;
  max-width: 20ch;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* FIX2-005: Centre tier blurb */
.vic-tier-blurb {
  text-align: center !important;
  margin-top: 2px !important;
  margin-bottom: 8px !important;
}

/* FIX2-006: Cap back-face logo */
.vic-policy-flip-back .vic-policy-back-logo {
  max-width: min(45%, 180px) !important;
  width: auto !important;
}

/* FIX2-007: Focus-visible accessibility rings */
.hero-btn:focus-visible,
.hero-btn-primary:focus-visible,
.hero-btn-secondary:focus-visible,
.vic-tier-select-pill:focus-visible,
#vic-sticky-cta a:focus-visible,
.vic-policy-readmore-fullwidth:focus-visible {
  outline: 3px solid #29a895 !important;
  outline-offset: 3px !important;
  border-radius: 8px;
}

/* FIX2-008: Footer WCAG-AA contrast */
.home-page footer, .legal-footer, footer.site-footer, body footer {
  color: #2a3836 !important;
}
.home-page footer h1,
.home-page footer h2,
.home-page footer h3,
.legal-footer h1, .legal-footer h2, .legal-footer h3,
footer.site-footer h1, footer.site-footer h2, footer.site-footer h3 {
  color: #0b3a36 !important;
}

/* FIX2-010: Sticky re-show spring transition */
#vic-sticky-cta {
  transition: transform 420ms cubic-bezier(.34,1.56,.64,1), opacity 260ms ease !important;
}

/* END VIC-CYCLE2-FIXES */

/* VIC-USER-CORRECTIONS — applied 2026-04-23 */

/* 1. Hide duplicate non-transparent Vic logo in custom-content section */
img[src*="6288f35-5e70-4a7f-ad81-65b29486e9cd"] {
  display: none !important;
}
/* If hiding leaves an empty col, collapse its column too */
.home-blocks-block-custom-content .col-md-6:has(img[src*="6288f35-5e70-4a7f-ad81-65b29486e9cd"]) {
  display: none !important;
}
/* The remaining col-md-6 should expand to full width */
.home-blocks-block-custom-content .row:has(img[src*="6288f35-5e70-4a7f-ad81-65b29486e9cd"]) > .col-md-6 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* 2. Disable policy card flip — show front always */
.vic-policy-flip {
  transform: none !important;
  transition: none !important;
}
.vic-policy-flip.is-flipped {
  transform: none !important;
}
.vic-policy-flip-back {
  display: none !important;
}
.vic-policy-flip-front {
  position: relative !important;
  transform: none !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
}

/* 3. Hide yellow floating Join Us button — keep only sticky CTA pill */
.vic-floating-join,
#vic-floating-join,
[class*="vic-floating-join"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* END VIC-USER-CORRECTIONS */


/* ============================================ */
/* VIC-USERFIX-V4 — Apr 2026 user corrections    */
/* ============================================ */

/* --- A. KILL the duplicate AD VIC logo permanently --- */
.home-blocks-block-custom-content img[src*="26288f35"],
.home-blocks-block-custom-content img[src*="6288f35"]{ display:none !important; visibility:hidden !important; opacity:0 !important; width:0 !important; height:0 !important; position:absolute !important; left:-99999px !important; }
.home-blocks-block-custom-content .col-md-6:has(img[src*="6288f35"]),
.home-blocks-block-custom-content .col-md-6.vic-killed-col{ display:none !important; }
.home-blocks-block-custom-content .row:has(img[src*="6288f35"]) > .col-md-6:not(.vic-killed-col),
.home-blocks-block-custom-content .row.vic-intro-row > .col-md-6:not(.vic-killed-col){ flex:0 0 100% !important; max-width:100% !important; }

/* --- B. Pulse the top announcement Join today! link --- */
@keyframes vicTopPulse {
  0%   { transform: scale(1); text-shadow: 0 0 0 rgba(252,214,102,0); }
  50%  { transform: scale(1.06); text-shadow: 0 0 12px rgba(252,214,102,.85); }
  100% { transform: scale(1); text-shadow: 0 0 0 rgba(252,214,102,0); }
}
.vic-top-banner-inner a, .vic-top-banner a{
  display:inline-block !important;
  padding: 2px 10px !important;
  border-radius: 999px !important;
  background: rgba(252,214,102,.18) !important;
  border: 1.5px solid #fcd666 !important;
  color:#fcd666 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  animation: vicTopPulse 1.6s ease-in-out infinite !important;
  transform-origin: center;
}
.vic-top-banner-inner a:hover, .vic-top-banner a:hover{ background:#fcd666 !important; color:#0b3a36 !important; animation:none !important; transform:scale(1.08); }

/* --- C. Big, prominent intro CTAs (Join + Donate under intro paragraph) --- */
.home-blocks-block-custom-content .vic-intro-cta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin: 22px 0 8px !important;
  width:100% !important;
}
.home-blocks-block-custom-content .vic-intro-cta .btn{
  flex:1 1 220px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing:.3px;
  padding: 16px 26px !important;
  border-radius: 999px !important;
  text-align:center !important;
  border: 0 !important;
  box-shadow: 0 8px 22px rgba(11,58,54,.18) !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
  position: relative;
  overflow: hidden;
}
.home-blocks-block-custom-content .vic-intro-cta .btn-join{
  background: linear-gradient(135deg,#29a895 0%,#1f8a78 100%) !important;
  color:#fff !important;
}
.home-blocks-block-custom-content .vic-intro-cta .btn-donate{
  background: linear-gradient(135deg,#fcd666 0%,#f0c63a 100%) !important;
  color:#0b3a36 !important;
}
.home-blocks-block-custom-content .vic-intro-cta .btn:hover{ transform: translateY(-2px) scale(1.02); box-shadow: 0 14px 30px rgba(11,58,54,.28) !important; filter: brightness(1.06); }
.home-blocks-block-custom-content .vic-intro-cta .btn:focus-visible{ outline: 3px solid #fff; outline-offset: 3px; }

/* --- D. Custom blended section backgrounds — ONLY brand teal+yellow palette --- */
main#main { background: #ffffff !important; position: relative; }
.home-blocks-block-custom-content { position: relative; z-index:1; }

/* Section 1 (intro): cream-yellow wash */
.home-blocks-block-custom-content .row.vic-intro-row{
  background: linear-gradient(180deg, #fffaea 0%, #fff7df 70%, transparent 100%);
  padding: 36px 24px 48px !important;
  border-radius: 18px;
  margin: 0 8px 24px !important;
  box-shadow: 0 12px 38px rgba(41,168,149,.07);
}

/* Section 2 (Join Now header): teal banner */
.home-blocks-block-custom-content .row.vic-join-now-section{
  background: linear-gradient(135deg, #29a895 0%, #1f8a78 100%);
  color: #fff !important;
  padding: 36px 20px 16px !important;
  border-radius: 18px 18px 0 0;
  margin: 24px 8px 0 !important;
}
.home-blocks-block-custom-content .row.vic-join-now-section h1,
.home-blocks-block-custom-content .row.vic-join-now-section h2,
.home-blocks-block-custom-content .row.vic-join-now-section .vic-quick-tag{ color:#fff !important; }

/* Section 3 (Nearly there body): same teal extends */
.home-blocks-block-custom-content .row.vic-nearly-there{
  background: #1f8a78;
  color:#eafaf6 !important;
  padding: 0 20px 28px !important;
  margin: 0 8px 0 !important;
}
.home-blocks-block-custom-content .row.vic-nearly-there p,
.home-blocks-block-custom-content .row.vic-nearly-there i{ color:#eafaf6 !important; }

/* Section 4 (Tier row): cream wash sitting on the teal */
.home-blocks-block-custom-content .row.vic-tier-row{
  background: linear-gradient(180deg, #1f8a78 0%, #1f8a78 60px, #fffaea 60px, #fff 100%);
  padding: 32px 20px 56px !important;
  margin: 0 8px 32px !important;
  border-radius: 0 0 18px 18px;
}

/* Section 5 (Practical Voice quote): subtle teal-cream */
.home-blocks-block-custom-content .row.vic-practical-quote,
.home-blocks-block-custom-content .row.vic-practical-quote + .row{
  background: linear-gradient(135deg, #f4faf8 0%, #fffaea 100%);
  padding: 24px 20px !important;
  margin: 0 8px !important;
  border-radius: 14px;
}

/* Policy section blended: light cream→teal-tint */
.home-blocks-block-custom-content .row.vic-focus-heading,
.home-blocks-block-custom-content .row.vic-policy-row{
  background: linear-gradient(180deg, #fff 0%, #f4faf8 100%);
  padding: 16px 12px !important;
  margin: 8px 8px !important;
}
.home-blocks-block-custom-content .row.vic-policy-row{ border-radius: 0 0 18px 18px; }
.home-blocks-block-custom-content .row.vic-focus-heading{ border-radius: 18px 18px 0 0; padding-top:32px !important; }

/* --- E. POLICY CARDS — proper integration, look nicer --- */
.vic-policy-card{
  background: #fff !important;
  border: 1px solid rgba(41,168,149,.18) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 26px rgba(11,58,54,.08) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
  transition: transform .25s ease, box-shadow .25s ease;
  text-decoration: none !important;
}
.vic-policy-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(11,58,54,.16) !important;
  border-color: rgba(41,168,149,.42) !important;
}
.vic-policy-card .vic-policy-img-wrap{
  position: relative;
  height: 200px;
  overflow: hidden;
  background: linear-gradient(135deg,#29a895 0%,#1f8a78 100%);
}
.vic-policy-card .vic-policy-img-wrap img,
.vic-policy-card img.vic-policy-img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .5s ease;
}
.vic-policy-card:hover .vic-policy-img-wrap img{ transform: scale(1.06); }
.vic-policy-card .vic-policy-img-wrap::after{
  content:'';
  position: absolute; inset:auto 0 0 0; height: 38%;
  background: linear-gradient(180deg, transparent, rgba(11,58,54,.55));
  pointer-events:none;
}
.vic-policy-card .vic-policy-body{
  padding: 18px 20px 6px;
  flex: 1 1 auto;
  display: flex; flex-direction: column;
}
.vic-policy-card .vic-policy-title,
.vic-policy-card h3, .vic-policy-card h4{
  color: #0b3a36 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  margin: 0 0 8px !important;
  line-height:1.25 !important;
}
.vic-policy-card .vic-policy-text,
.vic-policy-card p{
  color: #2c3e3b !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 0 12px !important;
}
.vic-policy-card .vic-policy-readmore-fullwidth,
.vic-policy-card .vic-policy-readmore{
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100% !important;
  padding: 14px 18px !important;
  background: linear-gradient(135deg,#29a895 0%,#1f8a78 100%) !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  border:0 !important;
  border-radius: 0 !important;
  margin-top: auto !important;
  letter-spacing: .3px;
  transition: background .2s ease, gap .2s ease;
}
.vic-policy-card .vic-policy-readmore-fullwidth::after,
.vic-policy-card .vic-policy-readmore::after{
  content:'\2192';
  font-size: 17px;
  transition: transform .2s ease;
}
.vic-policy-card:hover .vic-policy-readmore-fullwidth,
.vic-policy-card:hover .vic-policy-readmore{
  background: linear-gradient(135deg,#fcd666 0%,#f0c63a 100%) !important;
  color: #0b3a36 !important;
}
.vic-policy-card:hover .vic-policy-readmore-fullwidth::after,
.vic-policy-card:hover .vic-policy-readmore::after{ transform: translateX(4px); }

/* --- F. "Hey, you got this far" — cool + fancy --- */
.vic-bottom-band, .vic-end-cta, .vic-got-this-far{
  position: relative !important;
  background: linear-gradient(120deg,#0b3a36 0%, #29a895 50%, #1f8a78 100%) !important;
  color:#fff !important;
  padding: 64px 28px !important;
  border-radius: 22px !important;
  margin: 32px 8px !important;
  overflow: hidden;
  box-shadow: 0 22px 50px rgba(11,58,54,.28);
}
.vic-bottom-band::before, .vic-got-this-far::before{
  content:''; position:absolute; inset:-30%;
  background: radial-gradient(circle at 30% 30%, rgba(252,214,102,.35), transparent 50%),
              radial-gradient(circle at 80% 70%, rgba(41,168,149,.55), transparent 55%);
  filter: blur(20px); opacity:.85; z-index:0;
  animation: vicShineDrift 14s ease-in-out infinite alternate;
}
@keyframes vicShineDrift{
  0% { transform: translate(0,0) rotate(0deg); }
  100%{ transform: translate(2%, -3%) rotate(8deg); }
}
.vic-bottom-band > *, .vic-got-this-far > * { position: relative; z-index: 1; }
.vic-bottom-band h1, .vic-got-this-far h1, .vic-bottom-band h2, .vic-got-this-far h2{
  font-size: clamp(28px, 5vw, 44px) !important;
  font-weight: 900 !important;
  background: linear-gradient(90deg, #ffffff 0%, #fcd666 60%, #ffffff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  margin-bottom: 14px !important;
  text-shadow: none !important;
}
.vic-bottom-band p, .vic-got-this-far p{
  color: #eafaf6 !important; font-size: 16px !important; line-height:1.55 !important; max-width: 680px;
}
.vic-bottom-band .btn, .vic-got-this-far .btn{
  background: linear-gradient(135deg,#fcd666 0%,#f0c63a 100%) !important;
  color:#0b3a36 !important;
  padding: 16px 32px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  font-size: 17px !important;
  border: 0 !important;
  box-shadow: 0 12px 30px rgba(252,214,102,.35) !important;
  transition: transform .2s ease, filter .2s ease;
  display: inline-block !important;
  text-decoration: none !important;
  margin-top: 18px !important;
}
.vic-bottom-band .btn:hover, .vic-got-this-far .btn:hover{ transform: translateY(-2px) scale(1.04); filter: brightness(1.07); }

/* --- G. Mobile tuning --- */
@media (max-width: 640px){
  .home-blocks-block-custom-content .row.vic-intro-row{ padding: 24px 18px 32px !important; margin: 0 4px 18px !important; }
  .home-blocks-block-custom-content .vic-intro-cta .btn{ font-size:16px !important; padding:14px 20px !important; flex: 1 1 100% !important; }
  .vic-policy-card .vic-policy-img-wrap{ height: 170px; }
  .vic-bottom-band, .vic-got-this-far{ padding: 44px 18px !important; margin: 24px 4px !important; }
}


/* ============================================ */
/* VIC-CYCLE4-FIXES — Apr 2026                   */
/* ============================================ */

/* C4-1. Policy cards: CSS grid via parent pseudo */
.home-blocks-block-custom-content .vic-policy-grid{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 22px !important;
  margin: 0 auto 20px !important;
  padding: 18px 12px !important;
  max-width: 1200px !important;
}
.home-blocks-block-custom-content .vic-policy-grid .vic-policy-card{
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
@media (min-width: 900px){
  .home-blocks-block-custom-content .vic-policy-grid{
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (min-width: 1200px){
  .home-blocks-block-custom-content .vic-policy-grid{
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* C4-2. Stronger specificity on intro-row padding + background */
html body main .home-blocks .home-blocks-block-custom-content .row.vic-intro-row{
  padding: 36px 28px 48px !important;
  margin: 24px auto !important;
  background: linear-gradient(180deg, #fffaea 0%, #fff7df 70%, transparent 100%) !important;
  border-radius: 18px !important;
  max-width: 1200px;
  box-shadow: 0 12px 38px rgba(41,168,149,.08);
}
html body main .home-blocks .home-blocks-block-custom-content .row.vic-intro-row > .col-md-6,
html body main .home-blocks .home-blocks-block-custom-content .row.vic-intro-row > .col-md-12{
  padding: 0 12px !important;
}

/* C4-3. Hero: hard cap height on tall viewports */
@media (min-height: 760px){
  .home{ height: 680px !important; min-height: 680px !important; max-height: 680px !important; }
}
@media (max-width: 700px){
  .home{ height: auto !important; min-height: 520px !important; max-height: none !important; }
}

/* C4-4. Hey got this far — full-width treatment */
.home-blocks-block-custom-content .row.vic-got-this-far,
.vic-got-this-far{
  max-width: 1200px !important;
  margin: 32px auto !important;
  min-height: 260px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  text-align: left !important;
}
@media (max-width: 700px){
  .vic-got-this-far{ align-items: center !important; text-align: center !important; }
}

/* C4-5. Tier row: tighter container on desktop */
.home-blocks-block-custom-content .row.vic-tier-row{
  max-width: 1200px !important;
  margin: 0 auto 32px !important;
}

/* C4-6. Section containers: uniform max-width across all custom-content rows */
.home-blocks-block-custom-content .row.vic-join-now-section,
.home-blocks-block-custom-content .row.vic-nearly-there,
.home-blocks-block-custom-content .row.vic-practical-quote{
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* C4-7. Policy card elevation on hover — add subtle teal outline */
.vic-policy-card{ border: 2px solid transparent !important; }
.vic-policy-card:hover{ border-color: rgba(41,168,149,.35) !important; }

/* C4-8. Top banner pulse — add emphasis */
.vic-top-banner, .announcement-bar-wrap{ padding: 6px 14px !important; }


/* ============================================ */
/* VIC-CYCLE5-FIXES — Apr 2026                   */
/* ============================================ */

/* C5-1. Intro CTA buttons: add arrow + heart icons */
.home-blocks-block-custom-content .vic-intro-cta .btn-join::after{
  content: '\2192';
  display: inline-block;
  margin-left: 10px;
  transition: transform .2s ease;
  font-weight: 900;
}
.home-blocks-block-custom-content .vic-intro-cta .btn-join:hover::after{
  transform: translateX(4px);
}
.home-blocks-block-custom-content .vic-intro-cta .btn-donate::before{
  content: '\2665';
  display: inline-block;
  margin-right: 10px;
  transition: transform .2s ease;
  color: #d54a3a;
  font-size: 18px;
}
.home-blocks-block-custom-content .vic-intro-cta .btn-donate:hover::before{
  transform: scale(1.2);
}

/* C5-2. Smoother tier row gradient */
.home-blocks-block-custom-content .row.vic-tier-row{
  background: linear-gradient(180deg, #1f8a78 0%, #2a9a88 30px, #b8ddd5 80px, #fffaea 160px, #ffffff 100%) !important;
}

/* C5-3. Policy card image — reduce to 160px for better proportion */
.vic-policy-card .vic-policy-img-wrap{
  height: 170px !important;
}
@media (max-width: 640px){
  .vic-policy-card .vic-policy-img-wrap{
    height: 150px !important;
  }
}

/* C5-4. Press / credibility row */
.vic-credibility-row{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 26px !important;
  padding: 30px 20px !important;
  margin: 24px auto !important;
  max-width: 1000px;
  background: linear-gradient(180deg, transparent, #fffaea 20%, #fffaea 80%, transparent) !important;
  opacity: .9;
}
.vic-credibility-row .vic-cred-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  border: 2px solid rgba(41,168,149,.28);
  background: #fff;
  border-radius: 999px;
  font-weight: 700;
  color: #0b3a36;
  font-size: 14px;
  letter-spacing: .3px;
  box-shadow: 0 6px 14px rgba(11,58,54,.06);
}
.vic-credibility-row .vic-cred-icon{
  width: 22px; height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, #29a895, #1f8a78);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  font-size: 12px;
}
.vic-credibility-row .vic-cred-yellow .vic-cred-icon{
  background: linear-gradient(135deg, #fcd666, #f0c63a);
  color: #0b3a36;
}

/* C5-5. Sticky CTA: centre it properly + make it feel designed */
#vic-sticky-cta{
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  bottom: 18px !important;
  max-width: calc(100vw - 32px);
}
#vic-sticky-cta.vic-sticky-visible{
  transform: translateX(-50%) translateY(0) !important;
}
#vic-sticky-cta:not(.vic-sticky-visible){
  transform: translateX(-50%) translateY(120%) !important;
}
@media (max-width: 700px){
  #vic-sticky-cta{
    left: 50% !important;
    right: auto !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
  }
}

/* C5-6. Counter band — animated stats that elevate the site */
.vic-stats-band{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 14px !important;
  padding: 32px 24px !important;
  margin: 24px auto !important;
  max-width: 1100px;
  background: linear-gradient(135deg, #0b3a36 0%, #1f8a78 100%) !important;
  color: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 40px rgba(11,58,54,.16);
  position: relative;
  overflow: hidden;
}
.vic-stats-band::before{
  content:'';
  position: absolute; inset: -20%;
  background: radial-gradient(circle at 20% 30%, rgba(252,214,102,.22), transparent 45%);
  filter: blur(14px);
}
.vic-stat{
  position: relative; z-index:1;
  text-align: center;
  padding: 10px;
}
.vic-stat-num{
  font-size: clamp(32px, 4vw, 44px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: #fcd666 !important;
  letter-spacing: -0.5px;
}
.vic-stat-lbl{
  font-size: 13px !important;
  font-weight: 600 !important;
  opacity: .88;
  margin-top: 6px !important;
  letter-spacing: .5px;
  text-transform: uppercase;
}


/* ============================================ */
/* VIC-CYCLE6-FIXES — Apr 2026 FINAL              */
/* ============================================ */

/* C6-1. Policy card alignment: title+body top, Read More pinned bottom with equal spacing */
.vic-policy-card{ align-items: stretch !important; }
.vic-policy-card .vic-policy-body{
  padding-bottom: 18px !important;
  min-height: 160px;
}
.vic-policy-grid .vic-policy-card{
  align-self: stretch !important;
}

/* C6-2. Stats band: add explanatory subline under each number */
.vic-stat-sub{
  font-size: 11px !important;
  font-weight: 500 !important;
  opacity: .7;
  margin-top: 3px !important;
  color: #eafaf6;
  text-transform: none;
  letter-spacing: .2px;
}

/* C6-3. Stats band visual differentiation: richer style, larger numbers, separator */
.vic-stats-band{
  padding: 40px 28px !important;
}
.vic-stat{
  position: relative;
}
.vic-stat:not(:last-child)::after{
  content: '';
  position: absolute;
  right: -4px; top: 20%; bottom: 20%;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(252,214,102,.35), transparent);
}
@media (max-width: 900px){
  .vic-stat:not(:last-child)::after{ display: none; }
}

/* C6-4. Hero right-side vignette for text legibility */
.home::after{
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(11,58,54,.42) 0%, rgba(11,58,54,.2) 40%, transparent 75%);
  pointer-events: none;
  z-index: 1;
}
.home > *{ position: relative; z-index: 2; }

/* C6-5. Skip-sticky accessibility */
.vic-sr-skip{
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px; height: 1px;
  overflow: hidden;
}
.vic-sr-skip:focus{
  position: fixed;
  left: 12px; top: 12px;
  width: auto; height: auto;
  background: #fcd666;
  color: #0b3a36;
  padding: 10px 18px;
  border-radius: 8px;
  z-index: 99999;
  font-weight: 800;
  box-shadow: 0 8px 24px rgba(11,58,54,.3);
}

/* C6-6. Make the credibility pill row feel different from stats — add subtle icons/badges */
.vic-credibility-row .vic-cred-item{
  padding: 10px 20px !important;
  font-size: 13.5px !important;
  box-shadow: 0 4px 12px rgba(11,58,54,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}
.vic-credibility-row .vic-cred-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(11,58,54,.14);
}

/* C6-7. Final polish: smoother text weight hierarchy on the closing band */
.vic-got-this-far h1, .vic-bottom-band h1, .vic-got-this-far h2, .vic-bottom-band h2{
  letter-spacing: -.5px !important;
  line-height: 1.05 !important;
}
.vic-got-this-far p:first-of-type, .vic-bottom-band p:first-of-type{
  font-size: 18px !important;
  font-weight: 600 !important;
}

/* C6-8. Make sure NO emoji or boxes render — strict fallback for missing glyphs */
.vic-policy-readmore-fullwidth::after, .vic-policy-readmore::after,
.home-blocks-block-custom-content .vic-intro-cta .btn-join::after{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
}

/* C6 patch: hero positioning context */
.home{ position: relative !important; }


/* ============================================================ */
/* VIC-CYCLE7-FIXES — logo nuke, header reorder, hero extension */
/* ============================================================ */

/* Nuclear logo deletion across home hero zone */
.home .vic-hero-logo-wrap,
.home .vic-hero-logo-wrap img,
.home-blocks-block-custom-content img[src*="6288f35"],
.home-blocks-block-custom-content img[src*="458dc9dd"],
.home-blocks-block-custom-content img[src*="d969cdec"],
.home-blocks-block-custom-content img[src*="a1b4af67"],
.home-blocks-block-custom-content img[src*="fc105323"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Replacement hero masthead — styled typography, no image */
.home .home-jumbo { position: relative !important; min-height: 720px !important; }
.home .vic-hero-masthead {
  position: absolute;
  top: 150px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  text-align: center;
  pointer-events: none;
  max-width: 94%;
}
.home .vic-hero-masthead .vhm-top,
.home .vic-hero-masthead .vhm-bot {
  display: block;
  font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  font-weight: 800;
  font-size: 56px;
  letter-spacing: 1px;
  line-height: 1;
  text-shadow: 0 4px 24px rgba(0,0,0,.55);
}
.home .vic-hero-masthead .vhm-top { color: #ffffff; }
.home .vic-hero-masthead .vhm-bot { color: #fcd666; margin-top: 6px; }
@media (max-width: 767px) {
  .home .vic-hero-masthead { top: 118px; }
  .home .vic-hero-masthead .vhm-top,
  .home .vic-hero-masthead .vhm-bot { font-size: 30px; }
}

/* HEADER REORDER: top-banner (1) -> nav (2) -> logo (3) */
header.header { position: relative !important; z-index: 100 !important; display: flex !important; flex-direction: column !important; }
header.header .header-top-bar, header.header .top-bar, header.header .top-announcement { order: 1 !important; }
header.header .header-nav-row { order: 2 !important; padding: 8px 0 !important; background: rgba(11,58,54,.35) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
header.header .header-logo-row { order: 3 !important; padding: 16px 0 12px !important; text-align: center !important; background: transparent !important; }
header.header nav.menu, header.header .header-menu, header.header .menu ul { display: flex !important; visibility: visible !important; opacity: 1 !important; justify-content: center !important; flex-wrap: wrap; }
header.header .header-menu li > a, header.header .menu a { color: #ffffff !important; font-weight: 600 !important; padding: 10px 16px !important; }

/* Hero bg extends DOWN behind yellow intro section */
.home .home-jumbo {
  background-attachment: scroll !important;
  background-size: cover !important;
  background-position: center !important;
}
.home-blocks { position: relative !important; }
.home-blocks .home-blocks-block-custom-content:first-of-type {
  position: relative !important;
  z-index: 2 !important;
  margin-top: -120px !important;
  background: transparent !important;
}
.home-blocks .home-blocks-block-custom-content:first-of-type::before {
  content: '';
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 260px;
  background-image: var(--vic-hero-bg);
  background-size: cover;
  background-position: center;
  z-index: 0;
  opacity: .85;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 50%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 50%, transparent 100%);
}
/* Intro card lifts onto hero image tail */
.home-blocks .home-blocks-block-custom-content .vic-intro-row {
  position: relative !important;
  z-index: 3 !important;
  background: rgba(255,250,236,.97) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px rgba(11,58,54,.28), 0 4px 12px rgba(11,58,54,.1) !important;
  padding: 44px 40px 52px !important;
  margin-top: 40px !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* Cleanup extras */
.home .vic-floating-join, .home .floating-join-pill, .home .duplicate-logo { display: none !important; }
.home-blocks-block-custom-content .col-md-6:empty, .home-blocks-block-custom-content .col:empty { display: none !important; }


/* ============================================================ */
/* VIC-CYCLE7B-LOGIN — login page "Join" button restyle */
/* ============================================================ */
body.body-members-login a.btn.btn-outline-primary,
body[class*="members"] form[name="login"] ~ * a.btn-outline-primary,
.members-login-wrap a.btn-outline-primary {
  background: linear-gradient(135deg, #29a895 0%, #1f8676 100%) !important;
  color: #ffffff !important;
  border: none !important;
  padding: 14px 36px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: .5px !important;
  box-shadow: 0 6px 18px rgba(41,168,149,.35) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
body.body-members-login a.btn.btn-outline-primary:hover,
body[class*="members"] form[name="login"] ~ * a.btn-outline-primary:hover,
.members-login-wrap a.btn-outline-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 26px rgba(41,168,149,.45) !important;
  background: linear-gradient(135deg, #fcd666 0%, #f3c341 100%) !important;
  color: #0b3a36 !important;
}


/* ============================================================ */
/* VIC-CYCLE7C-CLEANUP — remove empty spacers + duplicate policy CTA */
/* ============================================================ */
/* Hide empty .row blocks inside the custom content (spacers that render blank) */
.home-blocks-block-custom-content > .row.vic-empty-spacer,
.home-blocks-block-custom-content > .vic-empty-spacer {
  display: none !important;
}
/* Hide duplicate "Australian Democrats Policies" CTA section that sits between policy grid and Join Now */
.home-blocks-block-custom-content > .vic-duplicate-policy-cta {
  display: none !important;
}
/* Tidy section spacing after cleanup */
.home-blocks-block-custom-content .vic-policy-grid { margin-bottom: 48px !important; }
.home-blocks-block-custom-content .vic-join-now-section { margin-top: 12px !important; }


/* ============================================================ */
/* VIC-CYCLE8 — nav scroll-state, hero seam, paired sticky CTA */
/* ============================================================ */

/* C8-D1/D2: nav gets solid state when scrolled past hero */
body.vic-scrolled header.header .header-nav-row {
  background: rgba(11,58,54,.96) !important;
  box-shadow: 0 2px 12px rgba(11,58,54,.25) !important;
}

/* C8-D3: tighten hero seam mask so the tail fades sooner */
.home-blocks .home-blocks-block-custom-content:first-of-type::before {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 65%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 65%, transparent 100%) !important;
  height: 220px !important;
}

/* C8-D4: responsive policy grid gutter */
@media (min-width: 992px) { .vic-policy-grid { gap: 32px !important; } }
@media (min-width: 1440px) { .vic-policy-grid { gap: 40px !important; } }

/* C8-D5: paired sticky CTA (Donate + Join, equal weight) */
.vic-sticky-cta {
  display: flex !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  background: rgba(11,58,54,.92) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 30px rgba(11,58,54,.35), 0 2px 6px rgba(0,0,0,.12) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.vic-sticky-cta .vic-sticky-btn {
  flex: 0 0 auto;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.vic-sticky-cta .vic-sticky-btn.primary { background: #fcd666 !important; color: #0b3a36 !important; }
.vic-sticky-cta .vic-sticky-btn.secondary { background: #29a895 !important; color: #ffffff !important; }
.vic-sticky-cta .vic-sticky-btn:hover { transform: translateY(-2px); }


/* VIC-CYCLE9 INJECTION START */
/* ============================================================ */
/* VIC-CYCLE9-MAJOR — full-width policy cards, kill credibility/masthead, */
/* new intro bg image, redesign tiers, redesign Join Now band */
/* ============================================================ */

/* === 1. POLICY CARDS — full width title/body/image, big button === */
.vic-policy-grid .vic-policy-card,
.row.vic-policy-card {
  display: block !important;
  background: #ffffff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 32px rgba(11, 58, 54, 0.08), 0 2px 6px rgba(11, 58, 54, 0.05) !important;
  border: 1px solid rgba(41, 168, 149, 0.12) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
  margin: 0 !important;
  padding: 0 !important;
}
.vic-policy-grid .vic-policy-card:hover,
.row.vic-policy-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 50px rgba(11, 58, 54, 0.18), 0 4px 10px rgba(11, 58, 54, 0.08) !important;
}

/* Body & flip front: drop the half-column layout entirely */
.vic-policy-card .vic-policy-body,
.vic-policy-card .vic-policy-flip,
.vic-policy-card .vic-policy-flip-front {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  transform: none !important;
}
/* The internal col-md-6 split — make each take FULL width */
.vic-policy-card .vic-policy-flip-front > .col-md-6,
.vic-policy-card .vic-policy-flip > .col-md-6,
.vic-policy-card .col-md-6 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Image column: image goes on top, full width, 16:10 aspect */
.vic-policy-card .vic-policy-flip-front > .col-md-6:first-child,
.vic-policy-card .vic-policy-flip > .col-md-6:first-child {
  order: 1 !important;
  position: relative !important;
  background: transparent !important;
}
.vic-policy-card img {
  display: block !important;
  width: 100% !important;
  height: 220px !important;
  max-width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 18px 18px 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f4faf8 !important;
}
/* Kill any remaining teal frame around images */
.vic-policy-card .vic-policy-flip-front > .col-md-6:first-child > * {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Text column: full width, generous padding */
.vic-policy-card .vic-policy-flip-front > .col-md-6:nth-child(2),
.vic-policy-card .vic-policy-flip > .col-md-6:nth-child(2) {
  order: 2 !important;
  padding: 28px 28px 16px 28px !important;
}
.vic-policy-card h1,
.vic-policy-card h2,
.vic-policy-card h3,
.vic-policy-card h4,
.vic-policy-card .vic-policy-flip-front h1,
.vic-policy-card .vic-policy-flip-front h2,
.vic-policy-card .vic-policy-flip-front h3,
.vic-policy-card .vic-policy-flip-front h4 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 26px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #0b3a36 !important;
  margin: 0 0 12px 0 !important;
  letter-spacing: -.5px !important;
}
.vic-policy-card p,
.vic-policy-card .vic-policy-flip-front p {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: #2d4a47 !important;
  margin: 0 0 16px 0 !important;
}

/* New big Read More button */
.vic-policy-card .vic-policy-readmore-fullwidth,
.vic-policy-card a.vic-policy-readmore-fullwidth {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  background: linear-gradient(135deg, #29a895 0%, #1f8475 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 20px 24px !important;
  border-radius: 0 0 18px 18px !important;
  border: none !important;
  margin: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  transition: background .2s ease, padding-right .2s ease !important;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .12) !important;
}
.vic-policy-card .vic-policy-readmore-fullwidth::after {
  content: '\2192';
  font-size: 20px;
  font-weight: 700;
  transition: transform .25s ease;
  display: inline-block;
}
.vic-policy-card .vic-policy-readmore-fullwidth:hover {
  background: linear-gradient(135deg, #fcd666 0%, #f5c43a 100%) !important;
  color: #0b3a36 !important;
}
.vic-policy-card .vic-policy-readmore-fullwidth:hover::after {
  transform: translateX(8px);
}
/* Fallback for the "→" in the existing markup — hide it since we add ours */
.vic-policy-card .vic-policy-readmore-fullwidth {
  font-size: 0 !important;
}
.vic-policy-card .vic-policy-readmore-fullwidth::before {
  content: 'Read More';
  font-size: 15px !important;
  letter-spacing: 1.5px;
  font-weight: 700;
}

/* Policy grid spacing & layout */
.vic-policy-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 28px !important;
  margin: 32px 0 !important;
  padding: 0 !important;
}
@media (min-width: 992px) {
  .vic-policy-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 32px !important; }
}
@media (min-width: 1280px) {
  .vic-policy-grid { gap: 40px !important; }
}

/* === 2. KILL credibility row + AUSTRALIAN DEMOCRATS hero text === */
.vic-credibility-row,
.vic-credibility-pills,
.home .vic-credibility-row,
.home .vic-credibility-pills {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
.home .vic-hero-masthead,
.vic-hero-masthead {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* === 3. INTRO SECTION BACKGROUND IMAGE — user-specified webp === */
.home-blocks .home-blocks-block-custom-content:first-of-type::before {
  background-image: url("https://cdn.citipo.com/serve/989a80d3-606c-47de-8c8e-e3d0d716c00e/website-content/26288f35-5e70-4a7f-ad81-65b29486e9cd.webp") !important;
  background-size: cover !important;
  background-position: center !important;
  height: 320px !important;
  opacity: .92 !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 60%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 60%, transparent 100%) !important;
}

/* === 4. KILL duplicate policy CTA + empty spacers === */
.vic-duplicate-policy-cta,
.row.vic-duplicate-policy-cta,
.vic-empty-spacer,
.row.vic-empty-spacer {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* === 5. REDESIGN MEMBERSHIP TIERS === */
.vic-tier-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 24px !important;
  max-width: 1200px !important;
  margin: 32px auto !important;
  padding: 0 24px !important;
}
@media (min-width: 992px) {
  .vic-tier-row { grid-template-columns: repeat(3, 1fr) !important; gap: 32px !important; }
}
.vic-tier-row > .col-md-4 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.vic-tier-card {
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 36px 28px 32px 28px !important;
  box-shadow: 0 12px 32px rgba(11, 58, 54, 0.08), 0 2px 6px rgba(11, 58, 54, 0.04) !important;
  border: 1.5px solid rgba(41, 168, 149, 0.15) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-align: center !important;
}
.vic-tier-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 24px 56px rgba(11, 58, 54, 0.18), 0 6px 12px rgba(11, 58, 54, 0.06) !important;
  border-color: rgba(41, 168, 149, 0.4) !important;
}
.vic-tier-card.vic-tier-highlight {
  background: linear-gradient(155deg, #ffffff 0%, #f4faf8 100%) !important;
  border: 2.5px solid #29a895 !important;
  box-shadow: 0 18px 40px rgba(41, 168, 149, 0.18), 0 4px 10px rgba(11, 58, 54, 0.08) !important;
  transform: scale(1.02) !important;
}
.vic-tier-card.vic-tier-highlight:hover {
  transform: scale(1.02) translateY(-8px) !important;
}
.vic-tier-badge {
  position: absolute !important;
  top: -14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(135deg, #fcd666 0%, #f5c43a 100%) !important;
  color: #0b3a36 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 7px 16px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(252, 214, 102, 0.4) !important;
  white-space: nowrap !important;
}
.vic-tier-card h2,
.vic-tier-card h3,
.vic-tier-card .vic-tier-name {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #0b3a36 !important;
  margin: 0 0 8px 0 !important;
  letter-spacing: -.4px !important;
  line-height: 1.15 !important;
}
.vic-tier-card .vic-tier-price,
.vic-tier-card .price {
  font-size: 42px !important;
  font-weight: 900 !important;
  color: #29a895 !important;
  margin: 12px 0 4px 0 !important;
  letter-spacing: -1px !important;
  line-height: 1 !important;
}
.vic-tier-card.vic-tier-highlight .vic-tier-price,
.vic-tier-card.vic-tier-highlight .price {
  color: #1f8475 !important;
}
.vic-tier-card .vic-tier-blurb,
.vic-tier-card p {
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #2d4a47 !important;
  margin: 8px 0 16px 0 !important;
  flex-grow: 1 !important;
}
.vic-tier-card .vic-tier-select,
.vic-tier-card a.btn,
.vic-tier-card button {
  display: block !important;
  width: 100% !important;
  background: linear-gradient(135deg, #29a895 0%, #1f8475 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 16px 20px !important;
  border-radius: 12px !important;
  border: none !important;
  cursor: pointer !important;
  transition: background .2s ease, transform .15s ease !important;
  margin-top: auto !important;
}
.vic-tier-card .vic-tier-select:hover,
.vic-tier-card a.btn:hover,
.vic-tier-card button:hover {
  background: linear-gradient(135deg, #fcd666 0%, #f5c43a 100%) !important;
  color: #0b3a36 !important;
  transform: translateY(-2px) !important;
}
.vic-tier-card.vic-tier-highlight .vic-tier-select,
.vic-tier-card.vic-tier-highlight a.btn {
  background: linear-gradient(135deg, #fcd666 0%, #f5c43a 100%) !important;
  color: #0b3a36 !important;
  box-shadow: 0 6px 16px rgba(252, 214, 102, 0.4) !important;
}
.vic-tier-card.vic-tier-highlight .vic-tier-select:hover,
.vic-tier-card.vic-tier-highlight a.btn:hover {
  background: linear-gradient(135deg, #29a895 0%, #1f8475 100%) !important;
  color: #ffffff !important;
}

/* Tier section preceding heading "Join Now and Change Politics" — redesign */
.vic-join-now-section {
  text-align: center !important;
  max-width: 880px !important;
  margin: 64px auto 8px auto !important;
  padding: 0 24px !important;
  display: block !important;
}
.vic-join-now-section h1 {
  font-family: 'Inter', -apple-system, sans-serif !important;
  font-size: 44px !important;
  font-weight: 900 !important;
  color: #0b3a36 !important;
  letter-spacing: -1.2px !important;
  line-height: 1.05 !important;
  margin: 0 0 8px 0 !important;
  display: block !important;
}
.vic-join-now-section h1 .vic-quick-tag {
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #29a895 !important;
  background: rgba(41, 168, 149, 0.1) !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  vertical-align: middle !important;
  margin-left: 12px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
@media (max-width: 768px) {
  .vic-join-now-section h1 { font-size: 32px !important; }
  .vic-join-now-section h1 .vic-quick-tag { display: block !important; margin: 8px auto 0 auto !important; font-size: 13px !important; }
}
.vic-join-now-body,
.vic-nearly-there {
  text-align: center !important;
  max-width: 720px !important;
  margin: 0 auto 36px auto !important;
  padding: 0 24px !important;
  display: block !important;
}
.vic-join-now-body p,
.vic-nearly-there p {
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: #2d4a47 !important;
  font-style: normal !important;
  margin: 0 !important;
  font-weight: 500 !important;
}
.vic-join-now-body p i,
.vic-nearly-there p i,
.vic-join-now-body i,
.vic-nearly-there i {
  font-style: normal !important;
}

/* === 6. CYCLE 8 carry-overs (header solid on scroll, paired sticky CTA) === */
body.vic-scrolled header.header .header-nav-row {
  background: rgba(11, 58, 54, 0.96) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}
.vic-sticky-cta {
  position: fixed !important;
  bottom: 24px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 999 !important;
  display: flex !important;
  gap: 10px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(41, 168, 149, 0.2) !important;
  border-radius: 999px !important;
  padding: 8px !important;
  box-shadow: 0 12px 36px rgba(11, 58, 54, 0.25), 0 2px 6px rgba(11, 58, 54, 0.08) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
.vic-sticky-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.vic-sticky-btn.primary {
  background: linear-gradient(135deg, #fcd666 0%, #f5c43a 100%) !important;
  color: #0b3a36 !important;
  box-shadow: 0 4px 12px rgba(252, 214, 102, 0.4) !important;
}
.vic-sticky-btn.secondary {
  background: linear-gradient(135deg, #29a895 0%, #1f8475 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(41, 168, 149, 0.4) !important;
}
.vic-sticky-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(11, 58, 54, 0.25) !important;
}
@media (max-width: 480px) {
  .vic-sticky-cta { bottom: 16px !important; padding: 6px !important; }
  .vic-sticky-btn { padding: 10px 16px !important; font-size: 12px !important; }
}

/* VIC-CYCLE9 INJECTION END */


/* === VIC-CYCLE9 SPECIFICITY PATCH === */
div.row.vic-tier-row, .vic-tier-row.row, .home-blocks .vic-tier-row { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; gap: 24px !important; max-width: 1200px !important; margin: 32px auto !important; padding: 0 24px !important; flex-direction: initial !important;}
@media (min-width: 992px) { div.row.vic-tier-row, .vic-tier-row.row { grid-template-columns: repeat(3, 1fr) !important; gap: 32px !important; } }
div.row.vic-join-now-section, .vic-join-now-section.row, .home-blocks .vic-join-now-section { display: block !important; text-align: center !important; max-width: 880px !important; margin: 64px auto 8px auto !important; padding: 0 24px !important; flex-direction: initial !important;}
div.row.vic-join-now-section > .col-md-12, div.row.vic-join-now-section > div { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding: 0 !important;}
.vic-policy-card h1, .vic-policy-card h2, .vic-policy-card h3, .vic-policy-card h4,.vic-policy-card .vic-policy-flip-front h1, .vic-policy-card .vic-policy-flip-front h2,.vic-policy-card .vic-policy-flip-front h3, .vic-policy-card .vic-policy-flip-front h4 { white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; hyphens: none !important;}


/* ==== VIC-CYCLE-2026-04-23 OVERRIDES START ==== */
/* Addresses user requirements for the 2026-04-23 cycle.
   Applied at the end of style.css so these rules win in cascade. */

/* ---- Req 1 & 8: Remove photo above Practical Voice; place heading card under hero ---- */
.home-blocks-block-custom-content .vic-practical-quote .col-md-6:nth-child(2) { display: none !important; }
.home-blocks-block-custom-content .vic-practical-quote .col-md-6:first-child,
.home-blocks-block-custom-content .vic-practical-quote .col-md-6 { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
.home-blocks-block-custom-content .vic-practical-quote img { display: none !important; }

/* Make the hero not overlap the custom content: keep jumbo as a normal banner */
.home-jumbo { margin-bottom: 0 !important; }
.home-jumbo, .home-jumbo-intro-container { position: relative !important; }
.home-blocks { margin-top: 0 !important; padding-top: 0 !important; position: relative !important; z-index: 2 !important; background: transparent !important; }
.vic-practical-quote { margin-top: 0 !important; padding-top: 40px !important; position: relative !important; z-index: 2 !important; background: #fff7dc !important; border-radius: 16px 16px 0 0 !important; }
@media (min-width: 768px) {
  .vic-practical-quote { padding-left: 48px !important; padding-right: 48px !important; }
}

/* ---- Req 2 & 4: Join/Donate buttons under hero intro; correct links & good contrast ---- */
.hero-buttons { display: flex !important; gap: 18px !important; flex-wrap: wrap !important; justify-content: center !important; margin-top: 28px !important; }
.hero-btn { padding: 14px 36px !important; border-radius: 999px !important; font-weight: 700 !important; font-size: 16px !important; letter-spacing: 0.02em !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; box-shadow: 0 6px 16px rgba(0,0,0,0.18) !important; transition: transform .18s ease, box-shadow .18s ease !important; border: 0 !important; }
.hero-btn-primary { background: linear-gradient(135deg, #29a895 0%, #1f8475 100%) !important; color: #ffffff !important; }
.hero-btn-secondary { background: linear-gradient(135deg, #fcd666 0%, #f5c43a 100%) !important; color: #0b3a36 !important; }
.hero-btn:hover { transform: translateY(-2px) !important; box-shadow: 0 10px 22px rgba(0,0,0,0.25) !important; }

/* ---- Req 3 & 4: Remove segmented menu bar, hide Log in, restyle menu as white text over hero ---- */
.header { background: transparent !important; box-shadow: none !important; border: 0 !important; position: relative !important; z-index: 50 !important; padding: 8px 0 16px !important; }
.header-layer { background: transparent !important; box-shadow: none !important; border: 0 !important; }
.header-view { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 10px 20px !important; }
.header-view > .row { flex-direction: column !important; align-items: center !important; gap: 8px !important; }

/* Menu above the logo (move to top via flex order) */
.header-view > .row > div:nth-child(3) { order: 1 !important; margin: 0 auto !important; }
.header-view > .row > div:first-child { order: 2 !important; margin: 0 auto !important; text-align: center !important; }
.header-logo, .header-logo-dark, .header-logo-white { margin: 0 auto !important; display: block !important; max-height: 72px !important; }

/* Menu style: white text, no box, horizontal */
.header-menu { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; display: flex !important; justify-content: center !important; gap: 34px !important; margin: 0 !important; list-style: none !important; }
.header-menu > li { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; }
.header-menu > li > .header-menu-label { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 6px 4px !important; }
.header-menu > li > .header-menu-label > a,
.header-menu a { color: #ffffff !important; font-weight: 700 !important; font-size: 17px !important; text-transform: none !important; letter-spacing: 0.01em !important; text-shadow: 0 1px 2px rgba(0,0,0,0.22) !important; text-decoration: none !important; padding: 4px 2px !important; background: transparent !important; border: 0 !important; position: relative !important; }
.header-menu > li > .header-menu-label > a:hover,
.header-menu a:hover { color: #fcd666 !important; }
.header-menu > li > .header-menu-label > a::after { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: -4px !important; height: 2px !important; background: #fcd666 !important; transform: scaleX(0) !important; transform-origin: center !important; transition: transform .2s ease !important; }
.header-menu > li > .header-menu-label > a:hover::after { transform: scaleX(1) !important; }

/* Hide the Log in menu item and logged-in user menu */
.header-menu [data-target="menu.anonymous"],
.header-menu [data-target="menu.loggedin"] { display: none !important; }

/* The hero image becomes a hero with header over it */
.home-jumbo { position: relative !important; }
.home-jumbo-intro-container { padding-top: 8px !important; }

/* ---- Req 5: Remove black shading/text-shadow behind titles ---- */
.vic-focus-heading, .vic-focus-heading *,
.vic-join-now-section, .vic-join-now-section *,
.vic-nearly-there, .vic-nearly-there *,
.vic-closing-band, .vic-closing-band *,
.home-blocks-block-custom-content h1,
.home-blocks-block-custom-content h2,
.home-blocks-block-custom-content h3,
.home-blocks-block-custom-content h4,
.home-blocks-block-custom-content h5 { text-shadow: none !important; -webkit-text-stroke: 0 !important; }
.vic-closing-band h1, .vic-closing-band h2, .vic-closing-band h3,
.vic-join-now-section h1, .vic-join-now-section h2, .vic-join-now-section h3,
.vic-nearly-there h1, .vic-nearly-there h2, .vic-nearly-there h3 { background: transparent !important; box-shadow: none !important; padding: 0 !important; }

/* ---- Req 6: Policy cards - small margins, single "Read more" button ---- */
.vic-policy-card { padding: 18px 18px 22px !important; border-radius: 16px !important; }
.vic-policy-card h1, .vic-policy-card h2, .vic-policy-card h3, .vic-policy-card h4 { padding: 0 8px !important; margin-bottom: 8px !important; }
.vic-policy-card p, .vic-policy-card .vic-policy-card-text { padding: 0 8px !important; margin-bottom: 14px !important; }
/* Hide any ::after pseudo-elements that were duplicating "Read more" */
.vic-policy-card a.vic-policy-card-btn::after,
.vic-policy-card a[class*="read-more"]::after,
.vic-policy-card a::after { content: none !important; display: none !important; }
/* Hide duplicate text spans */
.vic-policy-card .vic-policy-card-btn-duplicate, .vic-policy-card .vic-read-more-duplicate { display: none !important; }
.vic-policy-card a.vic-policy-card-btn,
.vic-policy-card a[class*="read-more"] { padding: 10px 22px !important; border-radius: 999px !important; display: inline-block !important; margin: 6px 8px 0 !important; }

/* ---- Req 7: New backgrounds for "Join now" and "We're nearly there" sections ---- */
.vic-join-now-section { 
  background: linear-gradient(135deg, #0b3a36 0%, #1f8475 55%, #29a895 100%) !important; 
  border-radius: 20px !important; 
  padding: 40px 32px !important; 
  margin: 32px 0 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(11,58,54,0.22) !important;
  position: relative !important;
  overflow: hidden !important;
}
.vic-join-now-section::before {
  content: "" !important;
  position: absolute !important; inset: 0 !important;
  background: radial-gradient(ellipse at top right, rgba(252,214,102,0.22), transparent 60%), radial-gradient(ellipse at bottom left, rgba(41,168,149,0.25), transparent 60%) !important;
  pointer-events: none !important;
}
.vic-join-now-section > * { position: relative !important; z-index: 1 !important; }
.vic-join-now-section h1, .vic-join-now-section h2, .vic-join-now-section h3, .vic-join-now-section p { color: #ffffff !important; }

.vic-nearly-there { 
  background: linear-gradient(135deg, #fff7dc 0%, #ffe9a3 100%) !important; 
  border-radius: 20px !important; 
  padding: 34px 30px !important; 
  margin: 28px 0 !important;
  color: #0b3a36 !important;
  box-shadow: 0 8px 22px rgba(11,58,54,0.10) !important;
  border: 1px solid rgba(245,196,58,0.35) !important;
}
.vic-nearly-there h1, .vic-nearly-there h2, .vic-nearly-there h3, .vic-nearly-there p { color: #0b3a36 !important; }

/* ---- Req 8: Delete join/donate buttons under "A Practical Voice" (they appear inside custom content) ---- */
.vic-practical-quote a[href*="/join"],
.vic-practical-quote a[href*="join-the-australian-democrats"],
.vic-practical-quote a[href*="donate"],
.vic-practical-quote a[href*="donate-to-the-australian-democrats"],
.vic-practical-quote .vic-btn, .vic-practical-quote .vic-cta-btn,
.vic-practical-quote .user-form-btn { display: none !important; }

/* ---- Req 4 / general: Contrast fixes ---- */
.vic-top-banner a { color: #fcd666 !important; text-decoration: underline !important; }
.vic-closing-band { background: linear-gradient(135deg, #0b3a36 0%, #1f8475 100%) !important; color: #ffffff !important; border-radius: 20px !important; padding: 36px 28px !important; }
.vic-closing-band * { color: #ffffff !important; text-shadow: none !important; }

/* ---- Req 9: Final polish - cleanness & mobile ---- */
@media (max-width: 991px) {
  .header-menu { gap: 18px !important; flex-wrap: wrap !important; }
  .header-menu > li > .header-menu-label > a, .header-menu a { font-size: 15px !important; }
  .hero-btn { padding: 12px 26px !important; font-size: 14px !important; }
  .vic-join-now-section, .vic-nearly-there, .vic-closing-band { padding: 24px 18px !important; }
}
@media (max-width: 575px) {
  .hero-buttons { flex-direction: column !important; align-items: stretch !important; padding: 0 18px !important; }
  .hero-btn { width: 100% !important; justify-content: center !important; }
  .header-menu { gap: 12px !important; }
  .header-menu > li > .header-menu-label > a, .header-menu a { font-size: 14px !important; }
}
/* ==== VIC-CYCLE-2026-04-23 OVERRIDES END ==== */



/* ==== VIC-HERO-CTA-2026 ==== */
/* New hero CTA buttons - unique class so old JS can't override them */
.vic-hero-cta-2026, div.vic-hero-cta-2026 {
  display: flex !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 30px auto 12px !important;
  padding: 0 16px !important;
  max-width: 640px !important;
  width: 100% !important;
}
a.vic-hero-cta-btn, .vic-hero-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 34px !important;
  min-width: 180px !important;
  width: auto !important;
  flex: 0 1 auto !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  text-align: center !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
  border: 0 !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.22) !important;
  line-height: 1.2 !important;
  min-height: 48px !important;
  height: auto !important;
}
a.vic-hero-cta-btn > span, .vic-hero-cta-btn > span {
  color: inherit !important;
  font: inherit !important;
  display: inline-block !important;
}
a.vic-hero-cta-btn--join, .vic-hero-cta-btn--join {
  background: linear-gradient(135deg, #29a895 0%, #1f8475 100%) !important;
  color: #ffffff !important;
}
a.vic-hero-cta-btn--donate, .vic-hero-cta-btn--donate {
  background: linear-gradient(135deg, #fcd666 0%, #f5c43a 100%) !important;
  color: #0b3a36 !important;
}
a.vic-hero-cta-btn:hover, .vic-hero-cta-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.28) !important;
}
a.vic-hero-cta-btn > span { text-shadow: none !important; }

/* Hide the legacy hero-buttons that JS keeps rewriting */
.home-jumbo-intro-view .hero-buttons,
.home-jumbo-intro-view > div > div > .hero-buttons,
.hero-buttons { display: none !important; }

/* Strengthen header restyle */
header.header, header.header .header-layer, header.header .header-view,
header.header .header-layer::before, header.header .header-layer::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
/* Hide the older stacking the gradient was in */
header.header .header-layer { background: none !important; }

/* Keep announcement top-banner visible */
.vic-top-banner { background: linear-gradient(95deg, #0b3a36 0%, #1f8475 100%) !important; }

/* Force the custom content card to not cover hero */
.home-jumbo { overflow: visible !important; margin-bottom: 0 !important; }
.home-blocks-block-custom-content { background: transparent !important; }

/* Make sure photo next to Practical Voice is hidden */
.vic-practical-quote .col-md-6:nth-child(2),
.vic-practical-quote img,
.vic-intro-row .col-md-6:nth-child(2),
.vic-intro-row img { display: none !important; visibility: hidden !important; height: 0 !important; }
.vic-practical-quote .col-md-6:first-child,
.vic-intro-row .col-md-6:first-child,
.vic-practical-quote > div, .vic-intro-row > div {
  flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important;
}

/* Hide the sticky bottom DONATE/JOIN since we have the same in the hero now */
/* Actually keep sticky for UX, but reduce z to avoid overlap at top */

/* ==== END VIC-HERO-CTA-2026 ==== */


/* ==========================================================
   VIC-CYCLE2-2026 :: Cycle 2 overrides (applied after Cycle 1 review)
   Purpose: Hero hierarchy, policy cards, banner restraint, a11y, mobile compression
   ========================================================== */

/* Hero headline rationalisation */
.home-jumbo h1, .home-jumbo .hero-title {
  font-size: clamp(32px, 5.2vw, 56px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 2px 18px rgba(0,0,0,0.35);
  max-width: 760px;
}
.home-jumbo h2, .home-jumbo .hero-subtitle {
  font-size: clamp(14px, 1.6vw, 17px) !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.92;
  margin-bottom: 14px !important;
}

/* Policy card preview + lift */
.vic-policy-card, .home-policies-card, [class*="policy-card"] {
  display: flex !important;
  flex-direction: column;
  gap: 10px;
  padding: 22px 22px 26px !important;
  box-shadow: 0 2px 8px rgba(11,35,54,0.08), 0 1px 3px rgba(11,35,54,0.06) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.vic-policy-card:hover, .home-policies-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(11,35,54,0.12), 0 2px 6px rgba(11,35,54,0.08) !important;
}
.vic-policy-card p, .home-policies-card p {
  color: #3B4A5A !important;
  font-size: 14.5px;
  line-height: 1.55;
  min-height: 44px;
}
.vic-policy-card a.vic-policy-readmore::after,
.home-policies-card a[href*="policy"]::after {
  content: " →";
  transition: margin 0.2s ease;
}

/* Top banner restraint */
.vic-top-banner {
  background: linear-gradient(90deg, #0B3A36 0%, #1F8475 100%) !important;
  color: #F7F5EF !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  letter-spacing: 0.02em;
}
.vic-top-banner a {
  color: #F5C43A !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 480px) {
  .vic-top-banner { font-size: 11.5px !important; padding: 6px 12px !important; }
}

/* Social proof placeholder */
.vic-social-proof {
  background: #F7F5EF;
  padding: 18px 24px;
  text-align: center;
  font-size: 14px;
  color: #0B3A36;
  border-bottom: 1px solid rgba(11,58,54,0.08);
}
.vic-social-proof strong { color: #0B3A36; }
.vic-social-proof .dot { color: #29A895; margin: 0 10px; }

/* A11y */
.vic-skip {
  position: absolute; left: -9999px; top: 8px;
  background: #0B3A36; color: #fff; padding: 10px 16px;
  border-radius: 6px; z-index: 9999; font-weight: 600;
}
.vic-skip:focus { left: 8px; outline: 3px solid #F5C43A; }
.header-menu a:focus-visible,
.vic-hero-cta-btn:focus-visible {
  outline: 3px solid #F5C43A !important;
  outline-offset: 3px;
  border-radius: 999px;
}

/* Mobile hero compression */
@media (max-width: 480px) {
  .home-jumbo { min-height: 72vh !important; padding: 40px 18px !important; }
  .home-jumbo h1 { font-size: 32px !important; line-height: 1.1 !important; }
  .home-jumbo p { font-size: 15px !important; }
  .vic-hero-cta-2026 {
    flex-direction: column !important;
    gap: 10px !important;
    align-items: stretch;
  }
  .vic-hero-cta-btn { justify-content: center; }
}

/* iOS polish */
html, body { -webkit-text-size-adjust: 100%; }
.home-jumbo { overscroll-behavior: contain; }
.vic-hero-cta-btn {
  -webkit-tap-highlight-color: rgba(245,196,58,0.25);
  -webkit-appearance: none;
  appearance: none;
}
input, textarea, select { font-size: 16px; } /* prevents iOS zoom on focus */


/* ==========================================================
   VIC-CYCLE3-2026 :: Cycle 3 refinements
   Purpose: Hero H3 as eyebrow, social proof, photo lock, 
   icon alignment, microinteractions, secondary nav hooks
   ========================================================== */

/* Hero H3 eyebrow */
.home-jumbo-intro h3,
.home-jumbo h3 {
  font-size: clamp(13px, 1.4vw, 16px) !important;
  line-height: 1.3 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  opacity: 0.85;
  margin-bottom: 10px !important;
  color: #F5C43A !important;
}

/* Social proof strip */
.vic-social-proof-inline {
  background: #F7F5EF;
  padding: 14px 20px;
  text-align: center;
  font-size: 14.5px;
  color: #0B3A36;
  border-bottom: 1px solid rgba(11,58,54,0.08);
  font-weight: 500;
  letter-spacing: 0.01em;
}
.vic-social-proof-inline strong { color: #0B3A36; }
.vic-social-proof-inline .dot { color: #29A895; margin: 0 10px; font-weight: 700; }
@media (max-width: 480px) {
  .vic-social-proof-inline { font-size: 12.5px; padding: 10px 14px; }
  .vic-social-proof-inline .dot { margin: 0 6px; }
}

/* Hero photo position lock */
.home-jumbo {
  background-position: 50% 40% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* Policy card icon alignment */
.home-policies-card-head,
.vic-policy-card-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* Hero CTA microinteraction */
.vic-hero-cta-btn {
  transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.25s ease !important;
}
.vic-hero-cta-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(11,58,54,0.22), 0 3px 8px rgba(11,58,54,0.12) !important;
}

/* Closing band secondary nav block */
.vic-secondary-nav {
  display: flex; gap: 24px; justify-content: center;
  padding: 18px 16px; background: #0B2336;
  color: #F7F5EF; font-size: 14px; flex-wrap: wrap;
}
.vic-secondary-nav a { color: #F7F5EF; text-decoration: none; font-weight: 500; opacity: 0.85; }
.vic-secondary-nav a:hover { opacity: 1; color: #F5C43A; }


/* ==========================================================
   VIC-CYCLE4-2026 :: User-directed refinements
   Purpose: Poppins global, menu overlays hero (replace Join/Donate),
   policy cards centred with padding and single Read more,
   nearly-there smaller + cleaner, got-this-far complete redesign,
   Practical Voice pushed below hero with black text and no extra Join btn.
   ========================================================== */

/* Poppins font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

html, body, button, input, textarea, select,
h1, h2, h3, h4, h5, h6, p, a, li, span, div {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Hide the hero Join/Donate buttons (per screenshot 1) */
.home-jumbo .vic-hero-cta-2026,
.home-jumbo .vic-hero-cta-btn,
.home-jumbo .hero-buttons,
.home-jumbo .hero-btn {
  display: none !important;
}

/* Menu overlay inside hero */
.header-menu {
  display: none !important;
}
.vic-hero-nav-overlay {
  display: flex !important;
  gap: 28px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 28px;
  padding: 14px 28px;
  background: rgba(11, 35, 54, 0.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 8px 28px rgba(0,0,0,0.18);
}
.vic-hero-nav-overlay a {
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.02em;
  padding: 8px 18px;
  border-radius: 999px;
  transition: background 0.2s ease, color 0.2s ease;
}
.vic-hero-nav-overlay a:hover,
.vic-hero-nav-overlay a:focus-visible {
  background: rgba(255, 255, 255, 0.16);
  color: #F5C43A !important;
}
@media (max-width: 480px) {
  .vic-hero-nav-overlay { gap: 6px; padding: 10px 14px; margin-top: 22px; }
  .vic-hero-nav-overlay a { font-size: 14px; padding: 6px 10px; }
}

/* Policy cards: centred title + paragraph, side padding, single read more */
.vic-policy-card-c9 .vic-policy-flip-front,
.vic-policy-card .vic-policy-flip-front {
  text-align: center !important;
  padding: 24px 26px !important;
}
.vic-policy-card-c9 .vic-policy-flip-front h3,
.vic-policy-card-c9 .vic-policy-flip-front h1,
.vic-policy-card .vic-policy-flip-front h3 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 12px !important;
}
.vic-policy-card-c9 .vic-policy-flip-front p,
.vic-policy-card .vic-policy-flip-front p {
  text-align: center !important;
  padding: 0 14px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 95%;
}

/* Remove duplicate "Read more" - hide the old btn-primary variant inside policy card */
.vic-policy-card .btn.btn-primary.btn-lg,
.vic-policy-card-c9 .btn.btn-primary.btn-lg,
.vic-policy-flip .btn.btn-primary.btn-lg,
.vic-policy-flip-front .btn.btn-primary.btn-lg,
.vic-policy-body .btn.btn-primary.btn-lg {
  display: none !important;
}

/* The surviving Read more: make sure it is singular, centred, tidy */
.vic-policy-readmore-fullwidth {
  display: block !important;
  text-align: center !important;
  margin: 14px auto 0 auto !important;
  max-width: 85%;
  padding: 10px 18px !important;
  border-radius: 999px;
  font-weight: 600;
}

/* "We're nearly there" - smaller text and cleaner design */
.vic-nearly-there,
.vic-join-now-body.vic-nearly-there {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 28px 28px 30px !important;
  background: linear-gradient(135deg, #F7F5EF 0%, #FFFFFF 100%) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(11,58,54,0.08) !important;
  box-shadow: 0 4px 14px rgba(11,35,54,0.06) !important;
  text-align: center !important;
}
.vic-nearly-there h1, .vic-nearly-there h2, .vic-nearly-there h3 {
  font-size: 20px !important;
  line-height: 1.3 !important;
  margin: 0 0 10px 0 !important;
  color: #0B3A36 !important;
  font-weight: 700 !important;
  text-align: center !important;
}
.vic-nearly-there p,
.vic-nearly-there .col-md-12 p {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #3B4A5A !important;
  margin: 0 auto 8px !important;
  max-width: 600px;
  text-align: center !important;
  font-weight: 400 !important;
}
.vic-nearly-there strong { color: #0B3A36 !important; font-weight: 700 !important; }

/* Options module / sibling CTA blocks - cleaner */
.vic-join-now-section,
.vic-join-now,
.home-blocks-block-custom-content .vic-options,
.vic-options-module {
  background: #F7F5EF !important;
  padding: 48px 24px !important;
  border-top: 1px solid rgba(11,58,54,0.06) !important;
  border-bottom: 1px solid rgba(11,58,54,0.06) !important;
}

/* "Hey you got this far" module - complete redesign */
.vic-closing-band {
  background: linear-gradient(135deg, #0B3A36 0%, #0B2336 60%, #0B3A36 100%) !important;
  padding: 56px 24px !important;
  position: relative;
  overflow: hidden;
  border-radius: 0 !important;
}
.vic-closing-band::before {
  content: "";
  position: absolute;
  top: -40%; right: -10%;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(245,196,58,0.14) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.vic-closing-band::after {
  content: "";
  position: absolute;
  bottom: -30%; left: -10%;
  width: 360px; height: 360px;
  background: radial-gradient(circle, rgba(41,168,149,0.16) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.vic-got-this-far,
.vic-closing-band .row {
  max-width: 720px !important;
  margin: 0 auto !important;
  position: relative;
  z-index: 2;
  text-align: center !important;
}
.vic-got-this-far h1,
.vic-got-this-far h2,
.vic-got-this-far h3,
.vic-closing-band h1,
.vic-closing-band h2,
.vic-closing-band h3 {
  font-size: clamp(24px, 3.5vw, 34px) !important;
  line-height: 1.2 !important;
  color: #F5C43A !important;
  font-weight: 800 !important;
  margin: 0 0 14px 0 !important;
  text-align: center !important;
  letter-spacing: -0.01em;
}
.vic-got-this-far p,
.vic-closing-band p {
  font-size: 15.5px !important;
  line-height: 1.6 !important;
  color: rgba(247,245,239,0.92) !important;
  margin: 0 auto 20px auto !important;
  max-width: 560px !important;
  text-align: center !important;
  font-weight: 400 !important;
}
.vic-got-this-far a, .vic-got-this-far .btn,
.vic-closing-band a.btn, .vic-closing-band .btn {
  display: inline-block;
  background: linear-gradient(135deg, #F5C43A 0%, #FCD666 100%) !important;
  color: #0B2336 !important;
  font-weight: 700 !important;
  padding: 14px 34px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(245,196,58,0.28) !important;
  border: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.vic-got-this-far a:hover, .vic-closing-band a.btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(245,196,58,0.36) !important;
}

/* Practical Voice section - push BELOW hero, black body text, remove Join button */
.home-blocks-block.home-blocks-block-custom-content:has(.vic-practical-quote) {
  margin-top: 0 !important;
  padding-top: 40px !important;
}
.vic-practical-quote,
.row.vic-practical-quote.vic-intro-row {
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: none !important;
  background: #F7F5EF !important;
  border-radius: 18px !important;
  padding: 40px 32px !important;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-shadow: 0 10px 30px rgba(11,35,54,0.08);
}
.vic-practical-quote p,
.vic-practical-quote .col-md-6 p {
  color: #0B2336 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  opacity: 1 !important;
}
/* Hide the duplicate Join the Democrats button inside Practical Voice */
.vic-practical-quote a.btn-join,
.vic-practical-quote a.btn.btn-join,
.vic-practical-quote .btn-join,
.row.vic-practical-quote a.btn.btn-join,
.vic-practical-quote .vic-hero-cta-btn,
.vic-practical-quote .vic-hero-cta-2026 {
  display: none !important;
}

/* Restore H2 hero headline size - we want it big again, not the small eyebrow from Cycle 2 */
.home-jumbo h2, .home-jumbo .hero-subtitle {
  font-size: clamp(28px, 4.6vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  opacity: 1 !important;
  margin-bottom: 14px !important;
  text-shadow: 0 2px 18px rgba(0,0,0,0.35);
  color: #FFFFFF !important;
}


/* VIC-CYCLE4-QA1-PATCH :: Fix font, header menu hide, got-this-far heading color */

/* Higher specificity header menu hide */
html body header.header .header-menu,
html body .header .header-menu,
body nav.header-menu,
body .header-menu {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Higher specificity for got-this-far heading */
html body .vic-closing-band .vic-got-this-far h1,
html body .vic-closing-band .vic-got-this-far h2,
html body .vic-closing-band .vic-got-this-far h3,
html body .home-blocks-block .vic-closing-band h1,
html body .home-blocks-block .vic-closing-band h2,
html body .home-blocks-block .vic-closing-band h3 {
  color: #F5C43A !important;
  font-weight: 800 !important;
  font-size: clamp(24px, 3.5vw, 34px) !important;
  line-height: 1.2 !important;
  margin: 0 0 14px 0 !important;
  text-align: center !important;
}

/* Got this far body paragraph light-on-dark */
html body .vic-closing-band .vic-got-this-far p,
html body .home-blocks-block .vic-closing-band p {
  color: rgba(247,245,239,0.92) !important;
}


/* VIC-CYCLE4-QA2-PATCH :: Force Poppins site-wide, override Fraunces, pure black PV text */

html, html body,
html body * {
  font-family: 'Poppins', 'Poppins Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Explicitly override Fraunces on hero heading */
html body .home-jumbo h1,
html body .home-jumbo h2,
html body .home-jumbo h3,
html body .home-jumbo .hero-title,
html body .home-jumbo .hero-subtitle,
html body .home-jumbo-intro h1,
html body .home-jumbo-intro h2,
html body .home-jumbo-intro h3 {
  font-family: 'Poppins', -apple-system, sans-serif !important;
}

/* Icons should keep their font - but exclude them */
[class*="icon"], [class*="fa-"], i.fa, i.fas, i.far, i.fab, i.material-icons,
svg, svg * {
  font-family: inherit !important;
}

/* Practical Voice paragraph text: pure black */
html body .vic-practical-quote p,
html body .vic-practical-quote .col-md-6 p,
html body .row.vic-practical-quote p {
  color: #000000 !important;
  opacity: 1 !important;
}


/* ===========================================================
   VIC-CYCLE5-2026 :: Hero overlay menu, grey strip kill,
   closing band contrast, PV recrop, Read More dedupe
   Generated: 23 April 2026
   =========================================================== */

/* --- 1. KILL the circular nav overlay (bad implementation) --- */
html body .vic-hero-nav-overlay,
html body .vic-hero-nav-overlay * {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --- 2. OVERLAY header on hero, remove grey strip --- */
html body header.header,
html body header.header.header {
  position: absolute !important;
  top: 41.75px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  z-index: 90 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 4px 0 !important;
  box-shadow: none !important;
}
html body .vic-top-banner { position: relative !important; z-index: 100 !important; }

@media (max-width: 480px) {
  html body header.header { top: 32px !important; padding: 0 !important; }
}

html body header.header .header-layer,
html body header.header .header-view,
html body header.header .header-view .row {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  min-height: 0 !important;
  height: auto !important;
  box-shadow: none !important;
}

/* Pull hero up to cover where header used to be */
html body .home-jumbo {
  margin-top: -68px !important;
  padding-top: 140px !important;
  background-position: 50% 30% !important;
  background-size: cover !important;
}
@media (max-width: 480px) {
  html body .home-jumbo {
    margin-top: -60px !important;
    padding-top: 120px !important;
    background-position: 50% 28% !important;
  }
}

/* --- 3. UNHIDE and RESTYLE header-menu as democrats.org.au horizontal nav --- */
html body header.header ul.header-menu,
html body header.header .header-menu {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 36px !important;
  list-style: none !important;
  margin: 0 auto !important;
  padding: 8px 24px !important;
  position: relative !important;
  z-index: 91 !important;
  width: 100% !important;
  background: transparent !important;
  flex-wrap: wrap !important;
}

html body header.header ul.header-menu > li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
}

html body header.header ul.header-menu > li > a {
  color: #ffffff !important;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 10px 6px !important;
  text-decoration: none !important;
  position: relative !important;
  display: inline-block !important;
  transition: color 0.25s ease !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4) !important;
  background: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
}

html body header.header ul.header-menu > li > a::after {
  content: '' !important;
  position: absolute !important;
  left: 6px !important;
  right: 6px !important;
  bottom: 4px !important;
  height: 2px !important;
  background: #F5C43A !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.3s ease !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}
html body header.header ul.header-menu > li > a:hover,
html body header.header ul.header-menu > li > a:focus-visible {
  color: #F5C43A !important;
}
html body header.header ul.header-menu > li > a:hover::after,
html body header.header ul.header-menu > li > a:focus-visible::after {
  transform: scaleX(1) !important;
}

/* Hide Log in menu items */
html body header.header ul.header-menu > li > a[href*="/members/"] {
  display: none !important;
  visibility: hidden !important;
}
html body header.header ul.header-menu > li:has(> a[href*="/members/"]) {
  display: none !important;
  visibility: hidden !important;
}

@media (max-width: 480px) {
  html body header.header ul.header-menu {
    gap: 12px !important;
    padding: 6px 10px !important;
  }
  html body header.header ul.header-menu > li > a {
    font-size: 12.5px !important;
    letter-spacing: 0.08em !important;
    padding: 8px 4px !important;
  }
}

/* --- 4. KILL duplicate READ MORE (::before pseudo was duplicating) --- */
html body a.vic-policy-readmore-fullwidth::before,
html body .vic-policy-readmore-fullwidth::before,
html body .vic-policy-card a.vic-policy-readmore-fullwidth::before {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}
/* Also hide the ::after arrow if it was doubling up */
html body a.vic-policy-readmore-fullwidth {
  text-align: center !important;
}

/* --- 5. CLOSING BAND: unified gradient box with fully visible text --- */
html body .vic-closing-band {
  background: linear-gradient(135deg, #0B3A36 0%, #0B2336 55%, #1F8A75 100%) !important;
  border-radius: 20px !important;
  padding: 56px 28px !important;
  text-align: center !important;
  color: #ffffff !important;
  margin: 32px 0 !important;
  box-shadow: 0 20px 60px rgba(11,35,54,0.3) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
html body .vic-closing-band .row {
  background: transparent !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 600px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
html body .vic-closing-band .col-md-6,
html body .vic-closing-band .col-md-12,
html body .vic-closing-band .col-12 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 0 !important;
  text-align: center !important;
}
html body .vic-closing-band .vic-got-this-far {
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
  background-image: none !important;
  padding: 0 0 12px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  box-shadow: none !important;
}
html body .vic-closing-band h1,
html body .vic-closing-band .vic-got-this-far h1 {
  color: #F5C43A !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(24px, 4vw, 38px) !important;
  margin: 0 0 10px !important;
  letter-spacing: -0.01em !important;
  line-height: 1.15 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.25) !important;
}
html body .vic-closing-band h2 {
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(20px, 3.2vw, 30px) !important;
  margin: 14px 0 10px !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.25) !important;
}
html body .vic-closing-band p {
  color: rgba(255,255,255,0.96) !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  margin: 6px auto 22px !important;
  max-width: 480px !important;
  line-height: 1.55 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.2) !important;
}
html body .vic-closing-band p span {
  color: #F5C43A !important;
  font-weight: 700 !important;
  background: transparent !important;
  display: inline !important;
}
html body .vic-closing-band a.btn.btn-primary,
html body .vic-closing-band a.btn.btn-primary.btn-lg {
  background: #F5C43A !important;
  background-color: #F5C43A !important;
  background-image: none !important;
  color: #0B2336 !important;
  font-weight: 700 !important;
  font-family: 'Poppins', sans-serif !important;
  padding: 14px 40px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  letter-spacing: 0.06em !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(245,196,58,0.32) !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin-top: 14px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  text-transform: uppercase !important;
}
html body .vic-closing-band a.btn.btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(245,196,58,0.42) !important;
  color: #0B2336 !important;
}

/* --- 6. PRACTICAL VOICE: push further down so hero image shows faces --- */
html body .row.vic-practical-quote,
html body .vic-practical-quote.vic-intro-row {
  margin-top: 140px !important;
  padding-top: 40px !important;
}
@media (max-width: 480px) {
  html body .row.vic-practical-quote {
    margin-top: 100px !important;
    padding-top: 30px !important;
  }
}

/* --- 7. Make sure skip-to-content doesn't break layout --- */
html body .vic-skip { z-index: 200 !important; }


/* VIC-CYCLE5-PATCH :: higher specificity overrides */
html body .home-jumbo.home-jumbo.home-jumbo,
html body .home-jumbo.home-jumbo.vic-hero-ready {
  padding-top: 140px !important;
  background-position: 50% 30% !important;
  background-size: cover !important;
  margin-top: -68px !important;
}
@media (max-width: 480px) {
  html body .home-jumbo.home-jumbo.home-jumbo,
  html body .home-jumbo.home-jumbo.vic-hero-ready {
    padding-top: 120px !important;
    margin-top: -60px !important;
    background-position: 50% 28% !important;
  }
}
html body .home-blocks-block .row.vic-practical-quote.vic-practical-quote.vic-practical-quote,
html body .home-blocks-block .row.vic-practical-quote.vic-intro-row.vic-intro-row {
  margin-top: 140px !important;
  padding-top: 40px !important;
}
@media (max-width: 480px) {
  html body .home-blocks-block .row.vic-practical-quote.vic-practical-quote.vic-practical-quote {
    margin-top: 100px !important;
    padding-top: 30px !important;
  }
}
html body .vic-closing-band.vic-closing-band.vic-closing-band {
  padding: 56px 28px !important;
  margin: 32px 0 !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(11,35,54,0.3) !important;
}

/* VIC-CYCLE5-PATCH2 :: band text colours */
html body .vic-closing-band.vic-closing-band.vic-closing-band h2 { color: #ffffff !important; }
html body .vic-closing-band.vic-closing-band.vic-closing-band p { color: rgba(255,255,255,0.96) !important; }
html body .vic-closing-band.vic-closing-band.vic-closing-band p span { color: #F5C43A !important; font-weight: 700 !important; background: transparent !important; }



/* ===========================================================
   VIC-CYCLE6-2026 :: Scroll unlock, thin flush menu bar,
   Join-now redesign, closing-band sharpening, pro nav polish
   Generated: 23 April 2026
   =========================================================== */

/* --- 1. SCROLL UNLOCK: restore natural document scroll --- */
html {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
html body {
  height: auto !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  position: static !important;
}

/* --- 2. THIN HEADER FLUSH UNDER TOP BANNER (homepage only) --- */
/* Scope to pages with .home-jumbo only so other pages are unaffected */
html body:has(.home-jumbo) header.header,
html body.body-home-index header.header {
  position: absolute !important;
  top: 41px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: linear-gradient(180deg, rgba(11,35,54,0.55) 0%, rgba(11,35,54,0.25) 70%, rgba(11,35,54,0) 100%) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 90 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset, 0 6px 18px rgba(0,0,0,0.15) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

html body:has(.home-jumbo) header.header .header-layer,
html body:has(.home-jumbo) header.header .header-view,
html body:has(.home-jumbo) header.header .header-view .row,
html body:has(.home-jumbo) header.header .header-nav-row,
html body:has(.home-jumbo) header.header nav.menu,
html body.body-home-index header.header .header-layer,
html body.body-home-index header.header .header-view,
html body.body-home-index header.header .header-view .row,
html body.body-home-index header.header .header-nav-row,
html body.body-home-index header.header nav.menu {
  background: transparent !important;
  background-image: none !important;
  min-height: 0 !important;
  height: auto !important;
  box-shadow: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Tight, professional menu bar */
html body:has(.home-jumbo) header.header ul.header-menu,
html body.body-home-index header.header ul.header-menu {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 40px !important;
  list-style: none !important;
  margin: 0 auto !important;
  padding: 6px 24px !important;
  position: relative !important;
  z-index: 91 !important;
  width: 100% !important;
  background: transparent !important;
  flex-wrap: wrap !important;
}

html body:has(.home-jumbo) header.header ul.header-menu > li,
html body.body-home-index header.header ul.header-menu > li {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

html body:has(.home-jumbo) header.header ul.header-menu > li > a,
html body.body-home-index header.header ul.header-menu > li > a {
  color: #ffffff !important;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 7px 4px !important;
  text-decoration: none !important;
  position: relative !important;
  display: inline-block !important;
  transition: color 0.25s ease !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.45) !important;
  background: transparent !important;
  line-height: 1.2 !important;
}

html body:has(.home-jumbo) header.header ul.header-menu > li > a::after,
html body.body-home-index header.header ul.header-menu > li > a::after {
  content: '' !important;
  position: absolute !important;
  left: 4px !important;
  right: 4px !important;
  bottom: 2px !important;
  height: 2px !important;
  background: #F5C43A !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform 0.3s ease !important;
}
html body:has(.home-jumbo) header.header ul.header-menu > li > a:hover,
html body.body-home-index header.header ul.header-menu > li > a:hover,
html body:has(.home-jumbo) header.header ul.header-menu > li > a:focus-visible,
html body.body-home-index header.header ul.header-menu > li > a:focus-visible {
  color: #F5C43A !important;
}
html body:has(.home-jumbo) header.header ul.header-menu > li > a:hover::after,
html body.body-home-index header.header ul.header-menu > li > a:hover::after,
html body:has(.home-jumbo) header.header ul.header-menu > li > a:focus-visible::after,
html body.body-home-index header.header ul.header-menu > li > a:focus-visible::after {
  transform: scaleX(1) !important;
}

/* Hide Log-in items */
html body:has(.home-jumbo) header.header ul.header-menu > li > a[href*="/members/"],
html body.body-home-index header.header ul.header-menu > li > a[href*="/members/"] {
  display: none !important;
}
html body:has(.home-jumbo) header.header ul.header-menu > li:has(> a[href*="/members/"]),
html body.body-home-index header.header ul.header-menu > li:has(> a[href*="/members/"]) {
  display: none !important;
}

/* Push the hero up to be right under banner */
html body .home-jumbo.home-jumbo.home-jumbo {
  margin-top: -45px !important;
  padding-top: 120px !important;
  background-position: 50% 30% !important;
  background-size: cover !important;
}

@media (max-width: 480px) {
  html body:has(.home-jumbo) header.header,
  html body.body-home-index header.header {
    top: 32px !important;
  }
  html body:has(.home-jumbo) header.header ul.header-menu,
  html body.body-home-index header.header ul.header-menu {
    gap: 14px !important;
    padding: 5px 10px !important;
  }
  html body:has(.home-jumbo) header.header ul.header-menu > li > a,
  html body.body-home-index header.header ul.header-menu > li > a {
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
    padding: 5px 2px !important;
  }
  html body .home-jumbo.home-jumbo.home-jumbo {
    margin-top: -38px !important;
    padding-top: 100px !important;
  }
}

/* --- 3. REDESIGN "JOIN NOW" SECTION --- */
/* Combine join-now-section (header) + join-now-body (text) into a unified card */
html body .vic-join-now-section.vic-join-now-section,
html body .vic-join-now-body.vic-join-now-body {
  background: #ffffff !important;
  background-image: none !important;
}

/* Outer container wrapping both rows becomes a card; use the body block as the card */
html body .home-blocks-block:has(.vic-join-now-section),
html body .home-blocks-block:has(.vic-join-now-body) {
  background: transparent !important;
}

/* Join-now-section: the heading */
html body .row.vic-join-now-section.vic-join-now-section {
  background: linear-gradient(135deg, #0B3A36 0%, #1F8A75 100%) !important;
  background-image: linear-gradient(135deg, #0B3A36 0%, #1F8A75 100%) !important;
  padding: 44px 28px 18px !important;
  margin: 48px auto 0 !important;
  max-width: 780px !important;
  width: calc(100% - 32px) !important;
  border-radius: 22px 22px 0 0 !important;
  text-align: center !important;
  box-shadow: 0 20px 60px rgba(11,35,54,0.18) !important;
  position: relative !important;
}
html body .vic-join-now-section h1 {
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(26px, 4vw, 38px) !important;
  line-height: 1.18 !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.22) !important;
  text-align: center !important;
}
html body .vic-join-now-section h1 .vic-quick-tag,
html body .vic-join-now-section span.vic-quick-tag {
  display: block !important;
  margin-top: 8px !important;
  color: #F5C43A !important;
  font-size: clamp(13px, 1.6vw, 16px) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
}

/* Join-now-body: the descriptive text */
html body .row.vic-join-now-body.vic-join-now-body {
  background: linear-gradient(135deg, #1F8A75 0%, #0B3A36 100%) !important;
  background-image: linear-gradient(135deg, #1F8A75 0%, #0B3A36 100%) !important;
  padding: 6px 40px 46px !important;
  margin: 0 auto 40px !important;
  max-width: 780px !important;
  width: calc(100% - 32px) !important;
  border-radius: 0 0 22px 22px !important;
  text-align: center !important;
  box-shadow: 0 20px 60px rgba(11,35,54,0.18) !important;
  position: relative !important;
}
html body .vic-join-now-body .col-md-12,
html body .vic-join-now-body .col-12,
html body .vic-join-now-body [class*="col-"] {
  background: transparent !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
html body .vic-join-now-body p {
  color: #ffffff !important;
  background: transparent !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: clamp(16px, 1.9vw, 19px) !important;
  line-height: 1.55 !important;
  margin: 0 auto !important;
  max-width: 580px !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.2) !important;
}
html body .vic-join-now-body p i,
html body .vic-join-now-body p em {
  color: #ffffff !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  background: transparent !important;
}
/* Highlight "YOUR help" style words if wrapped in strong/b */
html body .vic-join-now-body p strong,
html body .vic-join-now-body p b {
  color: #F5C43A !important;
  font-weight: 800 !important;
}

@media (max-width: 480px) {
  html body .row.vic-join-now-section.vic-join-now-section {
    padding: 32px 20px 14px !important;
    margin: 28px auto 0 !important;
  }
  html body .row.vic-join-now-body.vic-join-now-body {
    padding: 4px 20px 32px !important;
    margin: 0 auto 28px !important;
  }
}

/* --- 4. SHARPEN "HEY YOU GOT THIS FAR" TEXT --- */
html body .vic-closing-band,
html body .vic-closing-band * {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: geometricPrecision !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  transform: translateZ(0) !important;
}
/* Remove heavy blurry text-shadows that were causing fuzzy look */
html body .vic-closing-band h1,
html body .vic-closing-band .vic-got-this-far h1 {
  color: #F5C43A !important;
  text-shadow: 0 1px 0 rgba(0,0,0,0.35) !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  transform: translateZ(0) !important;
}
html body .vic-closing-band h2 {
  color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,0.3) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  transform: translateZ(0) !important;
}
html body .vic-closing-band p {
  color: #ffffff !important;
  text-shadow: none !important;
  font-weight: 400 !important;
  transform: translateZ(0) !important;
  opacity: 1 !important;
}
html body .vic-closing-band a.btn.btn-primary,
html body .vic-closing-band a.btn.btn-primary.btn-lg {
  transform: translateZ(0) !important;
  -webkit-font-smoothing: antialiased !important;
}

/* --- 5. MAKE SURE TOP BANNER STAYS CLICKABLE ABOVE HEADER --- */
html body .vic-top-banner {
  position: relative !important;
  z-index: 100 !important;
}
html body .vic-skip {
  z-index: 200 !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-23 (Claude/Cowork) — HP-A MAIN MENU
   Brief section HP-A. Homepage only (scoped via body.body-home-index).
   Selectors matched to prior override rules so source-order wins.
   ============================================================== */
html body.body-home-index header.header,
html body:has(.home-jumbo) header.header {
  background: #fcd666 !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 1px 0 rgba(15, 62, 53, 0.15) !important;
}
html body.body-home-index header.header,
html body.body-home-index header.header a,
html body.body-home-index header.header .header-menu,
html body.body-home-index header.header .header-menu-label,
html body.body-home-index header.header .header-menu-label a {
  color: #0f3e35 !important;
  text-shadow: none !important;
}
html body.body-home-index header.header .header-menu-label a {
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease !important;
}
html body.body-home-index header.header .header-menu-label a:hover,
html body.body-home-index header.header .header-menu-label a:focus-visible {
  background: #29a895 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
html body.body-home-index header.header .header-menu > li.active > .header-menu-label a,
html body.body-home-index header.header .header-menu > li.current-menu-item > .header-menu-label a,
html body.body-home-index header.header .header-menu-label a.active,
html body.body-home-index header.header .header-menu-label a[aria-current="page"] {
  background: #29a895 !important;
  color: #ffffff !important;
}
html body.body-home-index header.header .header-logo-dark { display: inline-block !important; }
html body.body-home-index header.header .header-logo-light { display: none !important; }
html body.body-home-index header.header .header-mobile-button { color: #0f3e35 !important; }


/* --- VIC-HPBRIEF-2026-04-23 (Claude) — HP-A PATCH #1: restore menu clicks ---
   A prior cycle set pointer-events:none !important on .header-menu to hide it,
   then re-enabled visibility/display/height but forgot to restore pointer-events.
   Result: menu was visible but dead. This patch restores click-ability. */
html body header.header .header-menu,
html body header.header .header-menu > li,
html body header.header .header-menu li,
html body header.header .header-menu-label,
html body header.header .header-menu-label a,
html body header.header .header-menu a {
  pointer-events: auto !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-23 (Claude) — HP-B STICKY JOIN/DONATE
   Targets the floating #vic-sticky-cta pair ONLY. Must not touch
   .vic-hero-cta-btn or header Join/Donate buttons.
   ============================================================== */

/* Join pill (left) — yellow + dark text regardless of primary/secondary class */
.vic-sticky-cta a.vic-sticky-join,
.vic-sticky-cta .vic-sticky-btn.vic-sticky-join {
  background: #fcd666 !important;
  color: #0f3e35 !important;
  border-color: #fcd666 !important;
}
.vic-sticky-cta a.vic-sticky-join:hover,
.vic-sticky-cta a.vic-sticky-join:focus-visible {
  background: #f2c94a !important;
  color: #0b2d26 !important;
}

/* Donate pill (right) — green + white text */
.vic-sticky-cta a.vic-sticky-donate,
.vic-sticky-cta .vic-sticky-btn.vic-sticky-donate {
  background: #29a895 !important;
  color: #ffffff !important;
  border-color: #29a895 !important;
}
.vic-sticky-cta a.vic-sticky-donate:hover,
.vic-sticky-cta a.vic-sticky-donate:focus-visible {
  background: #208e7d !important;
  color: #ffffff !important;
}

/* Desktop >=1024px: enlarge both pills */
@media (min-width: 1024px) {
  .vic-sticky-cta a.vic-sticky-join,
  .vic-sticky-cta a.vic-sticky-donate {
    padding: 14px 28px !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    min-height: 48px !important;
  }
}

/* Pulse — scoped to .vic-sticky-join--pulse ONLY so it cannot apply to hero/header */
@keyframes vic-sticky-join-pulse-kf {
  0%   { transform: scale(1);    box-shadow: 0 0 0 0 rgba(252, 214, 102, 0.60); }
  70%  { transform: scale(1.05); box-shadow: 0 0 0 12px rgba(252, 214, 102, 0); }
  100% { transform: scale(1);    box-shadow: 0 0 0 0 rgba(252, 214, 102, 0);   }
}
.vic-sticky-cta .vic-sticky-join--pulse {
  animation: vic-sticky-join-pulse-kf 1.8s ease-in-out infinite;
  will-change: transform, box-shadow;
}
.vic-sticky-cta .vic-sticky-join--pulse:hover,
.vic-sticky-cta .vic-sticky-join--pulse:focus-visible {
  animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
  .vic-sticky-cta .vic-sticky-join--pulse {
    animation: none !important;
  }
}

/* Encouragement bubble — desktop only, positioned above the sticky Join pill */
.vic-sticky-cta {
  position: fixed; /* ensure wrapper is positioning context */
}
.vic-sticky-join-bubble {
  display: none;
  position: absolute;
  bottom: calc(100% + 12px);
  left: 8px;
  max-width: 260px;
  min-width: 200px;
  background: #fde3a0;
  color: #0f3e35;
  padding: 10px 14px;
  border-radius: 14px;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14.5px;
  line-height: 1.3;
  font-weight: 500;
  box-shadow: 0 8px 24px rgba(11, 35, 54, 0.15), 0 2px 4px rgba(11, 35, 54, 0.08);
  pointer-events: none;
  z-index: 1000;
}
.vic-sticky-join-bubble .vic-sticky-join-bubble-text {
  display: inline-block;
  opacity: 1;
  transition: opacity 0.35s ease, transform 0.35s ease;
}
.vic-sticky-join-bubble .vic-sticky-join-bubble-tail {
  position: absolute;
  left: 36px;
  bottom: -7px;
  width: 14px;
  height: 14px;
  background: #fde3a0;
  transform: rotate(45deg);
  box-shadow: 2px 2px 3px rgba(11, 35, 54, 0.05);
}
@media (min-width: 1024px) {
  .vic-sticky-join-bubble { display: inline-block; }
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-23 — HP-B PATCH #1
   Override id-specificity rules from prior cycles (FIX-004) that
   forced the Donate pill to transparent/ghost and gave Join a
   solid-yellow lookalike conflict. Use #vic-sticky-cta in every
   selector so we tie on id-specificity and win on source order.
   ============================================================== */
#vic-sticky-cta a.vic-sticky-join,
#vic-sticky-cta .vic-sticky-btn.vic-sticky-join {
  background: #fcd666 !important;
  background-image: none !important;
  color: #0f3e35 !important;
  border: 2px solid #fcd666 !important;
}
#vic-sticky-cta a.vic-sticky-join:hover,
#vic-sticky-cta a.vic-sticky-join:focus-visible {
  background: #f2c94a !important;
  color: #0b2d26 !important;
  border-color: #f2c94a !important;
}
#vic-sticky-cta a.vic-sticky-donate,
#vic-sticky-cta .vic-sticky-btn.vic-sticky-donate {
  background: #29a895 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 2px solid #29a895 !important;
}
#vic-sticky-cta a.vic-sticky-donate:hover,
#vic-sticky-cta a.vic-sticky-donate:focus-visible {
  background: #208e7d !important;
  color: #ffffff !important;
  border-color: #208e7d !important;
}

/* Supersede the older @keyframes vicJoinPulse animation so only the
   new pulse (scoped to .vic-sticky-join--pulse) runs. */
#vic-sticky-cta .vic-sticky-join {
  animation: none !important; /* reset any inherited animation */
}
#vic-sticky-cta .vic-sticky-join--pulse {
  animation: vic-sticky-join-pulse-kf 1.8s ease-in-out infinite !important;
}
#vic-sticky-cta .vic-sticky-join--pulse:hover,
#vic-sticky-cta .vic-sticky-join--pulse:focus-visible {
  animation-play-state: paused !important;
}
@media (prefers-reduced-motion: reduce) {
  #vic-sticky-cta .vic-sticky-join--pulse {
    animation: none !important;
  }
}

/* Desktop sizing — tie on id so we win */
@media (min-width: 1024px) {
  #vic-sticky-cta a.vic-sticky-join,
  #vic-sticky-cta a.vic-sticky-donate {
    padding: 14px 28px !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    min-height: 48px !important;
  }
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-23 — HP-C HERO FIXES
   1) Kill the silent scroll-container trap: overflow:clip not hidden.
   2) Ensure intro text sits above the hero background image so nothing
      is obscured. The inline background-image on .home-jumbo is kept,
      but we force the intro container to z-index:1 and add a subtle
      bottom fade overlay for legibility.
   3) Smooth scroll for anchor targets.
   4) Style the new scroll-cue row that replaces the Founded-1977 marquee.
   ============================================================== */
html { scroll-behavior: smooth; }

html body .home-jumbo {
  /* Use "clip" so the element clips overflowing content without becoming
     a scroll container that swallows wheel events. */
  overflow: clip !important;
  overflow-clip-margin: 0 !important;
}

/* Intro container must be above the background image / overlay */
html body .home-jumbo .home-jumbo-intro-container,
html body .home-jumbo .home-jumbo-intro {
  position: relative !important;
  z-index: 2 !important;
}

/* Subtle bottom overlay for readability on top of the hero image.
   Added as a second pseudo-element-ish block via a child if present. */
html body .home-jumbo::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 38%;
  background: linear-gradient(180deg, rgba(11,35,54,0) 0%, rgba(11,35,54,0.30) 60%, rgba(11,35,54,0.45) 100%);
  z-index: 1;
  pointer-events: none;
}

/* ---------- Scroll-cue row (replaces Founded-1977 marquee) ---------- */
.vic-scroll-cue {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 22px 16px 18px;
  background: #f7f5ef;
  color: #0f3e35;
  text-align: center;
  font-family: 'Poppins', 'Space Grotesk', sans-serif;
  z-index: 3;
}
.vic-scroll-cue-label {
  font-size: 12px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(15, 62, 53, 0.55);
  font-weight: 600;
}
.vic-scroll-cue-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.vic-scroll-cue-link {
  font-size: 15.5px;
  font-weight: 600;
  color: #0f3e35;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 999px;
  transition: background-color 160ms ease, color 160ms ease;
  border: 1px solid transparent;
}
.vic-scroll-cue-link:hover,
.vic-scroll-cue-link:focus-visible {
  background: #29a895;
  color: #ffffff;
  text-decoration: none;
}
.vic-scroll-cue-chevs {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  line-height: 0.7;
  color: #29a895;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 12px;
}
.vic-scroll-cue-chevs .vic-chev {
  font-size: 18px;
  transform: scaleY(0.7);
  animation: vic-chev-pulse 1.8s ease-in-out infinite;
  will-change: transform, opacity;
}
.vic-scroll-cue-chevs .vic-chev:nth-child(2) { animation-delay: 0.15s; }
.vic-scroll-cue-chevs .vic-chev:nth-child(3) { animation-delay: 0.30s; }
.vic-scroll-cue-chevs:hover,
.vic-scroll-cue-chevs:focus-visible {
  background: rgba(41, 168, 149, 0.12);
}
@keyframes vic-chev-pulse {
  0%   { opacity: 0.4; transform: scaleY(0.7) translateY(0);   }
  50%  { opacity: 1;   transform: scaleY(0.7) translateY(3px); }
  100% { opacity: 0.4; transform: scaleY(0.7) translateY(0);   }
}
@media (prefers-reduced-motion: reduce) {
  .vic-scroll-cue-chevs .vic-chev { animation: none; }
}
@media (max-width: 640px) {
  .vic-scroll-cue-row { gap: 10px; }
  .vic-scroll-cue-link { font-size: 14px; padding: 6px 10px; }
}


/* VIC-HPBRIEF-2026-04-23 — HP-C PATCH #1: beat .body-home-index .home-jumbo { overflow: hidden !important } */
html body.body-home-index .home-jumbo,
html body.home .home-jumbo {
  overflow: clip !important;
  overflow-x: clip !important;
  overflow-y: clip !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-23 — HP-D POLICY CARD ALIGNMENT
   Equal-height cards across a row with Read More pinned at bottom.
   ============================================================== */
html body .vic-policy-grid {
  align-items: stretch !important;
}
html body .vic-policy-grid > .vic-policy-card,
html body .vic-policy-grid > .vic-policy-card-c9,
html body .vic-policy-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
/* Inner flex container (the flip front or default body) */
html body .vic-policy-card .vic-policy-flip-front,
html body .vic-policy-card-c9 .vic-policy-flip-front,
html body .vic-policy-card > .vic-policy-body,
html body .vic-policy-card > .vic-policy-inner {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}
/* Read-More / CTA anchored to the bottom of every card */
html body .vic-policy-card .vic-policy-readmore,
html body .vic-policy-card a.btn,
html body .vic-policy-card .btn,
html body .vic-policy-card .vic-policy-cta,
html body .vic-policy-card-c9 .vic-policy-readmore,
html body .vic-policy-card-c9 a.btn,
html body .vic-policy-card-c9 .btn {
  margin-top: auto !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-23 — HP-E JOIN NOW TIERS
   Kill the green background. Cream/soft yellow canvas, white cards,
   prices coloured per tier.
   ============================================================== */
html body .vic-tier-row,
html body .row.vic-tier-row {
  background: #fdeeb5 !important;
  background-image: none !important;
  padding: 48px 16px 56px !important;
  border-radius: 18px !important;
  margin: 24px auto !important;
}
html body .vic-tier-card,
html body .vic-tier-card.vic-tier-highlight {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(15, 62, 53, 0.08) !important;
  box-shadow: 0 6px 16px rgba(11, 35, 54, 0.06) !important;
  border-radius: 14px !important;
}
/* Price colour for Supporter (FREE, highlighted) — green */
html body .vic-tier-card.vic-tier-highlight h1 {
  color: #29a895 !important;
}
/* Price colour for Concession / Ordinary — yellow to match the Select buttons */
html body .vic-tier-card:not(.vic-tier-highlight) h1 {
  color: #fcd666 !important;
  text-shadow: 0 1px 0 rgba(11, 35, 54, 0.08) !important; /* subtle depth for readability on white */
}


/* VIC-HPBRIEF-2026-04-23 — HP-F callout for stats band */
html body .vic-stats-band {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: transparent !important;
  padding: 32px 16px !important;
}
.vic-hpbrief-callout {
  display: flex;
  align-items: center;
  gap: 18px;
  max-width: 760px;
  background: #fdeeb5;
  color: #0f3e35;
  padding: 22px 28px;
  border-radius: 18px;
  box-shadow: 0 6px 16px rgba(11, 35, 54, 0.06);
  border: 1px solid rgba(15, 62, 53, 0.08);
  font-family: 'Poppins', 'Space Grotesk', sans-serif;
  font-size: 18px;
  line-height: 1.4;
}
.vic-hpbrief-callout-number {
  font-family: 'Fraunces', 'Poppins', serif;
  font-size: 42px;
  font-weight: 700;
  color: #29a895;
  line-height: 1;
  letter-spacing: -0.02em;
  flex-shrink: 0;
}
.vic-hpbrief-callout-copy strong { color: #29a895; }
@media (max-width: 640px) {
  .vic-hpbrief-callout { flex-direction: column; gap: 8px; text-align: center; padding: 20px; }
  .vic-hpbrief-callout-number { font-size: 36px; }
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-23 — HP-G PRESIDENT MESSAGE FIX
   The president message was pasted through a WYSIWYG that wrapped each
   fragment in <i> tags (including the first letter "R" in "Right now").
   Consecutive <i> tags and per-tag letter-spacing caused "R" to not visually
   connect with "ight". Strip the italic styling and zero any letter-spacing
   inside the quote so the copy flows as intended.
   ============================================================== */
.vic-president-quote i,
.vic-president-quote em {
  font-style: normal !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
}
.vic-president-quote p {
  letter-spacing: 0 !important;
}


/* VIC-HPBRIEF-2026-04-23 — HP-H compact closing block */
html body .vic-closing-band {
  background: #fdeeb5 !important;
  background-image: none !important;
  padding: 36px 16px !important;
  min-height: 0 !important;
  height: auto !important;
}
html body .vic-closing-band > :not(.vic-hpbrief-final) {
  /* Collapse any remaining children from the old block */
  margin: 0 !important;
}
.vic-hpbrief-final {
  max-width: 620px;
  margin: 0 auto;
  padding: 28px 24px;
  background: #fff9e3;
  border: 1px solid rgba(15, 62, 53, 0.08);
  border-radius: 18px;
  box-shadow: 0 6px 16px rgba(11, 35, 54, 0.06);
  text-align: center;
  font-family: 'Poppins', 'Space Grotesk', sans-serif;
  color: #0f3e35;
}
.vic-hpbrief-final-heart {
  font-size: 30px;
  color: #e84c7b;
  line-height: 1;
  margin-bottom: 10px;
}
.vic-hpbrief-final-copy {
  font-size: 17px;
  line-height: 1.45;
  margin: 0 0 18px 0;
  color: #0f3e35;
  font-weight: 500;
}
.vic-hpbrief-final-ctas {
  display: inline-flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.vic-hpbrief-final-join {
  background: #29a895 !important;
  color: #ffffff !important;
  padding: 11px 22px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 15.5px;
  text-decoration: none;
  transition: background 150ms ease, transform 150ms ease;
}
.vic-hpbrief-final-join:hover,
.vic-hpbrief-final-join:focus-visible {
  background: #208e7d !important;
  transform: translateY(-1px);
}
.vic-hpbrief-final-donate {
  color: #0f3e35 !important;
  font-weight: 600;
  font-size: 15px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.vic-hpbrief-final-donate:hover,
.vic-hpbrief-final-donate:focus-visible {
  color: #29a895 !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-23 — MANIFESTO / PROPOSAL TEXT-SHADOW
   Kill the inherited hero text-shadow on manifesto and proposal
   headings. Scoped to manifesto/proposal body classes so the homepage
   hero shadow is preserved.
   ============================================================== */
html body.body-manifesto-view h1,
html body.body-manifesto-view h2,
html body.body-manifesto-view h3,
html body.body-manifesto-view h4,
html body.body-manifesto-index h1,
html body.body-manifesto-index h2,
html body.body-manifesto-index h3,
html body.body-manifesto-index h4,
html body.template-manifesto h1,
html body.template-manifesto h2,
html body.template-manifesto h3,
html body.template-proposal h1,
html body.template-proposal h2,
html body.template-proposal h3,
html body.body-proposal-view h1,
html body.body-proposal-view h2,
html body.body-proposal-view h3 {
  text-shadow: none !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-23 — NON-HOME MENU (brief §4)
   Applies to manifesto, proposal, posts, events pages.
   No yellow slab; black menu text on page background.
   Hover and active: green. Logo left beneath banner.
   ============================================================== */
html body:not(.body-home-index) header.header {
  background: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  position: absolute !important;
  top: 41.75px !important;
}
html body:not(.body-home-index) header.header,
html body:not(.body-home-index) header.header a,
html body:not(.body-home-index) header.header .header-menu,
html body:not(.body-home-index) header.header .header-menu-label,
html body:not(.body-home-index) header.header .header-menu-label a {
  color: #0b2326 !important; /* near-black */
  text-shadow: none !important;
}
html body:not(.body-home-index) header.header .header-menu-label a {
  padding: 8px 12px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: color 150ms ease, background-color 150ms ease !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
}
html body:not(.body-home-index) header.header .header-menu-label a:hover,
html body:not(.body-home-index) header.header .header-menu-label a:focus-visible {
  color: #29a895 !important;
  border-bottom-color: #29a895 !important;
  background: transparent !important;
}
html body:not(.body-home-index) header.header .header-menu-label a[aria-current="page"],
html body:not(.body-home-index) header.header .header-menu-label a.active,
html body:not(.body-home-index) header.header .header-menu > li.active > .header-menu-label a {
  color: #29a895 !important;
  border-bottom-color: #29a895 !important;
}
/* Logo: dark variant on light backgrounds; force visibility */
html body:not(.body-home-index) header.header .header-logo-dark { display: inline-block !important; }
html body:not(.body-home-index) header.header .header-logo-light { display: none !important; }

/* Because .header is position:absolute overlaying content, subpages need
   a little top padding so the menu doesn't crash into the first content.
   Scope to body classes to avoid perturbing the homepage hero layout. */
html body.body-manifesto-view main,
html body.body-manifesto-index main,
html body.body-proposal-view main,
html body.body-posts-index main,
html body.body-posts-view main,
html body.body-events-index main,
html body.body-events-view main {
  padding-top: 110px !important;
}

/* Inject-style hooks for the Join Now / Donate Now CTAs that will be
   appended by the JS below. */
.vic-subpage-join-cta,
.vic-subpage-donate-cta {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none !important;
  margin-left: 10px;
  transition: background 150ms ease, color 150ms ease;
  letter-spacing: 0.02em;
}
.vic-subpage-join-cta {
  background: #29a895 !important;
  color: #ffffff !important;
}
.vic-subpage-join-cta:hover,
.vic-subpage-join-cta:focus-visible {
  background: #208e7d !important;
}
.vic-subpage-donate-cta {
  background: #fcd666 !important;
  color: #0f3e35 !important;
}
.vic-subpage-donate-cta:hover,
.vic-subpage-donate-cta:focus-visible {
  background: #f2c94a !important;
}
@media (max-width: 768px) {
  .vic-subpage-join-cta, .vic-subpage-donate-cta {
    padding: 8px 14px;
    font-size: 13px;
    margin-left: 6px;
  }
}


/* VIC-HPBRIEF-2026-04-23 — Non-home Join/Donate CTA specificity patch */
html body:not(.body-home-index) header.header ul.header-menu li a.vic-subpage-join-cta {
  background: #29a895 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 2px solid #29a895 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border-bottom: 2px solid #29a895 !important;
}
html body:not(.body-home-index) header.header ul.header-menu li a.vic-subpage-join-cta:hover,
html body:not(.body-home-index) header.header ul.header-menu li a.vic-subpage-join-cta:focus-visible {
  background: #208e7d !important;
  border-color: #208e7d !important;
  border-bottom-color: #208e7d !important;
  color: #ffffff !important;
}
html body:not(.body-home-index) header.header ul.header-menu li a.vic-subpage-donate-cta {
  background: #fcd666 !important;
  background-image: none !important;
  color: #0f3e35 !important;
  border: 2px solid #fcd666 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border-bottom: 2px solid #fcd666 !important;
}
html body:not(.body-home-index) header.header ul.header-menu li a.vic-subpage-donate-cta:hover,
html body:not(.body-home-index) header.header ul.header-menu li a.vic-subpage-donate-cta:focus-visible {
  background: #f2c94a !important;
  border-color: #f2c94a !important;
  border-bottom-color: #f2c94a !important;
  color: #0b2d26 !important;
}


/* VIC-HPBRIEF-2026-04-23 — HP-E tier row bg specificity patch */
html body.body-home-index .vic-tier-row,
html body.body-home-index .row.vic-tier-row {
  background: #fdeeb5 !important;
  background-image: none !important;
}
html body.body-home-index .row.vic-tier-row > * {
  /* Ensure children don't have a conflicting bg */
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-23 — HP-B PATCH #2
   Force the sticky pair to stay visible at the bottom of the
   viewport on all breakpoints. Prior cycles required a
   .vic-sticky-visible class to slide the pair in, but our JS rebuild
   was wiping that class — resulting in the wrapper being translated
   off-screen. Pin the transform here so visibility is class-agnostic.
   ============================================================== */
#vic-sticky-cta {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 18px !important;
  transform: translateX(-50%) translateY(0) !important;
  transition: none !important; /* no slide-in jump */
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: flex !important;
  z-index: 9999 !important;
}
#vic-sticky-cta.vic-sticky-show,
#vic-sticky-cta.vic-sticky-visible,
#vic-sticky-cta:not(.vic-sticky-show):not(.vic-sticky-visible) {
  transform: translateX(-50%) translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Mobile: keep centred pill at the bottom, with safe-area inset respected */
@media (max-width: 600px) {
  #vic-sticky-cta {
    left: 50% !important;
    right: auto !important;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 12px) !important;
    width: auto !important;
    max-width: calc(100vw - 24px) !important;
    border-radius: 999px !important;
    padding: 8px 10px !important;
  }
  /* Shrink pill sizing on mobile so both pills fit in the viewport */
  #vic-sticky-cta a.vic-sticky-join,
  #vic-sticky-cta a.vic-sticky-donate {
    padding: 9px 14px !important;
    font-size: 14px !important;
    min-height: 38px !important;
  }
  /* Hide the bubble on mobile (already in the base rule) */
  .vic-sticky-join-bubble { display: none !important; }
}
/* Landscape mobile / small-height viewport: ensure visibility and push up a touch */
@media (max-height: 480px) and (max-width: 900px) {
  #vic-sticky-cta {
    bottom: 8px !important;
  }
  .vic-sticky-join-bubble { display: none !important; }
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-23 — HP-D PATCH #1
   The earlier HP-D rules forced display:flex and height:100% on flip
   wrappers inside the policy cards, which can collapse the image/CTA
   rendering in some card variants. Keep the outer card as a flex column
   (for CTA margin-top:auto alignment) but RELEASE the inner wrappers
   back to their natural display so images and CTAs render correctly.
   ============================================================== */
html body .vic-policy-card .vic-policy-flip-front,
html body .vic-policy-card-c9 .vic-policy-flip-front,
html body .vic-policy-card > .vic-policy-body,
html body .vic-policy-card > .vic-policy-inner {
  display: revert !important;
  flex-direction: revert !important;
  flex: revert !important;
  height: revert !important;
}
/* Keep the outer card flex column so CTA can pin to the bottom — no inner interference */
html body .vic-policy-card,
html body .vic-policy-card-c9 {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
/* Ensure media, images, and CTAs show correctly */
html body .vic-policy-card img,
html body .vic-policy-card-c9 img,
html body .vic-policy-card picture,
html body .vic-policy-card-c9 picture {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body .vic-policy-card .btn,
html body .vic-policy-card a.btn,
html body .vic-policy-card-c9 .btn,
html body .vic-policy-card-c9 a.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ==============================================================
   VIC-HPBRIEF-2026-04-23 — HP-H PATCH #1
   Make all remaining copy in the closing band black, including any
   residual content from the prior cycle's block that the HP-H JS
   hides behind the new tile. Preserve the white text on the green
   Join pill inside the new compact tile.
   ============================================================== */
html body .vic-closing-band,
html body .vic-closing-band p,
html body .vic-closing-band h1,
html body .vic-closing-band h2,
html body .vic-closing-band h3,
html body .vic-closing-band h4,
html body .vic-closing-band span,
html body .vic-closing-band strong,
html body .vic-closing-band em,
html body .vic-closing-band a:not(.vic-hpbrief-final-join) {
  color: #0b0b0b !important;
  text-shadow: none !important;
}
/* The green pill keeps its white label */
html body .vic-closing-band .vic-hpbrief-final-join {
  color: #ffffff !important;
}
/* Hide everything in the old .vic-got-this-far rows as a belt-and-braces backup
   in case the JS hasn't applied display:none to every child. */
html body .vic-closing-band .vic-got-this-far,
html body .vic-closing-band .row.vic-got-this-far {
  display: none !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 — HP-H PATCH #2
   Let the whole closing band render, but force every text node to
   black per user request. Old "What are you waiting for?..." + new
   compact tile both stay visible, both in black.
   ============================================================== */
html body .vic-closing-band,
html body .vic-closing-band .vic-got-this-far,
html body .vic-closing-band .row.vic-got-this-far {
  display: flex !important;
}
html body .vic-closing-band .row.vic-got-this-far {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
}
/* Maximum-specificity colour override — turn all descendants' text black */
html body .vic-closing-band,
html body .vic-closing-band *:not(.vic-hpbrief-final-join) {
  color: #0b0b0b !important;
  text-shadow: none !important;
}
/* The green Join pill keeps white text */
html body .vic-closing-band .vic-hpbrief-final-join {
  color: #ffffff !important;
}
/* The JOIN US! button (old content) - if it uses btn-primary styling, keep its own label readable on its own bg */
html body .vic-closing-band a.btn.btn-primary,
html body .vic-closing-band a.btn-primary {
  /* leave bg as-is but ensure label is readable against whatever bg it has */
  text-shadow: none !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 — sticky pill mobile widen + pulse lock-in
   "Join the Party" must stay on ONE line on mobile, pill grows wider
   not taller. Pulse must be visible on desktop AND mobile.
   ============================================================== */
/* Both pills: never wrap, never hyphenate */
#vic-sticky-cta a.vic-sticky-join,
#vic-sticky-cta a.vic-sticky-donate {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  flex-shrink: 0 !important;
}
/* Pulse on every breakpoint — override anything that might pause it */
#vic-sticky-cta .vic-sticky-join--pulse {
  animation: vic-sticky-join-pulse-kf 1.8s ease-in-out infinite !important;
  animation-play-state: running !important;
  will-change: transform, box-shadow;
}
/* Only pause on hover / focus */
#vic-sticky-cta .vic-sticky-join--pulse:hover,
#vic-sticky-cta .vic-sticky-join--pulse:focus-visible {
  animation-play-state: paused !important;
}
/* Mobile: let the wrapper grow horizontally to fit wider Join pill,
   keep its height short, tighten vertical padding. */
@media (max-width: 600px) {
  #vic-sticky-cta {
    width: auto !important;
    max-width: calc(100vw - 16px) !important;
    min-width: 0 !important;
    padding: 7px 8px !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  #vic-sticky-cta a.vic-sticky-join,
  #vic-sticky-cta a.vic-sticky-donate {
    padding: 9px 18px !important;
    font-size: 14px !important;
    min-height: 38px !important;
    line-height: 1 !important;
    letter-spacing: 0.01em !important;
  }
  #vic-sticky-cta a.vic-sticky-join {
    /* ensure Join pill grows to fit "Join the Party" on one line */
    flex: 0 0 auto !important;
    width: auto !important;
  }
}

/* ==============================================================
   VIC-HPBRIEF-2026-04-24 — "Join Now and Change Politics" bg fix
   Prior cycle painted a dark-green 135deg gradient with white text.
   Swap to the site's warm cream body colour with dark green text so
   the section feels warm and readable rather than slabby.
   ============================================================== */
html body .row.vic-join-now-section,
html body .vic-join-now-section {
  background: #fff9e3 !important;
  background-image: none !important;
  border-radius: 18px !important;
  margin: 24px auto !important;
  padding: 40px 20px !important;
  box-shadow: 0 6px 16px rgba(11, 35, 54, 0.06) !important;
  color: #0f3e35 !important;
}
/* Force all text inside that section to be readable on the new cream bg */
html body .row.vic-join-now-section,
html body .row.vic-join-now-section *:not(.btn):not(a.btn):not(.vic-tier-card *):not(.vic-tier-row *) {
  color: #0f3e35 !important;
  text-shadow: none !important;
}
/* The heading deserves a little more warmth and size polish */
html body .row.vic-join-now-section h1,
html body .row.vic-join-now-section h2 {
  color: #0f3e35 !important;
  font-weight: 700 !important;
}
/* Keep the accent green for "YOUR help" emphasis if present */
html body .row.vic-join-now-section strong {
  color: #29a895 !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 — Join-Now banner PATCH #1
   Prior cycle defined .home-blocks-block-custom-content .row.vic-join-now-section
   and .row.vic-nearly-there with dark teal gradients and white text. Match the
   specificity (or exceed it) and swap to warm cream + dark green text so the
   banner reads nicely instead of slabby-dark.
   ============================================================== */
html body .home-blocks-block-custom-content .row.vic-join-now-section,
html body .home-blocks-block-custom-content .row.vic-nearly-there,
html body .row.vic-join-now-section,
html body .row.vic-nearly-there {
  background: #fff9e3 !important;
  background-image: none !important;
  color: #0f3e35 !important;
  border-radius: 18px !important;
  margin: 20px 12px 0 !important;
  padding: 36px 24px !important;
  box-shadow: 0 6px 16px rgba(11, 35, 54, 0.06) !important;
  border: 1px solid rgba(15, 62, 53, 0.08) !important;
}
html body .home-blocks-block-custom-content .row.vic-nearly-there {
  /* keep the two rows visually joined: no top radius, no top margin */
  margin-top: 0 !important;
  border-top: 0 !important;
  border-radius: 0 0 18px 18px !important;
  padding-top: 4px !important;
}
html body .home-blocks-block-custom-content .row.vic-join-now-section {
  border-radius: 18px 18px 0 0 !important;
  padding-bottom: 8px !important;
}
/* Force text inside both rows to a readable dark green, except buttons */
html body .home-blocks-block-custom-content .row.vic-join-now-section h1,
html body .home-blocks-block-custom-content .row.vic-join-now-section h2,
html body .home-blocks-block-custom-content .row.vic-join-now-section h3,
html body .home-blocks-block-custom-content .row.vic-join-now-section p,
html body .home-blocks-block-custom-content .row.vic-join-now-section span,
html body .home-blocks-block-custom-content .row.vic-join-now-section .vic-quick-tag,
html body .home-blocks-block-custom-content .row.vic-nearly-there h1,
html body .home-blocks-block-custom-content .row.vic-nearly-there h2,
html body .home-blocks-block-custom-content .row.vic-nearly-there h3,
html body .home-blocks-block-custom-content .row.vic-nearly-there p,
html body .home-blocks-block-custom-content .row.vic-nearly-there span,
html body .home-blocks-block-custom-content .row.vic-nearly-there strong {
  color: #0f3e35 !important;
  text-shadow: none !important;
}
/* "(it's super quick)" tag should feel like a warm accent, not a slab */
html body .home-blocks-block-custom-content .row.vic-join-now-section h1 .vic-quick-tag,
html body .row.vic-join-now-section h1 .vic-quick-tag {
  background: rgba(41, 168, 149, 0.10) !important;
  background-image: none !important;
  color: #29a895 !important;
  font-weight: 600;
  padding: 2px 10px !important;
  border-radius: 999px !important;
  display: inline-block;
}
/* Emphasise "YOUR" in the body copy with brand green */
html body .home-blocks-block-custom-content .row.vic-nearly-there strong {
  color: #29a895 !important;
  font-weight: 700 !important;
}
/* Kill any decorative ::before/::after gradients on these rows */
html body .home-blocks-block-custom-content .row.vic-join-now-section::before,
html body .home-blocks-block-custom-content .row.vic-join-now-section::after,
html body .row.vic-join-now-section::before,
html body .row.vic-join-now-section::after,
html body .row.vic-nearly-there::before,
html body .row.vic-nearly-there::after {
  background: transparent !important;
  background-image: none !important;
  content: none !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 — HP-C v2: overlay scroll cue inside hero
   Three rigid columns (left/center/right) that hold on every viewport
   incl. mobile. Scroll label stacks vertically above thick SVG chevrons.
   ============================================================== */

/* The hero must be the positioning context for the overlay */
html body.body-home-index .home-jumbo {
  position: relative !important;
}

/* Kill the outside-hero version that a previous run may have produced */
html body.body-home-index .home > .vic-scroll-cue:not(.vic-scroll-cue-in-hero),
html body.body-home-index main > .vic-scroll-cue:not(.vic-scroll-cue-in-hero) {
  display: none !important;
}

/* The cue is a translucent bar pinned to the bottom of the hero */
html body.body-home-index .home-jumbo .vic-scroll-cue.vic-scroll-cue-in-hero {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px 20px 16px !important;
  background: linear-gradient(180deg, rgba(11, 35, 54, 0) 0%, rgba(11, 35, 54, 0.55) 60%, rgba(11, 35, 54, 0.82) 100%) !important;
  z-index: 4 !important;
  font-family: 'Poppins', 'Space Grotesk', sans-serif;
  color: #ffffff !important;
  pointer-events: auto;
}

/* Left and right columns — pill-shaped text links anchored to their edges */
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left,
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  transition: background-color 150ms ease, color 150ms ease;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* left pinned to the left edge of its column */
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left {
  justify-self: start !important;
  text-align: left !important;
}
/* right pinned to the right edge of its column */
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
  justify-self: end !important;
  text-align: right !important;
}
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left:hover,
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right:hover,
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left:focus-visible,
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right:focus-visible {
  background: #29a895 !important;
  color: #ffffff !important;
}

/* Center column — Scroll label on top, thick chevron stack under it */
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-self: center !important;
  gap: 4px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 4px 10px !important;
  border-radius: 12px !important;
  min-width: 72px;
}
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-label {
  font-size: 11px !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  opacity: 0.92;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
}
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-chevs {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
  line-height: 0.7;
}
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev {
  width: 28px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.55));
  animation: vic-chev-pulse-v2 1.8s ease-in-out infinite;
  will-change: transform, opacity;
}
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev:nth-child(2) { animation-delay: 0.15s; }
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev:nth-child(3) { animation-delay: 0.30s; }
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev-svg {
  width: 100%;
  height: 100%;
  display: block;
  stroke: currentColor;
}
/* Force the SVG stroke weight to be bold no matter what other cascading rules say */
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev-svg path {
  stroke: #ffffff !important;
  stroke-width: 4.5 !important;
  fill: none !important;
}
@keyframes vic-chev-pulse-v2 {
  0%   { opacity: 0.55; transform: translateY(0); }
  50%  { opacity: 1;    transform: translateY(4px); }
  100% { opacity: 0.55; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev { animation: none !important; }
}

/* Mobile: keep 3 columns — shrink fonts, truncate labels to fit */
@media (max-width: 640px) {
  html body.body-home-index .home-jumbo .vic-scroll-cue.vic-scroll-cue-in-hero {
    padding: 10px 10px 12px !important;
    gap: 8px !important;
  }
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left,
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
    font-size: 12.5px !important;
    padding: 6px 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-label {
    font-size: 9.5px !important;
    letter-spacing: 0.18em !important;
  }
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev {
    width: 22px;
    height: 14px;
  }
}
@media (max-width: 380px) {
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left,
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
    font-size: 11.5px !important;
    padding: 5px 6px !important;
  }
}

/* ==============================================================
   VIC-HPBRIEF-2026-04-24 — Zero gap between hero and the 'A Practical Voice' block
   ============================================================== */
/* Kill any top margin/padding on the first home-blocks-block that follows the hero */
html body.body-home-index .home-jumbo + .home-blocks-block,
html body.body-home-index .home > .home-blocks > .home-blocks-block:first-child,
html body.body-home-index .home-jumbo + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Also, the inner content block's first image should hug the hero */
html body.body-home-index .home-jumbo + .home-blocks-block img,
html body.body-home-index .home-jumbo + .home-blocks-block picture,
html body.body-home-index .home-jumbo + .home-blocks-block .user-content img:first-child,
html body.body-home-index .home-jumbo + .home-blocks-block .user-content > *:first-child {
  margin-top: 0 !important;
}
/* And the hero itself: remove any bottom margin it might be carrying */
html body.body-home-index .home-jumbo {
  margin-bottom: 0 !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 — PATCH: restore Practical Voice image and
   pin it flush against the bottom edge of the hero. Prior cycles
   had hidden this image via display:none + visibility:hidden + 0 height.
   ============================================================== */
/* Un-hide the col and the image itself */
html body.body-home-index .home-blocks-block-custom-content .vic-practical-quote .col-md-6:nth-child(2),
html body.body-home-index .home-blocks-block-custom-content .vic-practical-quote img,
html body.body-home-index .vic-practical-quote .col-md-6:nth-child(2),
html body.body-home-index .vic-practical-quote img,
html body.body-home-index .vic-intro-row .col-md-6:nth-child(2),
html body.body-home-index .vic-intro-row img {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  opacity: 1 !important;
}

/* Layout the practical row so the image is the first visible element on top,
   full-width, directly under the hero. */
html body.body-home-index .vic-practical-quote,
html body.body-home-index .row.vic-practical-quote,
html body.body-home-index .vic-intro-row,
html body.body-home-index .row.vic-intro-row {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Inside the row, make the image column span full width and stack first */
html body.body-home-index .vic-practical-quote .col-md-6,
html body.body-home-index .vic-intro-row .col-md-6 {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* The image column that was hidden — make it order:0 so it renders above the text column */
html body.body-home-index .vic-practical-quote .col-md-6:nth-child(2),
html body.body-home-index .vic-intro-row .col-md-6:nth-child(2) {
  order: 0 !important;
}
html body.body-home-index .vic-practical-quote .col-md-6:nth-child(1),
html body.body-home-index .vic-intro-row .col-md-6:nth-child(1) {
  order: 1 !important;
  padding: 24px 20px !important;
}
/* The image itself — full-width, no gap */
html body.body-home-index .vic-practical-quote .col-md-6 img,
html body.body-home-index .vic-intro-row .col-md-6 img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Hero + practical block touching: zero gap */
html body.body-home-index .home-jumbo {
  margin-bottom: 0 !important;
}
html body.body-home-index .home-blocks-block-custom-content:has(.vic-practical-quote),
html body.body-home-index .home-blocks-block-custom-content:has(.vic-intro-row) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Also, no top-margin on the row itself inside that block */
html body.body-home-index .home-blocks-block-custom-content .row.vic-practical-quote,
html body.body-home-index .home-blocks-block-custom-content .row.vic-intro-row {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* VIC-HPBRIEF-2026-04-24 — Practical Voice gap PATCH #1 — kill 140px margin-top */
html body.body-home-index .home-blocks-block-custom-content .row.vic-practical-quote.vic-intro-row,
html body.body-home-index .home-blocks-block-custom-content .row.vic-practical-quote,
html body.body-home-index .home-blocks-block-custom-content .row.vic-intro-row,
html body.body-home-index div.row.vic-practical-quote.vic-intro-row,
html body.body-home-index div.row.vic-practical-quote,
html body.body-home-index div.row.vic-intro-row {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* And the surrounding block */
html body.body-home-index .home-blocks .home-blocks-block-custom-content:has(.vic-practical-quote),
html body.body-home-index .home-blocks .home-blocks-block-custom-content:has(.vic-intro-row) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 — Practical Voice: image BEHIND text
   The 5-people photo becomes the section background (object-fit:cover).
   A compact text card sits in the LOWER portion so every face above is visible.
   Scoped homepage only. Works on desktop, mobile portrait, mobile landscape.
   ============================================================== */
html body.body-home-index .row.vic-practical-quote,
html body.body-home-index .row.vic-intro-row,
html body.body-home-index .row.vic-practical-quote.vic-intro-row {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 560px !important;
  overflow: hidden !important;
  background: #0f3e35 !important;
}
/* Image column → fills the whole section as background */
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2),
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 0 !important;
  order: 0 !important;
  display: block !important;
}
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2) img,
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  /* Bias the photo to the TOP so heads are never cut off */
  object-position: 50% 15% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  border-radius: 0 !important;
}
/* Soft gradient at the bottom so the text card has a contrasting underlayer */
html body.body-home-index .row.vic-practical-quote::after,
html body.body-home-index .row.vic-intro-row::after {
  content: '' !important;
  position: absolute !important;
  left: 0; right: 0; bottom: 0;
  height: 60% !important;
  background: linear-gradient(180deg, rgba(11, 35, 54, 0) 0%, rgba(11, 35, 54, 0.35) 55%, rgba(11, 35, 54, 0.75) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
/* Text column → positioned absolutely in the LOWER portion, as a card */
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(1),
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(1) {
  position: absolute !important;
  left: 50% !important;
  bottom: 24px !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  width: calc(100% - 40px) !important;
  max-width: 720px !important;
  padding: 22px 26px !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #0f3e35 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(11, 35, 54, 0.25), 0 2px 6px rgba(11, 35, 54, 0.12) !important;
  z-index: 2 !important;
  order: 1 !important;
  text-align: left !important;
}
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(1) h1,
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(1) h2,
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(1) h3,
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(1) h1,
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(1) h2,
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(1) h3 {
  color: #0f3e35 !important;
  text-shadow: none !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(1) p,
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(1) p {
  color: #0f3e35 !important;
  text-shadow: none !important;
  margin-bottom: 0 !important;
}

/* MOBILE portrait — taller section so heads remain visible above a shorter card */
@media (max-width: 640px) {
  html body.body-home-index .row.vic-practical-quote,
  html body.body-home-index .row.vic-intro-row,
  html body.body-home-index .row.vic-practical-quote.vic-intro-row {
    min-height: 440px !important;
  }
  html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2) img,
  html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) img {
    object-position: 50% 20% !important;
  }
  html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(1),
  html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(1) {
    bottom: 16px !important;
    padding: 16px 18px !important;
    width: calc(100% - 24px) !important;
  }
}
/* MOBILE landscape / short viewports — shorter section to avoid empty whitespace */
@media (max-height: 500px) and (max-width: 900px) {
  html body.body-home-index .row.vic-practical-quote,
  html body.body-home-index .row.vic-intro-row,
  html body.body-home-index .row.vic-practical-quote.vic-intro-row {
    min-height: 340px !important;
  }
  html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(1),
  html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(1) {
    bottom: 12px !important;
    padding: 12px 16px !important;
  }
}

/* ==============================================================
   VIC-HPBRIEF-2026-04-24 — Chevrons 4× wider + thicker
   Old: 28×18, stroke 4.5. New: 120×42, stroke 6. Mobile: 90×32, stroke 5.
   ============================================================== */
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev {
  width: 120px !important;
  height: 42px !important;
}
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev-svg path {
  stroke-width: 6 !important;
}
@media (max-width: 640px) {
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev {
    width: 90px !important;
    height: 32px !important;
  }
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev-svg path {
    stroke-width: 5 !important;
  }
}
@media (max-width: 380px) {
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev {
    width: 70px !important;
    height: 26px !important;
  }
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 — Practical Voice: single image, full-viewport width
   Guarantees ONE rendered image (no stray bg) and spans the full viewport edge-to-edge,
   never exceeding the screen width.
   ============================================================== */

/* Break the row out of its container so it can span full viewport width */
html body.body-home-index .row.vic-practical-quote,
html body.body-home-index .row.vic-intro-row,
html body.body-home-index .row.vic-practical-quote.vic-intro-row {
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden !important;
  background: #0f3e35 !important;
  background-image: none !important;
}

/* Enforce only the one <img> renders — wipe any other bg on siblings */
html body.body-home-index .row.vic-practical-quote *,
html body.body-home-index .row.vic-intro-row * {
  background-image: none;
}
/* But keep the text card's own background (white) AND the button gradients intact */
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(1) {
  background: rgba(255, 255, 255, 0.94) !important;
}
html body.body-home-index .row.vic-practical-quote .btn.btn-join,
html body.body-home-index .row.vic-practical-quote .btn.btn-donate,
html body.body-home-index .row.vic-intro-row .btn.btn-join,
html body.body-home-index .row.vic-intro-row .btn.btn-donate {
  background-image: linear-gradient(135deg, currentColor 0%, currentColor 100%) !important;
}

/* The image element — ONE and only — full viewport width exactly */
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2) img,
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) img {
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
}

/* Also make the image column span the whole row even when viewport changes */
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2),
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) {
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

/* Prevent any page-wide horizontal scroll from this section */
html body.body-home-index {
  overflow-x: clip !important;
}

/* ==============================================================
   VIC-HPBRIEF-2026-04-24 — Mobile scroll-cue: let the left/right text
   wrap to 2 lines and reshape chevrons horizontal with 'Scroll' above.
   ============================================================== */
@media (max-width: 640px) {
  /* Left & right text: allow up to 2 lines, not cut off */
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left,
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
    font-size: 11.5px !important;
    padding: 4px 8px !important;
    max-width: 100% !important;
    hyphens: auto !important;
  }
  /* Left stays left-aligned, right stays right-aligned */
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left {
    text-align: left !important;
  }
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
    text-align: right !important;
  }

  /* Chevrons: row (horizontal) with 'Scroll' label on top */
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-center {
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important;
    padding: 2px 6px !important;
    min-width: 0 !important;
  }
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-label {
    font-size: 9px !important;
    letter-spacing: 0.14em !important;
    margin-bottom: 1px !important;
  }
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-chevs {
    flex-direction: row !important;
    gap: 4px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev {
    width: 22px !important;
    height: 20px !important;
  }
  /* chevron pulse animation already applies */
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev-svg path {
    stroke-width: 4.5 !important;
  }

  /* Grid template: keep left | center | right proportions */
  html body.body-home-index .home-jumbo .vic-scroll-cue.vic-scroll-cue-in-hero {
    grid-template-columns: 1fr auto 1fr !important;
    gap: 6px !important;
    padding: 8px 8px 10px !important;
    align-items: center !important;
  }
}

@media (max-width: 380px) {
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left,
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
    font-size: 10.5px !important;
    padding: 3px 5px !important;
  }
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev {
    width: 18px !important;
    height: 16px !important;
  }
}


/* VIC-HPBRIEF-2026-04-24 — PATCH: kill the parent block's 12px horizontal padding
   at the practical-voice row so the image spans edge-to-edge.
   Scoped so it only affects the block that contains the practical voice row. */
html body.body-home-index .home-blocks .home-blocks-block-custom-content:has(.vic-practical-quote),
html body.body-home-index .home-blocks .home-blocks-block-custom-content:has(.vic-intro-row) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* And break the row out of any residual negative margin — keep it full viewport */
html body.body-home-index .home-blocks-block-custom-content .row.vic-practical-quote,
html body.body-home-index .home-blocks-block-custom-content .row.vic-intro-row,
html body.body-home-index .row.vic-practical-quote,
html body.body-home-index .row.vic-intro-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}
/* Image stays full viewport */
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2) img,
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) img {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2),
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}


/* VIC-HPBRIEF-2026-04-24 — landscape mobile: horizontal chevrons too */
@media (max-height: 500px) and (max-width: 900px) {
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-chevs {
    flex-direction: row !important;
    gap: 4px !important;
  }
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev {
    width: 22px !important;
    height: 20px !important;
  }
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left,
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
    font-size: 12px !important;
  }
}


/* VIC-HPBRIEF-2026-04-24 — Practical Voice image: true full-viewport width on every breakpoint
   Force the row and its image column to break out of any constrained container. */
html body.body-home-index .home-blocks-block-custom-content .row.vic-practical-quote,
html body.body-home-index .home-blocks-block-custom-content .row.vic-intro-row,
html body.body-home-index .row.vic-practical-quote,
html body.body-home-index .row.vic-intro-row {
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
}
/* Image column: span that 100vw */
html body.body-home-index .home-blocks-block-custom-content .row.vic-practical-quote .col-md-6:nth-child(2),
html body.body-home-index .home-blocks-block-custom-content .row.vic-intro-row .col-md-6:nth-child(2),
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2),
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}
/* Image itself */
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2) img,
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) img {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  object-fit: cover !important;
}
/* Belt-and-braces: no horizontal overflow anywhere on the homepage */
html body.body-home-index,
html body.body-home-index main,
html body.body-home-index .home {
  overflow-x: clip !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (B) — five updates
   1) Practical voice image: no curved corners
   2) Desktop scroll-cue adopts mobile design (horizontal chevrons, wrap)
   3) Radial pulse rings emanating from the Join the Party pill
   4) 'Join Now and Change Politics' restyled to match 'Our Focus' heading
   5) Encouragement bubble visible on mobile too
   ============================================================== */

/* 1) Kill all border-radius on the practical voice row + image */
html body.body-home-index .row.vic-practical-quote,
html body.body-home-index .row.vic-intro-row,
html body.body-home-index .row.vic-practical-quote.vic-intro-row,
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2),
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2),
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2) img,
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) img {
  border-radius: 0 !important;
}

/* 2) Desktop scroll cue adopts mobile design: horizontal chevrons, wrap text */
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-chevs {
  flex-direction: row !important;
  gap: 6px !important;
  align-items: center !important;
  justify-content: center !important;
}
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left,
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.2 !important;
  hyphens: auto !important;
}
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev {
  width: 40px !important;
  height: 28px !important;
}
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev-svg path {
  stroke-width: 5 !important;
}
/* Mobile keeps its own tighter chev size (already in previous rule) */
@media (max-width: 640px) {
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-chev {
    width: 22px !important;
    height: 20px !important;
  }
}

/* 3) Radial pulse rings — two expanding rings out of the Join pill.
   Scoped to .vic-sticky-join--pulse so it only affects the sticky pill. */
#vic-sticky-cta .vic-sticky-join--pulse {
  position: relative;
  isolation: isolate;
  overflow: visible !important; /* allow rings to extend past the pill */
}
#vic-sticky-cta .vic-sticky-join--pulse::before,
#vic-sticky-cta .vic-sticky-join--pulse::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: transparent !important;
  border: 2px solid #fcd666 !important;
  pointer-events: none !important;
  z-index: -1 !important;
  animation: vic-join-radial-pulse 1.8s cubic-bezier(0, 0.55, 0.45, 1) infinite !important;
  will-change: transform, opacity !important;
}
#vic-sticky-cta .vic-sticky-join--pulse::after {
  animation-delay: 0.9s !important;
}
@keyframes vic-join-radial-pulse {
  0%   { transform: scale(1);    opacity: 0.85; }
  80%  { transform: scale(1.9);  opacity: 0;    }
  100% { transform: scale(1.9);  opacity: 0;    }
}
@media (prefers-reduced-motion: reduce) {
  #vic-sticky-cta .vic-sticky-join--pulse::before,
  #vic-sticky-cta .vic-sticky-join--pulse::after {
    animation: none !important;
    opacity: 0 !important;
  }
}
/* Pause rings on hover (matches inner pulse pause) */
#vic-sticky-cta .vic-sticky-join--pulse:hover::before,
#vic-sticky-cta .vic-sticky-join--pulse:hover::after,
#vic-sticky-cta .vic-sticky-join--pulse:focus-visible::before,
#vic-sticky-cta .vic-sticky-join--pulse:focus-visible::after {
  animation-play-state: paused !important;
}

/* 4) 'Join Now and Change Politics' heading matches 'Our Focus in Victoria' style */
/* First, neutralise the colour/text-transform from prior cycles that made it gross */
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section h1,
html body.body-home-index .row.vic-join-now-section h1 {
  position: relative !important;
  display: inline-block !important;
  font-family: 'Poppins', 'Poppins Fallback', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 42px !important;
  font-weight: 800 !important;
  letter-spacing: -0.42px !important;
  line-height: 1.2 !important;
  color: #0b2336 !important;
  text-transform: none !important;
  text-shadow: none !important;
  margin: 0 auto 12px !important;
  padding: 0 30px !important; /* room for the slanted tag */
  text-align: center !important;
}
/* '(it's super quick)' sits TOP-RIGHT of the heading, slanted */
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section h1 .vic-quick-tag,
html body.body-home-index .row.vic-join-now-section h1 .vic-quick-tag {
  position: absolute !important;
  top: -14px !important;
  right: -18px !important;
  transform: rotate(-8deg) !important;
  display: inline-block !important;
  background: #29a895 !important;
  background-image: none !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 10px rgba(41, 168, 149, 0.35) !important;
}
@media (max-width: 640px) {
  html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section h1,
  html body.body-home-index .row.vic-join-now-section h1 {
    font-size: 28px !important;
    padding: 0 16px !important;
  }
  html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section h1 .vic-quick-tag,
  html body.body-home-index .row.vic-join-now-section h1 .vic-quick-tag {
    top: -10px !important;
    right: -8px !important;
    font-size: 11px !important;
    padding: 4px 9px !important;
  }
}

/* 5) Show the encouragement bubble on MOBILE too */
.vic-sticky-cta .vic-sticky-join-bubble {
  display: inline-block !important;
}
@media (max-width: 640px) {
  .vic-sticky-cta .vic-sticky-join-bubble {
    display: inline-block !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    padding: 8px 12px !important;
    left: 6px !important;
    right: 6px !important;
    bottom: calc(100% + 8px) !important;
    border-radius: 12px !important;
  }
  .vic-sticky-cta .vic-sticky-join-bubble-tail {
    left: 28px !important;
  }
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (C) — three follow-ups
   1) EXACT replica of 'Our Focus in Victoria' heading for Join Now
   2) Kill the nearly-there shape, make copy readable
   3) Ensure practical voice image touches hero bottom (no overlap)
   ============================================================== */

/* 1) Join Now heading — pixel-match the Our Focus H2 style. Uses
   max-specificity with !important to win over prior overrides, and adds
   the ::after gradient underline bar. */
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section h1,
html body.body-home-index .row.vic-join-now-section h1 {
  display: inline-block !important;
  position: relative !important;
  font-family: 'Poppins', 'Poppins Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.42px !important;
  color: #0b2336 !important;
  text-transform: none !important;
  text-shadow: none !important;
  text-align: center !important;
  margin: 0 auto 8px !important;
  padding: 0 0 14px !important;
  background: transparent !important;
  background-image: none !important;
}
/* Center the heading in its parent */
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section .col-md-12,
html body.body-home-index .row.vic-join-now-section .col-md-12 {
  text-align: center !important;
}
/* Gradient underline bar — identical size to Our Focus (72×4px) */
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section h1::after,
html body.body-home-index .row.vic-join-now-section h1::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  width: 72px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #29a895 0%, #fcd666 100%) !important;
  background-image: linear-gradient(90deg, #29a895 0%, #fcd666 100%) !important;
  border-radius: 4px !important;
  display: block !important;
}
/* '(it's super quick)' tag — slanted top-right, green pill, white text */
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section h1 .vic-quick-tag,
html body.body-home-index .row.vic-join-now-section h1 .vic-quick-tag,
html body.body-home-index .row.vic-join-now-section h1 span.vic-quick-tag {
  position: absolute !important;
  top: -10px !important;
  right: -14px !important;
  transform: rotate(-8deg) !important;
  display: inline-block !important;
  background: #29a895 !important;
  background-image: none !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 10px rgba(41, 168, 149, 0.35) !important;
}
@media (max-width: 640px) {
  html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section h1,
  html body.body-home-index .row.vic-join-now-section h1 {
    font-size: 28px !important;
    padding: 0 0 12px !important;
  }
}

/* 2) Nearly-there: kill the shape, force readable text */
html body.body-home-index .row.vic-nearly-there,
html body.body-home-index .row.vic-join-now-body {
  background: #fff9e3 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
/* Wipe the <p>'s decorative shape (gradient bg) */
html body.body-home-index .row.vic-nearly-there p,
html body.body-home-index .row.vic-join-now-body p {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  color: #0b2336 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: center !important;
  padding: 8px 20px 16px !important;
  margin: 0 auto !important;
  max-width: 720px !important;
  text-shadow: none !important;
}
/* Wipe any ::before/::after shapes */
html body.body-home-index .row.vic-nearly-there p::before,
html body.body-home-index .row.vic-nearly-there p::after,
html body.body-home-index .row.vic-nearly-there::before,
html body.body-home-index .row.vic-nearly-there::after,
html body.body-home-index .row.vic-join-now-body p::before,
html body.body-home-index .row.vic-join-now-body p::after {
  content: none !important;
  background: transparent !important;
  background-image: none !important;
}
/* Kill italic + force dark colour on inner <i> */
html body.body-home-index .row.vic-nearly-there p i,
html body.body-home-index .row.vic-nearly-there p em,
html body.body-home-index .row.vic-join-now-body p i,
html body.body-home-index .row.vic-join-now-body p em {
  font-style: normal !important;
  color: #0b2336 !important;
  text-shadow: none !important;
  background: transparent !important;
  opacity: 1 !important;
}
/* 'YOUR' accent stays green-bold */
html body.body-home-index .row.vic-nearly-there p strong,
html body.body-home-index .row.vic-join-now-body p strong {
  color: #29a895 !important;
  font-weight: 800 !important;
}

/* 3) Image touches hero — belt-and-braces to guarantee 0 overlap */
html body.body-home-index .home-jumbo {
  margin-bottom: 0 !important;
}
html body.body-home-index .home-blocks-block-custom-content:has(.vic-practical-quote),
html body.body-home-index .home-blocks-block-custom-content:has(.vic-intro-row) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
html body.body-home-index .row.vic-practical-quote,
html body.body-home-index .row.vic-intro-row,
html body.body-home-index .row.vic-practical-quote.vic-intro-row {
  margin-top: 0 !important;
  top: 0 !important;
  transform: none !important;
}
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2),
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) {
  top: 0 !important;
}
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2) img,
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) img {
  top: 0 !important;
  margin-top: 0 !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (D) — seven follow-ups
   ============================================================== */

/* 1) Join Now section container — match Our Focus heading container
   (soft cream linear-gradient, 14px radius). Kill the prior cream slab. */
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section,
html body.body-home-index .row.vic-join-now-section {
  background: transparent !important;
  background-image: linear-gradient(135deg, #f4faf8 0%, #fffaea 100%) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  border: 1px solid rgba(15, 62, 53, 0.06) !important;
  margin: 32px auto 0 !important;
  padding: 48px 24px 32px !important;
  max-width: 1200px !important;
}
/* Remove the stray 'Join Now' wrapper around the heading if it had padding */
html body.body-home-index .row.vic-join-now-section .col-md-12 {
  padding-top: 8px !important;
  padding-bottom: 0 !important;
}

/* 2) '(it's super quick)' tag — OVER the top-right of 'Change', slanting
   DOWN to the right (positive rotation), never hidden/cut. Uses translate
   to sit on top-right of the heading with enough clearance. */
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section h1 .vic-quick-tag,
html body.body-home-index .row.vic-join-now-section h1 .vic-quick-tag,
html body.body-home-index .row.vic-join-now-section h1 span.vic-quick-tag {
  position: absolute !important;
  top: -22px !important;
  right: -6px !important;
  transform: translate(18%, 0) rotate(8deg) !important; /* DOWN-to-the-right slant */
  display: inline-block !important;
  background: #29a895 !important;
  background-image: linear-gradient(135deg, #29a895 0%, #1f8a78 100%) !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: 0 6px 16px rgba(41, 168, 149, 0.4), 0 2px 4px rgba(11, 35, 54, 0.15) !important;
  z-index: 3 !important;
}
/* Add a tiny sparkle before the tag */
html body.body-home-index .row.vic-join-now-section h1 .vic-quick-tag::before {
  content: '✨' !important;
  margin-right: 4px !important;
  display: inline-block !important;
  font-size: 13px !important;
}
/* Ensure heading has room for the tag — widen padding-right so the tag never sits over 'Change' text */
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section h1,
html body.body-home-index .row.vic-join-now-section h1 {
  padding-right: 40px !important;
  padding-top: 12px !important; /* room for the tag to sit above */
}
@media (max-width: 640px) {
  html body.body-home-index .row.vic-join-now-section h1 .vic-quick-tag {
    top: -14px !important;
    right: 0 !important;
    transform: translate(4%, 0) rotate(8deg) !important;
    font-size: 11px !important;
    padding: 5px 10px !important;
  }
}

/* 3) 'We're nearly there' — remove the old container, soft callout */
html body.body-home-index .row.vic-nearly-there,
html body.body-home-index .row.vic-join-now-body {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 auto 8px !important;
  padding: 8px 16px 24px !important;
  max-width: 1200px !important;
  border-radius: 0 !important;
}
html body.body-home-index .row.vic-nearly-there p,
html body.body-home-index .row.vic-join-now-body p {
  position: relative !important;
  display: block !important;
  max-width: 640px !important;
  margin: 0 auto !important;
  padding: 14px 26px !important;
  background: transparent !important;
  background-image: none !important;
  color: #0b2336 !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: center !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.body-home-index .row.vic-nearly-there p i {
  font-style: normal !important;
  color: #0b2336 !important;
  background: transparent !important;
}
html body.body-home-index .row.vic-nearly-there p strong,
html body.body-home-index .row.vic-join-now-body p strong {
  color: #29a895 !important;
  font-weight: 800 !important;
}
/* Add a cute before/after emoji accent for warmth */
html body.body-home-index .row.vic-nearly-there p::before {
  content: '🙌' !important;
  display: block !important;
  font-size: 26px !important;
  margin-bottom: 6px !important;
  line-height: 1 !important;
  background: transparent !important;
  position: static !important;
}

/* 4) Tier cards: remove yellow container bg, Poppins font, better cards */
html body.body-home-index .vic-tier-row,
html body.body-home-index .row.vic-tier-row {
  background: transparent !important;
  background-image: none !important;
  padding: 24px 16px 40px !important;
  margin: 16px auto !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html body.body-home-index .vic-tier-card,
html body.body-home-index .vic-tier-card.vic-tier-highlight {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(15, 62, 53, 0.10) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(11, 35, 54, 0.08), 0 2px 4px rgba(11, 35, 54, 0.04) !important;
  padding: 28px 22px !important;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
  transition: transform 180ms ease, box-shadow 180ms ease !important;
}
html body.body-home-index .vic-tier-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(11, 35, 54, 0.12), 0 4px 8px rgba(11, 35, 54, 0.06) !important;
}
html body.body-home-index .vic-tier-card.vic-tier-highlight {
  border: 2px solid #29a895 !important;
  box-shadow: 0 12px 32px rgba(41, 168, 149, 0.18), 0 2px 4px rgba(41, 168, 149, 0.08) !important;
  position: relative;
}
/* Use Poppins across all tier card text */
html body.body-home-index .vic-tier-card,
html body.body-home-index .vic-tier-card h1,
html body.body-home-index .vic-tier-card h2,
html body.body-home-index .vic-tier-card h3,
html body.body-home-index .vic-tier-card p,
html body.body-home-index .vic-tier-card li,
html body.body-home-index .vic-tier-card a,
html body.body-home-index .vic-tier-card .btn {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif !important;
}
html body.body-home-index .vic-tier-card h1 {
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
html body.body-home-index .vic-tier-card h3,
html body.body-home-index .vic-tier-card h4 {
  font-weight: 700 !important;
}

/* 5) Scroll cue: bigger flexible text, always contains within bounds */
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left,
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
  font-size: clamp(13px, 1.4vw, 20px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
@media (max-width: 640px) {
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left,
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
    font-size: clamp(11px, 3.2vw, 14px) !important;
  }
}

/* 6) Closing band — hide the 'Hey you got this far' H1 box and the
   stray 'JOIN US!' btn between 'What are you waiting for?' and the body. */
html body.body-home-index .vic-closing-band h1:not(.vic-hpbrief-final *):first-of-type {
  display: none !important;
}
html body.body-home-index .vic-closing-band .btn.btn-primary.btn-lg:not(.vic-hpbrief-final-join):not(.vic-hpbrief-final-donate) {
  display: none !important;
}
/* Also dampen any remaining random element padding near the top */
html body.body-home-index .vic-closing-band .vic-got-this-far {
  padding: 0 !important;
  margin: 0 !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (E) — mobile cue no-hyphen + tag above card
   + non-home menu styling + white logo/join row underneath
   ============================================================== */

/* 1) Mobile cue text: no hyphens, break by whole word */
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left,
html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}
@media (max-width: 640px) {
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-left,
  html body.body-home-index .home-jumbo .vic-scroll-cue .vic-scroll-cue-right {
    hyphens: none !important;
    -webkit-hyphens: none !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
  }
}

/* 2) Lift "(it's super quick)" ABOVE the card. Remove card border. */
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section,
html body.body-home-index .row.vic-join-now-section {
  border: 0 !important;
  overflow: visible !important; /* let the tag escape above */
  margin-top: 56px !important; /* room for the tag floating above */
}
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section .col-md-12,
html body.body-home-index .row.vic-join-now-section .col-md-12 {
  overflow: visible !important;
}
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section h1,
html body.body-home-index .row.vic-join-now-section h1 {
  overflow: visible !important;
}
/* Tag lifted fully above the card top edge */
html body.body-home-index .home-blocks-block-custom-content .row.vic-join-now-section h1 .vic-quick-tag,
html body.body-home-index .row.vic-join-now-section h1 .vic-quick-tag {
  top: -54px !important;
  right: -8px !important;
  transform: rotate(8deg) !important;
  font-size: 15px !important;
  padding: 9px 16px !important;
  z-index: 10 !important;
}
@media (max-width: 640px) {
  html body.body-home-index .row.vic-join-now-section {
    margin-top: 42px !important;
  }
  html body.body-home-index .row.vic-join-now-section h1 .vic-quick-tag {
    top: -38px !important;
    right: 0 !important;
    transform: rotate(8deg) !important;
    font-size: 12px !important;
    padding: 6px 11px !important;
  }
}

/* 3) Non-home pages: yellow menu bar (same as home) + white row beneath */
html body:not(.body-home-index) header.header {
  background: #fcd666 !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 1px 0 rgba(15, 62, 53, 0.15) !important;
}
html body:not(.body-home-index) header.header,
html body:not(.body-home-index) header.header a,
html body:not(.body-home-index) header.header .header-menu,
html body:not(.body-home-index) header.header .header-menu-label,
html body:not(.body-home-index) header.header .header-menu-label a {
  color: #0f3e35 !important;
  text-shadow: none !important;
}
html body:not(.body-home-index) header.header .header-menu-label a {
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  transition: background-color 150ms ease, color 150ms ease !important;
  border-bottom: 0 !important;
}
html body:not(.body-home-index) header.header .header-menu-label a:hover,
html body:not(.body-home-index) header.header .header-menu-label a:focus-visible {
  background: #29a895 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
html body:not(.body-home-index) header.header .header-menu-label a[aria-current="page"],
html body:not(.body-home-index) header.header .header-menu-label a.active {
  background: #29a895 !important;
  color: #ffffff !important;
}
/* Dark logo on yellow menu for sub-pages */
html body:not(.body-home-index) header.header .header-logo-dark { display: inline-block !important; }
html body:not(.body-home-index) header.header .header-logo-light { display: none !important; }
html body:not(.body-home-index) header.header .header-mobile-button { color: #0f3e35 !important; }

/* White row under the yellow menu — only on non-home pages */
.vic-subpage-hero-row {
  display: none; /* hidden by default; JS injects on non-home */
}
html body:not(.body-home-index) .vic-subpage-hero-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 14px 24px !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(15, 62, 53, 0.08) !important;
  position: relative !important;
  z-index: 80 !important;
  font-family: 'Poppins', sans-serif !important;
}
html body:not(.body-home-index) .vic-subpage-hero-row .vic-subpage-hero-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #0f3e35 !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  text-decoration: none !important;
  letter-spacing: -0.01em !important;
}
html body:not(.body-home-index) .vic-subpage-hero-row .vic-subpage-hero-logo img {
  height: 36px !important;
  width: auto !important;
  display: block !important;
}
html body:not(.body-home-index) .vic-subpage-hero-row .vic-subpage-hero-join {
  display: inline-block !important;
  background: #29a895 !important;
  color: #ffffff !important;
  padding: 10px 22px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  transition: background-color 150ms ease, transform 150ms ease !important;
  border: 0 !important;
}
html body:not(.body-home-index) .vic-subpage-hero-row .vic-subpage-hero-join:hover,
html body:not(.body-home-index) .vic-subpage-hero-row .vic-subpage-hero-join:focus-visible {
  background: #208e7d !important;
  transform: translateY(-1px) !important;
}
/* Safety: home must never show this row */
html body.body-home-index .vic-subpage-hero-row { display: none !important; }
@media (max-width: 640px) {
  html body:not(.body-home-index) .vic-subpage-hero-row {
    padding: 10px 14px !important;
  }
  html body:not(.body-home-index) .vic-subpage-hero-row .vic-subpage-hero-logo img {
    height: 30px !important;
  }
  html body:not(.body-home-index) .vic-subpage-hero-row .vic-subpage-hero-join {
    padding: 8px 14px !important;
    font-size: 13px !important;
  }
}
/* Reset sub-page main padding-top now that we have the white row instead */
html body:not(.body-home-index) main {
  padding-top: 0 !important;
}
/* But add back some space under the white row via the row itself (no main padding) */


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (F) — non-home pages only:
   - Kill the mobile hamburger + mobile Join Us col inside the header
   - Force the main Policies / Candidates / Events menu visible at all widths
   - Keep all of the above untouched on home
   ============================================================== */

/* Kill hamburger button and mobile-join-us col on non-home ONLY */
html body:not(.body-home-index) header.header .header-mobile-button,
html body:not(.body-home-index) header.header .mobile-join-us-col,
html body:not(.body-home-index) header.header .d-block.d-lg-none.text-right.col-2,
html body:not(.body-home-index) header.header .d-block.d-lg-none.col-5.mobile-join-us-col,
html body:not(.body-home-index) header.header [data-mobile-menu-target="button"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Force main nav column visible at all widths on non-home */
html body:not(.body-home-index) header.header .d-none.d-lg-block,
html body:not(.body-home-index) header.header .d-none.d-lg-block.col-lg-auto,
html body:not(.body-home-index) header.header .d-none.d-lg-block.col-lg-auto.ml-lg-auto,
html body:not(.body-home-index) header.header .d-none.d-lg-block.col-lg-auto.ml-lg-auto.text-right {
  display: block !important;
  visibility: visible !important;
  flex: 1 1 auto !important;
  text-align: right !important;
}

/* The nav inside it stays flex row */
html body:not(.body-home-index) header.header nav.menu {
  display: block !important;
}
html body:not(.body-home-index) header.header ul.header-menu {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
html body:not(.body-home-index) header.header ul.header-menu > li {
  display: list-item !important;
  list-style: none !important;
}

/* Also hide the logo column from inside the header on non-home because the
   logo now lives in the white row beneath. The white row is the single source
   of truth for logo on sub-pages. */
html body:not(.body-home-index) header.header .col-lg-auto.col-5 {
  display: none !important;
}

/* Collapse header to a single clean yellow row on non-home at every width */
html body:not(.body-home-index) header.header .header-layer {
  padding: 0 !important;
}
html body:not(.body-home-index) header.header .header-view {
  padding: 0 20px !important;
}
html body:not(.body-home-index) header.header .row.align-items-center {
  min-height: 52px !important;
  margin: 0 !important;
}
html body:not(.body-home-index) header.header {
  height: auto !important;
  min-height: 52px !important;
  padding: 8px 0 !important;
}
/* Centre the menu horizontally since the logo is gone */
html body:not(.body-home-index) header.header ul.header-menu {
  justify-content: center !important;
}

/* Mobile-specific tightening for sub-pages */
@media (max-width: 640px) {
  html body:not(.body-home-index) header.header ul.header-menu {
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }
  html body:not(.body-home-index) header.header .header-menu-label a {
    padding: 6px 10px !important;
    font-size: 13px !important;
  }
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (G) — non-home pages: yellow ONLY behind the
   menu links. Hide the entire logo+'The People's Watchdog' column from
   the yellow header bar (logo lives in the white row below).
   ============================================================== */
html body:not(.body-home-index) header.header .col-lg-auto.col-5,
html body:not(.body-home-index) header.header .watchdog-text,
html body:not(.body-home-index) header.header .header-logo,
html body:not(.body-home-index) header.header .header-logo-dark,
html body:not(.body-home-index) header.header .header-logo-light {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Kill the row's left gap since the logo column is gone */
html body:not(.body-home-index) header.header .row.align-items-center {
  justify-content: center !important;
}

/* The menu column should stretch to center, no ml-lg-auto push */
html body:not(.body-home-index) header.header .d-none.d-lg-block.col-lg-auto.ml-lg-auto.text-right,
html body:not(.body-home-index) header.header .d-none.d-lg-block {
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: center !important;
  flex: 1 1 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Belt-and-braces: the yellow bg on .header itself remains,
   but the logo column is gone so only the menu shows against yellow.
   The white row beneath holds the logo + Join Us. */


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (H) — non-home menu cleanup +
   left-of-Policies logo + zero-gap to banner + hard-code practical
   voice image touching hero
   ============================================================== */

/* 1) Kill any JOIN NOW / DONATE NOW pills that exist inside the yellow menu
   bar on non-home. My earlier §4 JS is retired but belt-and-braces hide them. */
html body:not(.body-home-index) header.header ul.header-menu .vic-subpage-cta-li,
html body:not(.body-home-index) header.header ul.header-menu a.vic-subpage-join-cta,
html body:not(.body-home-index) header.header ul.header-menu a.vic-subpage-donate-cta {
  display: none !important;
}
/* Also hide any generic header CTAs that may have been added elsewhere as <li> */
html body:not(.body-home-index) header.header ul.header-menu li.vic-join-now-btn,
html body:not(.body-home-index) header.header ul.header-menu li.vic-donate-now-btn {
  display: none !important;
}

/* 2) Insert space + styling for the injected logo <li> to the LEFT of Policies.
   The JS will add <li class="vic-menu-logo-li"><a><img …></a></li> as the first child. */
html body:not(.body-home-index) header.header ul.header-menu li.vic-menu-logo-li {
  display: inline-flex !important;
  align-items: center !important;
  margin-right: 18px !important;
}
html body:not(.body-home-index) header.header ul.header-menu li.vic-menu-logo-li a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body:not(.body-home-index) header.header ul.header-menu li.vic-menu-logo-li a:hover,
html body:not(.body-home-index) header.header ul.header-menu li.vic-menu-logo-li a:focus-visible {
  background: transparent !important;
}
html body:not(.body-home-index) header.header ul.header-menu li.vic-menu-logo-li img {
  height: 36px !important;
  width: auto !important;
  display: block !important;
}
@media (max-width: 640px) {
  html body:not(.body-home-index) header.header ul.header-menu li.vic-menu-logo-li img {
    height: 28px !important;
  }
  html body:not(.body-home-index) header.header ul.header-menu li.vic-menu-logo-li {
    margin-right: 10px !important;
  }
}

/* Since the logo is now on the left edge of the menu, align menu to left */
html body:not(.body-home-index) header.header ul.header-menu {
  justify-content: flex-start !important;
  padding: 0 20px !important;
}

/* 3) Zero-gap between banner and yellow menu on non-home.
   Ensure .header, its parents, and the banner have no margin/padding causing a
   gap. */
html body:not(.body-home-index) header.header,
html body:not(.body-home-index) header.header .header-layer,
html body:not(.body-home-index) header.header .header-view {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
html body:not(.body-home-index) .vic-top-banner {
  margin-bottom: 0 !important;
}
html body:not(.body-home-index) header.header .row.align-items-center {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 4) Image square corners (belt-and-braces) */
html body.body-home-index .row.vic-practical-quote,
html body.body-home-index .row.vic-intro-row,
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2),
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2),
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2) img,
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) img {
  border-radius: 0 !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (I) — cycle H requests:
   - Kill grey shade behind logo + menu items on non-home
   - Centre the menu
   - Remove hover underline / yellow line on menu items
   - White row permanently removed (JS also deletes it)
   ============================================================== */
html body:not(.body-home-index) header.header .header-nav-row,
html body:not(.body-home-index) header.header [class*="header-nav-row"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Centre the menu */
html body:not(.body-home-index) header.header ul.header-menu {
  justify-content: center !important;
  text-align: center !important;
}

/* Menu items: no border-bottom (yellow line), no hover underline */
html body:not(.body-home-index) header.header .header-menu-label a,
html body:not(.body-home-index) header.header .header-menu-label a:hover,
html body:not(.body-home-index) header.header .header-menu-label a:focus-visible,
html body:not(.body-home-index) header.header .header-menu-label a:active {
  border-bottom: 0 !important;
  text-decoration: none !important;
}

/* Remove any ::before/::after decorative lines under menu items */
html body:not(.body-home-index) header.header .header-menu-label a::before,
html body:not(.body-home-index) header.header .header-menu-label a::after,
html body:not(.body-home-index) header.header ul.header-menu > li > a::before,
html body:not(.body-home-index) header.header ul.header-menu > li > a::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* Wipe the white subpage-hero-row completely (it's deleted by JS too) */
html body .vic-subpage-hero-row,
html body.body-home-index .vic-subpage-hero-row,
html body:not(.body-home-index) .vic-subpage-hero-row {
  display: none !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (J) — cycle I requests:
   - Non-home mobile: hamburger returns; collapse inline menu; dropdown bg lighter
   - Kill banner→menu gap at mobile
   - Home: remove hairline between hero and practical voice image
   ============================================================== */

/* 1) Non-home MOBILE (≤1023px): show the hamburger, collapse the inline menu.
   This undoes my earlier force-show at small widths. */
@media (max-width: 1023.98px) {
  /* Hamburger column reappears */
  html body:not(.body-home-index) header.header .header-mobile-button,
  html body:not(.body-home-index) header.header .d-block.d-lg-none.text-right.col-2,
  html body:not(.body-home-index) header.header [data-mobile-menu-target="button"] {
    display: inline-flex !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    padding: 10px !important;
    margin: 0 !important;
    overflow: visible !important;
    align-items: center !important;
    justify-content: center !important;
  }
  html body:not(.body-home-index) header.header .d-block.d-lg-none.text-right.col-2 {
    display: block !important;
    width: auto !important;
    padding: 0 8px !important;
  }
  /* Hide the inline desktop menu column */
  html body:not(.body-home-index) header.header .d-none.d-lg-block,
  html body:not(.body-home-index) header.header .d-none.d-lg-block.col-lg-auto,
  html body:not(.body-home-index) header.header .d-none.d-lg-block.col-lg-auto.ml-lg-auto,
  html body:not(.body-home-index) header.header .d-none.d-lg-block.col-lg-auto.ml-lg-auto.text-right {
    display: none !important;
  }
  /* Un-hide the header logo column for mobile so logo sits left of hamburger */
  html body:not(.body-home-index) header.header .col-lg-auto.col-5 {
    display: flex !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    flex: 1 1 auto !important;
    padding: 6px 10px !important;
    overflow: visible !important;
  }
  html body:not(.body-home-index) header.header .col-lg-auto.col-5 .header-logo,
  html body:not(.body-home-index) header.header .col-lg-auto.col-5 .header-logo-dark {
    display: inline-block !important;
    visibility: visible !important;
    width: auto !important;
    height: 36px !important;
    overflow: visible !important;
  }
  html body:not(.body-home-index) header.header .col-lg-auto.col-5 .header-logo-light { display: none !important; }
  /* keep The People's Watchdog tagline hidden */
  html body:not(.body-home-index) header.header .watchdog-text { display: none !important; }

  /* Header row uses space-between so logo is left, hamburger right */
  html body:not(.body-home-index) header.header .row.align-items-center {
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  /* Hamburger icon colour (dark on yellow) */
  html body:not(.body-home-index) header.header .header-mobile-button {
    color: #0f3e35 !important;
    background: transparent !important;
    border: 0 !important;
  }
  html body:not(.body-home-index) header.header .header-mobile-button svg {
    width: 28px !important;
    height: 28px !important;
  }

  /* Dropdown menu: lighter-coloured bg */
  html body:not(.body-home-index) .header-view .d-lg-none.col-12 nav.menu,
  html body:not(.body-home-index) .header-view .d-lg-none.col-12 nav.menu > ul,
  html body:not(.body-home-index) .header-view .d-lg-none.col-12 {
    background: #fff6d0 !important;
    background-image: none !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 8px 20px rgba(11, 35, 54, 0.12) !important;
  }
  html body:not(.body-home-index) .header-view .d-lg-none.col-12 nav.menu > ul > li > a {
    background: transparent !important;
    background-image: none !important;
    color: #0f3e35 !important;
    padding: 14px 22px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border-bottom: 1px solid rgba(15, 62, 53, 0.08) !important;
    text-decoration: none !important;
  }
  html body:not(.body-home-index) .header-view .d-lg-none.col-12 nav.menu > ul > li:last-child > a {
    border-bottom: 0 !important;
  }
  html body:not(.body-home-index) .header-view .d-lg-none.col-12 nav.menu > ul > li > a:hover,
  html body:not(.body-home-index) .header-view .d-lg-none.col-12 nav.menu > ul > li > a:focus-visible {
    background: rgba(41, 168, 149, 0.12) !important;
    color: #0f3e35 !important;
  }
  /* Hide the logo <li> injector inside the dropdown (it's only for desktop inline) */
  html body:not(.body-home-index) .header-view .d-lg-none.col-12 nav.menu .vic-menu-logo-li { display: none !important; }
}

/* Hide the mobile "Join Us" col entirely — our header has logo + hamburger, no extra CTA */
html body:not(.body-home-index) header.header .mobile-join-us-col,
html body:not(.body-home-index) header.header .d-block.d-lg-none.col-5.mobile-join-us-col {
  display: none !important;
  width: 0 !important;
  padding: 0 !important;
}

/* 2) Zero gap between banner and yellow menu at mobile */
@media (max-width: 1023.98px) {
  html body:not(.body-home-index) .vic-top-banner {
    margin-bottom: 0 !important;
    padding-bottom: 6px !important;
  }
  html body:not(.body-home-index) header.header {
    margin-top: 0 !important;
    top: auto !important;
    padding-top: 0 !important;
  }
}

/* 3) Home: remove hairline between hero and the practical voice image.
   Use a belt-and-braces negative margin-top of 1px on the row when it's
   touching the hero to cover any sub-pixel seam. Applied only via CSS since
   JS already calculates the precise overlap. */
html body.body-home-index .row.vic-practical-quote,
html body.body-home-index .row.vic-intro-row {
  /* ensure no bottom-border on hero leaks through */
}
html body.body-home-index .home-jumbo {
  border-bottom: 0 !important;
  box-shadow: none !important;
}
html body.body-home-index .row.vic-practical-quote,
html body.body-home-index .row.vic-intro-row {
  border-top: 0 !important;
  box-shadow: none !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (K) — cycle J
   - MOBILE non-home: proper header layout (logo left, hamburger right, no watchdog),
     dropdown positioned so it doesn't overlap/hide page content below
   - DESKTOP home: kill the 1px hairline between hero and practical voice image
   ============================================================== */

/* Desktop hairline: make the practical voice row overlap the hero by 2px so
   the sub-pixel seam between them is never visible. Uses a pseudo-element at
   the row's very top to paint the 2px cover strip. */
html body.body-home-index .row.vic-practical-quote::before,
html body.body-home-index .row.vic-intro-row::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -2px !important;
  height: 3px !important;
  background: inherit !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
html body.body-home-index .row.vic-practical-quote,
html body.body-home-index .row.vic-intro-row {
  background-color: #0f3e35 !important; /* dark fallback behind the image so the 3px cover blends */
  overflow: hidden !important;
}
/* Also give the image a safety 2px negative top inside the column so it
   renders 2px up, covering any seam. The image's own object-fit keeps cropping
   to the visible area. */
html body.body-home-index .row.vic-practical-quote .col-md-6:nth-child(2) img,
html body.body-home-index .row.vic-intro-row .col-md-6:nth-child(2) img {
  top: -2px !important;
  height: calc(100% + 4px) !important;
}

/* ==== Mobile non-home header ==== */
@media (max-width: 1023.98px) {
  /* Watchdog text + ALL duplicate logo variants: hide */
  html body:not(.body-home-index) header.header .watchdog-text,
  html body:not(.body-home-index) header.header .header-logo-light,
  html body:not(.body-home-index) header.header ul.header-menu .vic-menu-logo-li {
    display: none !important;
  }

  /* Layout: a single 52px bar with logo left + hamburger right */
  html body:not(.body-home-index) header.header {
    padding: 0 !important;
    min-height: 56px !important;
  }
  html body:not(.body-home-index) header.header .row.align-items-center {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    min-height: 56px !important;
    margin: 0 !important;
  }
  /* Logo column: left-most, auto width */
  html body:not(.body-home-index) header.header .col-lg-auto.col-5 {
    display: flex !important;
    flex: 0 0 auto !important;
    order: 0 !important;
    align-items: center !important;
    padding: 4px 12px !important;
    width: auto !important;
    max-width: none !important;
  }
  html body:not(.body-home-index) header.header .col-lg-auto.col-5 a {
    display: inline-flex !important;
    align-items: center !important;
  }
  html body:not(.body-home-index) header.header .col-lg-auto.col-5 .header-logo-dark {
    display: inline-block !important;
    height: 34px !important;
    width: auto !important;
  }
  /* Hamburger column: right-most */
  html body:not(.body-home-index) header.header .d-block.d-lg-none.text-right.col-2 {
    display: flex !important;
    flex: 0 0 auto !important;
    order: 2 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 10px !important;
    width: auto !important;
    margin-left: auto !important;
  }
  /* Hide the mobile join us column entirely */
  html body:not(.body-home-index) header.header .d-block.d-lg-none.col-5.mobile-join-us-col {
    display: none !important;
  }
  /* Hide the desktop inline menu column at this breakpoint */
  html body:not(.body-home-index) header.header .d-none.d-lg-block.col-lg-auto.ml-lg-auto.text-right {
    display: none !important;
  }

  /* Dropdown: push page content, don't overlay it */
  html body:not(.body-home-index) .header-view .d-lg-none.col-12 {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    order: 3 !important;
    flex: 0 0 100% !important;
  }
  /* When closed the dropdown container has display:none via the mobile-menu
     controller; when open, make sure it pushes not overlays. */
  html body:not(.body-home-index) .header-view .d-lg-none.col-12[style*="display: none"] {
    display: none !important;
  }
  html body:not(.body-home-index) .header-view .d-lg-none.col-12:not([style*="display: none"]) {
    display: block !important;
  }
}

/* ==== Safety: keep mobile home behaviour untouched ==== */


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (L) — cycle K:
   1) Mobile non-home: delete the big logo/white-bg area, show the small
      BLACK logo LEFT of the hamburger, centered.
   2) Prevent JOIN NOW/DONATE NOW pill flash on page load (CSS hide before JS).
   3) Re-assert president 'R/ight' fix.
   4) Template (manifesto/proposal) title: black text, no grey shadow.
   ============================================================== */

/* ---- (1) Mobile non-home header layout ---- */
@media (max-width: 1023.98px) {
  /* Kill the big top logo column (was rendering as a white-ish block) */
  html body:not(.body-home-index) header.header .col-lg-auto.col-5 {
    display: none !important;
  }
  html body:not(.body-home-index) header.header .watchdog-text,
  html body:not(.body-home-index) header.header .header-logo,
  html body:not(.body-home-index) header.header .header-logo-light,
  html body:not(.body-home-index) header.header .header-logo-dark {
    display: none !important;
  }

  /* Single centered row: small black logo + hamburger to its right */
  html body:not(.body-home-index) header.header {
    min-height: 56px !important;
    padding: 0 !important;
  }
  html body:not(.body-home-index) header.header .row.align-items-center {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 18px !important;
    min-height: 56px !important;
    margin: 0 !important;
  }
  /* Show the injected .vic-menu-logo-li on mobile, left of the hamburger */
  html body:not(.body-home-index) header.header ul.header-menu .vic-menu-logo-li {
    display: inline-flex !important;
    order: 0 !important;
    margin: 0 !important;
  }
  html body:not(.body-home-index) header.header ul.header-menu .vic-menu-logo-li img {
    height: 34px !important;
    width: auto !important;
  }

  /* But the desktop-only menu container is hidden, so move our logo li out
     via a JS helper (added below) that places a copy in the main header row. */

  /* Hamburger column to the right of center */
  html body:not(.body-home-index) header.header .d-block.d-lg-none.text-right.col-2 {
    display: flex !important;
    order: 2 !important;
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 !important;
    margin-left: 0 !important;
  }
  /* Kill the mobile join-us col */
  html body:not(.body-home-index) header.header .d-block.d-lg-none.col-5.mobile-join-us-col {
    display: none !important;
    width: 0 !important;
  }
  /* Hide the inline desktop menu on mobile */
  html body:not(.body-home-index) header.header .d-none.d-lg-block.col-lg-auto.ml-lg-auto.text-right {
    display: none !important;
  }
  /* Place the mobile logo (injected via JS) left of hamburger */
  html body:not(.body-home-index) header.header .vic-mobile-logo {
    display: inline-flex !important;
    order: 1 !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body:not(.body-home-index) header.header .vic-mobile-logo img {
    height: 34px !important;
    width: auto !important;
    display: block !important;
  }
}
/* Desktop: hide the mobile-only logo we inject */
@media (min-width: 1024px) {
  .vic-mobile-logo { display: none !important; }
}

/* ---- (2) Pre-emptively hide JOIN/DONATE pills in non-home menu so they
     never flash on load, even before JS removes them. ---- */
html body:not(.body-home-index) header.header ul.header-menu a.vic-subpage-join-cta,
html body:not(.body-home-index) header.header ul.header-menu a.vic-subpage-donate-cta,
html body:not(.body-home-index) header.header ul.header-menu .vic-subpage-cta-li,
html body:not(.body-home-index) header.header ul.header-menu [class*="subpage-join"],
html body:not(.body-home-index) header.header ul.header-menu [class*="subpage-donate"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* ---- (3) President 'R/ight' fix (re-asserted with higher specificity + inline fallback via JS) ---- */
html body.body-home-index .vic-president-quote i,
html body.body-home-index .vic-president-quote em,
html body.body-home-index .vic-president-quote p i,
html body.body-home-index .vic-president-quote p em {
  font-style: normal !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
}
html body.body-home-index .vic-president-quote p {
  letter-spacing: 0 !important;
  word-spacing: normal !important;
}

/* ---- (4) Manifesto / Proposal template titles: black, no shadow ---- */
html body.body-manifesto-view h1,
html body.body-manifesto-view h2,
html body.body-manifesto-view h3,
html body.body-manifesto-view h4,
html body.body-manifesto-view .manifesto-topic-header h1,
html body.body-manifesto-view .manifesto-topic-header h2,
html body.body-manifesto-view .manifesto-topic-header h3,
html body.body-manifesto-index h1,
html body.body-manifesto-index h2,
html body.body-manifesto-index h3,
html body.body-proposal-view h1,
html body.body-proposal-view h2,
html body.body-proposal-view h3,
html body.template-manifesto h1,
html body.template-manifesto h2,
html body.template-manifesto h3,
html body.template-proposal h1,
html body.template-proposal h2,
html body.template-proposal h3 {
  color: #000000 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #000000 !important;
}


/* VIC-HPBRIEF-2026-04-24 (M) — restore italic president-quote look but keep R+ight merged (JS handles the merge) */
html body .vic-president-quote i,
html body .vic-president-quote em,
html body .vic-president-quote p i,
html body .vic-president-quote p em,
html body.body-home-index .vic-president-quote i,
html body.body-home-index .vic-president-quote em,
html body.body-home-index .vic-president-quote p i,
html body.body-home-index .vic-president-quote p em {
  font-style: italic !important;
  font-family: 'Fraunces', serif !important;
  color: var(--vic-ink, #0b2336) !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (N) — cycle M
   (A) Policy card Read-More alignment across rows
   (B) Yellow stylised vertical line on the left of the president message
   ============================================================== */

/* (A) Equal card heights + CTA pinned to bottom of card via flex */
html body.body-home-index .vic-policy-grid {
  align-items: stretch !important;
}
html body.body-home-index .vic-policy-card,
html body.body-home-index .vic-policy-card-c9 {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
html body.body-home-index .vic-policy-card > *,
html body.body-home-index .vic-policy-card-c9 > * {
  flex-shrink: 0;
}
/* Inner body grows to fill remaining space */
html body.body-home-index .vic-policy-card .vic-policy-body,
html body.body-home-index .vic-policy-card-c9 .vic-policy-body,
html body.body-home-index .vic-policy-card .vic-policy-flip-front,
html body.body-home-index .vic-policy-card-c9 .vic-policy-flip-front {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}
/* Image sticks to a consistent offset — push with margin-top:auto inside body so images bottom-align */
html body.body-home-index .vic-policy-card .vic-policy-body img,
html body.body-home-index .vic-policy-card-c9 .vic-policy-body img,
html body.body-home-index .vic-policy-card .vic-policy-body picture,
html body.body-home-index .vic-policy-card-c9 .vic-policy-body picture {
  margin-top: auto !important;
  display: block !important;
}
/* The full-width Read More bar (bottom of card) stays at the very bottom */
html body.body-home-index .vic-policy-card .vic-policy-readmore-fullwidth,
html body.body-home-index .vic-policy-card-c9 .vic-policy-readmore-fullwidth,
html body.body-home-index .vic-policy-card > a.btn:last-child,
html body.body-home-index .vic-policy-card-c9 > a.btn:last-child {
  margin-top: 0 !important;
  align-self: stretch !important;
}

/* (B) Yellow stylised line on the left of president quote */
html body.body-home-index .vic-president-quote {
  position: relative !important;
}
html body.body-home-index .vic-president-quote::before {
  content: '' !important;
  position: absolute !important;
  left: -6px !important;
  top: 40px !important;
  bottom: 20px !important;
  width: 4px !important;
  background: #fcd666 !important;
  border-radius: 2px !important;
  box-shadow: 0 0 0 1px rgba(252, 214, 102, 0.35) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}
@media (max-width: 768px) {
  html body.body-home-index .vic-president-quote::before {
    left: -2px !important;
    top: 28px !important;
    bottom: 16px !important;
    width: 3px !important;
  }
}


/* VIC-HPBRIEF-2026-04-24 (N2) — policy cards: natural height (no stretch) so each
   card's Read More CTA sits directly under its own image/body with no empty gap. */
html body.body-home-index .vic-policy-grid {
  align-items: start !important;
}
html body.body-home-index .vic-policy-card,
html body.body-home-index .vic-policy-card-c9 {
  height: auto !important;
  align-self: start !important;
}
/* The inner body does NOT grow beyond its content */
html body.body-home-index .vic-policy-card .vic-policy-body,
html body.body-home-index .vic-policy-card-c9 .vic-policy-body,
html body.body-home-index .vic-policy-card .vic-policy-flip-front,
html body.body-home-index .vic-policy-card-c9 .vic-policy-flip-front {
  flex: 0 0 auto !important;
  height: auto !important;
}
/* Image sits right under the text, no push-down */
html body.body-home-index .vic-policy-card .vic-policy-body img,
html body.body-home-index .vic-policy-card-c9 .vic-policy-body img {
  margin-top: 0 !important;
}
/* Read More CTA flush against card bottom (natural flow) */
html body.body-home-index .vic-policy-card .vic-policy-readmore-fullwidth,
html body.body-home-index .vic-policy-card-c9 .vic-policy-readmore-fullwidth {
  margin-top: 0 !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (O) — restore teal opening quote mark.
   Yellow vertical line is already provided by border-left: 5.625px solid #fcd666
   on the quote block (existing). The ::before is used for the stylised teal " mark.
   ============================================================== */
html body.body-home-index .vic-president-quote::before {
  content: "\201C" !important; /* left double quotation mark */
  position: absolute !important;
  top: 8px !important;
  left: 10px !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  font-family: 'Fraunces', serif !important;
  font-size: 110px !important;
  font-weight: 700 !important;
  line-height: 0.8 !important;
  color: #29a895 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 1 !important;
  display: block !important;
}
/* Ensure the yellow line (border-left) remains visible on the quote block */
html body.body-home-index .vic-president-quote {
  position: relative !important;
  border-left: 5px solid #fcd666 !important;
  padding-left: 22px !important;
  padding-top: 64px !important; /* room for the teal " above the heading */
}
@media (max-width: 768px) {
  html body.body-home-index .vic-president-quote::before {
    font-size: 88px !important;
    top: 4px !important;
    left: 8px !important;
  }
  html body.body-home-index .vic-president-quote {
    padding-top: 54px !important;
    padding-left: 16px !important;
  }
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (P) — VISIBLE yellow line via a positioned child,
   plus policy cards equal height with image absorbing the slack.
   ============================================================== */

/* The original 'border-left' yellow line renders off-screen because the row
   has negative margin-left. Instead, paint the yellow line as an absolutely
   positioned bar INSIDE the block so it's always visible. */
html body.body-home-index .vic-president-quote {
  position: relative !important;
  border-left: 0 !important; /* kill the off-screen border */
  overflow: visible !important;
}
html body.body-home-index .vic-president-quote > .vic-quote-yellow-line {
  position: absolute !important;
  top: 20px !important;
  bottom: 20px !important;
  left: 0 !important;
  width: 5px !important;
  background: #fcd666 !important;
  border-radius: 3px !important;
  pointer-events: none !important;
  z-index: 2 !important;
  display: block !important;
}

/* Policy cards: equal heights, image fills the slack so cards with shorter
   copy have a taller image, no empty gap, Read More flush at the bottom. */
html body.body-home-index .vic-policy-grid {
  align-items: stretch !important;
}
html body.body-home-index .vic-policy-card,
html body.body-home-index .vic-policy-card-c9 {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  align-self: stretch !important;
}
html body.body-home-index .vic-policy-card .vic-policy-body,
html body.body-home-index .vic-policy-card-c9 .vic-policy-body,
html body.body-home-index .vic-policy-card .vic-policy-flip-front,
html body.body-home-index .vic-policy-card-c9 .vic-policy-flip-front {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}
/* Image grows to fill available space so it visually balances the card */
html body.body-home-index .vic-policy-card .vic-policy-body img,
html body.body-home-index .vic-policy-card-c9 .vic-policy-body img,
html body.body-home-index .vic-policy-card .vic-policy-body picture,
html body.body-home-index .vic-policy-card-c9 .vic-policy-body picture {
  flex: 1 1 auto !important;
  margin-top: 14px !important;
  margin-bottom: 0 !important;
  min-height: 170px !important;
  max-height: none !important;
  height: auto !important;
  width: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
/* Read More flush at bottom — no gap between image and CTA */
html body.body-home-index .vic-policy-card .vic-policy-readmore-fullwidth,
html body.body-home-index .vic-policy-card-c9 .vic-policy-readmore-fullwidth {
  margin-top: 0 !important;
  align-self: stretch !important;
  flex-shrink: 0 !important;
}


/* VIC-HPBRIEF-2026-04-24 (Q) — revert policy card stretching; back to natural heights */
html body.body-home-index .vic-policy-grid {
  align-items: start !important;
}
html body.body-home-index .vic-policy-card,
html body.body-home-index .vic-policy-card-c9 {
  height: auto !important;
  align-self: start !important;
}
html body.body-home-index .vic-policy-card .vic-policy-body,
html body.body-home-index .vic-policy-card-c9 .vic-policy-body,
html body.body-home-index .vic-policy-card .vic-policy-flip-front,
html body.body-home-index .vic-policy-card-c9 .vic-policy-flip-front {
  flex: 0 0 auto !important;
  height: auto !important;
}
html body.body-home-index .vic-policy-card .vic-policy-body img,
html body.body-home-index .vic-policy-card-c9 .vic-policy-body img,
html body.body-home-index .vic-policy-card .vic-policy-body picture,
html body.body-home-index .vic-policy-card-c9 .vic-policy-body picture {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  object-fit: cover !important;
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (R) — proper curved yellow BORDER on president card
   - Kill the straight absolute-positioned yellow line element
   - Apply border-left: 6px solid #fcd666 on the card
   - border-radius 16px on left corners so yellow curves top-left and bottom-left
   - " opening quote mark OVERFLOWS outside the card at top-left
   - Card width matches the other content rows (no change needed to width rules)
   ============================================================== */

/* Hide the stray absolute yellow-line element (keep JS injecting it is fine — CSS hides it) */
html body .vic-president-quote > .vic-quote-yellow-line,
html body.body-home-index .vic-president-quote > .vic-quote-yellow-line {
  display: none !important;
}

/* The card: yellow border-left with rounded left corners, visible overflow so
   the " mark can pop outside. */
html body.body-home-index .vic-president-quote {
  position: relative !important;
  border-left: 6px solid #fcd666 !important;
  border-radius: 16px 12px 12px 16px !important;
  overflow: visible !important;
  padding-top: 28px !important; /* small top padding; the " sits above via negative top */
  padding-left: 24px !important;
  background: #ffffff !important;
}

/* " opening quote — OUTSIDE the card at top-left, decorative only */
html body.body-home-index .vic-president-quote::before {
  content: "\201C" !important;
  position: absolute !important;
  top: -44px !important;
  left: -12px !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  font-family: 'Fraunces', serif !important;
  font-size: 110px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #29a895 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 3 !important;
  display: block !important;
}
@media (max-width: 768px) {
  html body.body-home-index .vic-president-quote {
    border-radius: 14px 10px 10px 14px !important;
    padding-top: 24px !important;
    padding-left: 20px !important;
  }
  html body.body-home-index .vic-president-quote::before {
    top: -32px !important;
    left: -8px !important;
    font-size: 86px !important;
  }
}


/* Cycle R cleanup: higher-specificity removal of old absolute yellow line + restore left padding */
html body .vic-president-quote > .vic-quote-yellow-line,
html body.body-home-index .vic-president-quote > .vic-quote-yellow-line,
html body:not(.__x) .vic-president-quote .vic-quote-yellow-line {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}
html body.body-home-index .vic-president-quote {
  padding-left: 28px !important;
}
@media (max-width: 768px) {
  html body.body-home-index .vic-president-quote {
    padding-left: 22px !important;
  }
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (S) — cycle S
   - Mobile: reduce card width so yellow border is visible
   - Paper-behind-text effect (cream + shadow + subtle grain)
   ============================================================== */

/* Paper look on desktop + mobile */
html body.body-home-index .vic-president-quote {
  background-color: #fffaf0 !important;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(11, 35, 54, 0.025) 0.8px, transparent 1px),
    radial-gradient(circle at 70% 60%, rgba(11, 35, 54, 0.02) 0.7px, transparent 1px),
    linear-gradient(180deg, rgba(255, 250, 234, 0.8) 0%, rgba(255, 250, 240, 1) 100%) !important;
  background-size: 18px 18px, 24px 24px, 100% 100% !important;
  background-blend-mode: multiply, multiply, normal !important;
  box-shadow:
    0 1px 0 rgba(11, 35, 54, 0.05),
    0 8px 16px -6px rgba(11, 35, 54, 0.12),
    0 22px 32px -14px rgba(11, 35, 54, 0.18),
    0 0 0 1px rgba(11, 35, 54, 0.04) !important;
}

/* Mobile: contain width inside viewport with visible gutters so yellow border isn't clipped */
@media (max-width: 1023.98px) {
  html body.body-home-index .vic-president-quote {
    margin-left: 16px !important;
    margin-right: 16px !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    position: relative !important;
  }
}
@media (max-width: 480px) {
  html body.body-home-index .vic-president-quote {
    margin-left: 12px !important;
    margin-right: 12px !important;
    max-width: calc(100vw - 24px) !important;
  }
  /* Make the " decoration a touch smaller so it doesn't crowd the corner */
  html body.body-home-index .vic-president-quote::before {
    font-size: 74px !important;
    top: -28px !important;
    left: -6px !important;
  }
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (T) — cycle T:
   - Mobile: center the president card horizontally with yellow border + "
     visible on the sides
   - Desktop: right col (president signature/photo) keeps white bg instead of paper
   ============================================================== */

/* Mobile centering — use auto margins so whatever space is left over splits evenly */
@media (max-width: 1023.98px) {
  html body.body-home-index .vic-president-quote {
    margin-left: auto !important;
    margin-right: auto !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
  /* Let the " stay on-card bounds with negative left that doesn't exceed card space */
  html body.body-home-index .vic-president-quote::before {
    left: -8px !important;
  }
}
@media (max-width: 480px) {
  html body.body-home-index .vic-president-quote {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}

/* Desktop: right col (president name/division/party/photo) gets a clean WHITE bg,
   overriding the paper texture that the row paints. Only the LEFT col (message) keeps paper. */
@media (min-width: 1024px) {
  html body.body-home-index .vic-president-quote .col-md-6.vic-president-sign {
    position: relative !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-radius: 0 12px 12px 0 !important; /* right corners rounded to match card */
    z-index: 1 !important;
  }
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (U) — cycle U
   - MOBILE: force-centre the president card horizontally via left: 50% +
     transform translateX(-50%) (nuclear option; beats Bootstrap's -15px row margin)
   - DESKTOP: enlarge president info (Ryan Parris + President + Division + Party)
   ============================================================== */

@media (max-width: 1023.98px) {
  html body.body-home-index .vic-president-quote {
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }
}
@media (max-width: 480px) {
  html body.body-home-index .vic-president-quote {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}

/* DESKTOP president info larger (Ryan Parris + titles). Scoped so mobile is not affected. */
@media (min-width: 1024px) {
  html body.body-home-index .vic-president-quote .col-md-6.vic-president-sign h1,
  html body.body-home-index .vic-president-quote .col-md-6.vic-president-sign h2,
  html body.body-home-index .vic-president-quote .col-md-6.vic-president-sign h3 {
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 14px !important;
  }
  html body.body-home-index .vic-president-quote .col-md-6.vic-president-sign p,
  html body.body-home-index .vic-president-quote .col-md-6.vic-president-sign span {
    font-size: 19px !important;
    line-height: 1.45 !important;
    margin-bottom: 6px !important;
  }
  /* Photo circle: give it more presence */
  html body.body-home-index .vic-president-quote .col-md-6.vic-president-sign img {
    width: 200px !important;
    height: 200px !important;
    border-radius: 50% !important;
    border: 4px solid #fcd666 !important;
    object-fit: cover !important;
  }
}


/* ==============================================================
   VIC-HPBRIEF-2026-04-24 (V) — cycle V
   - Mobile: use 50vw (viewport-anchored) to truly center the president card
   - Desktop: center the 'What are you waiting for?' closing band card
   ============================================================== */

@media (max-width: 1023.98px) {
  html body.body-home-index .vic-president-quote {
    position: relative !important;
    left: 50vw !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }
}
@media (max-width: 480px) {
  html body.body-home-index .vic-president-quote {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
}

/* Desktop: centre the closing band horizontally in the viewport */
@media (min-width: 1024px) {
  html body.body-home-index .vic-closing-band {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
  html body.body-home-index .vic-closing-band .col-md-6 {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
  html body.body-home-index .vic-closing-band .row {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}


/* VIC-HPBRIEF-2026-04-24 (V2) — viewport-anchored centering for closing band */
@media (min-width: 1024px) {
  html body.body-home-index .vic-closing-band {
    position: relative !important;
    left: 50vw !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin: 20px 0 0 !important;
    max-width: 1200px !important;
    width: calc(100vw - 32px) !important;
  }
}

/* ==== VIC-HPBRIEF :: Candidates + District themes - BEGIN (managed block) ==== */
body.vic-theme-candidates,
body.vic-theme-district {
  --ot-ink: #1d2a28; --ot-ink-soft: #3b4a47; --ot-muted: #5b6b68;
  --ot-cream: #f6f2e6; --ot-cream-2: #fbf8ee;
  --ot-surface: #ffffff; --ot-surface-warm: #fdfcf7; --ot-band: #eef4f1;
  --ot-green: #29a895; --ot-green-deep: #1f8a7b; --ot-green-tint: #eaf6f3;
  --ot-yellow: #fcd666; --ot-yellow-soft: #ffe9a3; --ot-yellow-tint: #fdf3cf;
  --ot-yellow-deep: #b8891f;
  --ot-hairline: rgba(41,168,149,0.18); --ot-hairline-soft: rgba(41,168,149,0.10);
  --ot-hairline-yellow: rgba(252,214,102,0.45);
  --ot-shadow-sm: 0 4px 14px rgba(20,40,35,0.05);
  --ot-shadow: 0 14px 36px rgba(20,40,35,0.08);
  --ot-radius-lg: 22px; --ot-radius-md: 16px; --ot-radius-sm: 12px;
  background: var(--ot-cream);
}
body.vic-theme-candidates #main, body.vic-theme-district #main { background: transparent; }
body.vic-theme-candidates #main .content, body.vic-theme-district #main .content {
  max-width: 1180px; margin: 0 auto; padding: 0 20px 88px;
}
body.vic-theme-candidates #main h1, body.vic-theme-candidates #main h2,
body.vic-theme-candidates #main h3, body.vic-theme-candidates #main h4,
body.vic-theme-district #main h1, body.vic-theme-district #main h2,
body.vic-theme-district #main h3, body.vic-theme-district #main h4 {
  color: var(--ot-ink) !important; text-shadow: none !important;
}

/* Hide the electorate-mono badges everywhere — user requested removal */
body.vic-theme-candidates #main .user-content .vic-electorate-mono,
body.vic-theme-district #main .user-content .vic-electorate-mono {
  display: none !important;
}

/* Hero */
body.vic-theme-candidates #main .content-splash, body.vic-theme-district #main .content-splash {
  padding: 120px 16px 40px !important; text-align: center; background: transparent !important; position: relative;
}
body.vic-theme-candidates #main .content-splash::before, body.vic-theme-district #main .content-splash::before {
  content: ""; position: absolute; inset: 20px 10% auto 10%; height: 70%;
  background: radial-gradient(ellipse at center, var(--ot-yellow-tint) 0%, transparent 70%);
  opacity: .55; z-index: 0; pointer-events: none; border-radius: 50%;
}
body.vic-theme-candidates #main .content-splash > *, body.vic-theme-district #main .content-splash > * { position: relative; z-index: 1; }
body.vic-theme-candidates #main .content-splash-title, body.vic-theme-district #main .content-splash-title {
  color: var(--ot-ink) !important; text-shadow: none !important;
  font-weight: 600 !important; letter-spacing: -0.025em !important;
  font-size: clamp(40px, 5.2vw, 60px) !important; line-height: 1.04 !important;
  margin: 0 auto 18px !important; display: inline-block !important;
  position: relative !important; padding: 0 14px 8px !important;
}
body.vic-theme-candidates #main .content-splash-title::after, body.vic-theme-district #main .content-splash-title::after {
  content: ""; position: absolute; left: 6%; right: 6%; bottom: 6px; height: 16px;
  background: linear-gradient(90deg, var(--ot-yellow-tint) 0%, var(--ot-yellow-soft) 50%, var(--ot-yellow-tint) 100%);
  border-radius: 999px; z-index: -1; opacity: 0.95;
}
body.vic-theme-candidates #main .content-splash-social-sharers, body.vic-theme-district #main .content-splash-social-sharers { margin-top: 16px; }
body.vic-theme-candidates #main .content-splash-social-sharers .social-sharers a,
body.vic-theme-district #main .content-splash-social-sharers .social-sharers a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; margin: 0 4px;
  background: var(--ot-green-tint); border: 1px solid var(--ot-hairline);
  border-radius: 999px; color: var(--ot-green-deep);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
body.vic-theme-candidates #main .content-splash-social-sharers .social-sharers a:hover,
body.vic-theme-district #main .content-splash-social-sharers .social-sharers a:hover {
  background: var(--ot-green); color: #fff; transform: translateY(-1px); box-shadow: 0 6px 14px rgba(41,168,149,.24);
}
body.vic-theme-candidates #main .content-splash-social-sharers .social-sharers a i,
body.vic-theme-candidates #main .content-splash-social-sharers .social-sharers a svg,
body.vic-theme-district #main .content-splash-social-sharers .social-sharers a i,
body.vic-theme-district #main .content-splash-social-sharers .social-sharers a svg { font-size: 14px; width: 14px; height: 14px; fill: currentColor; }

/* Body text */
body.vic-theme-candidates #main .user-content, body.vic-theme-district #main .user-content {
  color: var(--ot-ink); font-size: 15.5px; line-height: 1.7;
}
body.vic-theme-candidates #main .user-content > p,
body.vic-theme-candidates #main .user-content .row > .col-md-12 > p,
body.vic-theme-district #main .user-content > p,
body.vic-theme-district #main .user-content .row > .col-md-12 > p {
  color: var(--ot-ink-soft) !important; margin: 0 0 0.85em !important; font-size: 15.5px !important;
}
body.vic-theme-candidates #main .user-content a:not(.btn),
body.vic-theme-district #main .user-content a:not(.btn) {
  color: var(--ot-green-deep); text-decoration-color: var(--ot-hairline); text-underline-offset: 3px;
}
body.vic-theme-candidates #main .user-content a:not(.btn):hover,
body.vic-theme-district #main .user-content a:not(.btn):hover { color: var(--ot-green); }

/* Section headings (H2) */
body.vic-theme-candidates #main .user-content h2, body.vic-theme-district #main .user-content h2 {
  font-weight: 600 !important; letter-spacing: -0.01em;
  position: relative; padding-left: 14px; margin: 1.8em 0 0.6em;
  font-size: clamp(22px, 2.4vw, 28px) !important;
}
body.vic-theme-candidates #main .user-content h2::before, body.vic-theme-district #main .user-content h2::before {
  content: ""; position: absolute; left: 0; top: .3em; width: 3px; height: .82em;
  background: linear-gradient(to bottom, var(--ot-green) 0%, var(--ot-green) 70%, var(--ot-yellow) 70%, var(--ot-yellow) 100%);
  border-radius: 3px;
}

/* Display H1 (inside .display) — section title, smaller than hero */
body.vic-theme-candidates #main .user-content .display { margin-top: 1.8em; }
body.vic-theme-candidates #main .user-content .display h1,
body.vic-theme-district #main .user-content .display h1 {
  font-weight: 600 !important; letter-spacing: -0.015em !important;
  font-size: clamp(24px, 2.6vw, 30px) !important; line-height: 1.2 !important;
  margin: 0 0 0.5em !important; padding-left: 16px !important;
  position: relative;
}
body.vic-theme-candidates #main .user-content .display h1::before,
body.vic-theme-district #main .user-content .display h1::before {
  content: ""; position: absolute; left: 0; top: .22em;
  width: 5px; height: .86em;
  background: linear-gradient(to bottom, var(--ot-green) 0%, var(--ot-green) 65%, var(--ot-yellow) 65%, var(--ot-yellow) 100%);
  border-radius: 3px;
}

/* Default in-page button style */
body.vic-theme-candidates #main .user-content .btn.btn-primary,
body.vic-theme-district #main .user-content .btn.btn-primary {
  display: inline-block !important;
  background: var(--ot-green-tint) !important;
  color: var(--ot-green-deep) !important;
  border: 1px solid var(--ot-hairline) !important;
  border-radius: 12px !important;
  padding: 12px 24px !important;
  font-weight: 600; letter-spacing: 0.01em;
  font-size: 14px;
  text-decoration: none !important;
  box-shadow: var(--ot-shadow-sm);
  transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
  margin: 4px 0 !important;
  text-align: center;
  line-height: 1.2;
}
body.vic-theme-candidates #main .user-content .btn.btn-primary:hover,
body.vic-theme-candidates #main .user-content .btn.btn-primary:focus-visible,
body.vic-theme-district #main .user-content .btn.btn-primary:hover,
body.vic-theme-district #main .user-content .btn.btn-primary:focus-visible {
  background: var(--ot-green) !important; color: #fff !important; transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(41,168,149,.24);
}

/* ===== CANDIDATES card rows ===== */
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) {
  display: flex !important; flex-wrap: nowrap !important; align-items: stretch;
  gap: 32px; margin: 20px 0 !important; padding: 26px;
  background: var(--ot-surface); border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-lg); box-shadow: var(--ot-shadow-sm);
  position: relative; overflow: hidden;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono)::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(to bottom, var(--ot-green) 0%, var(--ot-yellow) 100%);
  border-radius: 4px 0 0 4px;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 {
  padding: 0 !important; min-width: 0; flex: 1 1 50%;
  display: flex; flex-direction: column; justify-content: center;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6:has(> a > img),
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6:has(> img) {
  flex: 0 0 38%; max-width: 360px;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 > a { display: block; width: 100%; }
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 > a > img,
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 > img {
  width: 100%; aspect-ratio: 4 / 3; object-fit: cover;
  border-radius: var(--ot-radius-md); display: block; box-shadow: var(--ot-shadow-sm);
  transition: transform .3s ease, box-shadow .3s ease;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 > a > img:hover {
  transform: translateY(-2px); box-shadow: var(--ot-shadow);
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6:has(> a > img) > p,
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6:has(> img) > p {
  font-size: 11.5px !important; text-transform: uppercase; letter-spacing: 0.12em;
  color: var(--ot-muted) !important; margin: 10px 0 0 !important;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) h3 {
  font-size: clamp(22px, 2.2vw, 28px) !important; font-weight: 600 !important;
  margin: 0 0 12px !important; padding-left: 0 !important;
  color: var(--ot-ink); letter-spacing: -0.01em;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) h3::before { content: none; }
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) ul {
  list-style: none !important; padding: 0 !important; margin: 0 0 14px !important;
  display: flex; flex-direction: column; gap: 4px;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) ul li {
  position: relative; padding-left: 16px;
  font-size: 14px; color: var(--ot-ink-soft); line-height: 1.5;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) ul li::before {
  content: ""; position: absolute; left: 0; top: 8px;
  width: 6px; height: 6px; background: var(--ot-yellow); border-radius: 50%;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) ul li:first-child {
  color: var(--ot-ink); font-weight: 600;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 > p {
  color: var(--ot-ink-soft) !important; font-size: 14.5px !important; line-height: 1.65 !important; margin: 0 0 16px !important;
}

/* Wider stacked buttons; second (How to Vote) uses yellow */
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 > span:has(> .btn.btn-primary) {
  display: block !important;
  width: 100% !important;
  margin: 6px 0 !important;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) .btn.btn-primary {
  display: block !important;
  width: 100% !important;
  padding: 13px 22px !important;
  font-size: 14.5px !important;
  border-radius: 14px !important;
  margin: 0 !important;
}
/* LAST span child = How to Vote → yellow variant */
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 > span:has(> .btn.btn-primary):last-child .btn.btn-primary {
  background: var(--ot-yellow-tint) !important;
  color: var(--ot-yellow-deep) !important;
  border: 1px solid var(--ot-hairline-yellow) !important;
}
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 > span:has(> .btn.btn-primary):last-child .btn.btn-primary:hover,
body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 > span:has(> .btn.btn-primary):last-child .btn.btn-primary:focus-visible {
  background: var(--ot-yellow) !important;
  color: #3b2f02 !important;
  border-color: var(--ot-yellow) !important;
  box-shadow: 0 10px 22px rgba(252,214,102,.32) !important;
}

/* ===== DISTRICT: Lead candidate hero =====
   DOM: .col-md-6 [SPAN.vic-electorate-mono (hidden), H2 "Candidate Name", H3 "Lead Candidate", P bio]
        + .col-md-6 [IMG] */
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) {
  display: flex !important; flex-wrap: nowrap !important; align-items: center;
  gap: 36px; margin: 28px 0 !important; padding: 34px;
  background: linear-gradient(135deg, var(--ot-surface) 0%, var(--ot-surface-warm) 100%);
  border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-lg); box-shadow: var(--ot-shadow);
  position: relative; overflow: hidden;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono)::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px;
  background: linear-gradient(to bottom, var(--ot-green) 0%, var(--ot-yellow) 100%);
  border-radius: 5px 0 0 5px;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono)::after {
  content: ""; position: absolute;
  width: 300px; height: 300px;
  right: -80px; top: -100px;
  background: radial-gradient(circle, var(--ot-yellow-tint) 0%, transparent 70%);
  opacity: 0.35; pointer-events: none;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 {
  padding: 0 !important; min-width: 0; flex: 1 1 50%;
  display: flex; flex-direction: column; justify-content: center;
  position: relative; z-index: 1;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6:has(> img) {
  flex: 0 0 42%; max-width: 380px;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 > img {
  width: 100%; aspect-ratio: 4 / 5; object-fit: cover;
  border-radius: var(--ot-radius-md); display: block; box-shadow: var(--ot-shadow);
}
/* H3 = small uppercase role label ("Lead Candidate") */
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) h3 {
  font-size: 12px !important; font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  color: var(--ot-green-deep) !important;
  margin: 0 0 14px !important; padding-left: 0 !important;
  position: relative;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) h3::before { content: none; }
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) h3::after {
  content: ""; display: block; width: 32px; height: 2px;
  background: var(--ot-yellow); border-radius: 2px; margin-top: 10px;
}
/* H2 = candidate name (the big hero) */
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) h2 {
  font-size: clamp(32px, 3.6vw, 44px) !important;
  font-weight: 600 !important;
  margin: 0 0 6px !important;
  padding-left: 0 !important;
  color: var(--ot-ink);
  letter-spacing: -0.02em;
  line-height: 1.08;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) h2::before { content: none; }
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) p {
  color: var(--ot-ink-soft) !important; font-size: 15px !important;
  line-height: 1.7 !important; margin: 0 0 0.75em !important;
}

/* ===== DISTRICT: How-to-vote banner — col-md-12 with mono+h3, followed by a separate col-md-12 with btn ===== */
/* Upper row: the "LOOKING FOR HOW TO VOTE FOR US?" headline */
body.vic-theme-district #main .user-content .row:has(> .col-md-12 > .vic-electorate-mono + h3) {
  margin: 28px 0 8px !important;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-12 > .vic-electorate-mono + h3) > .col-md-12 > h3 {
  font-size: clamp(18px, 1.8vw, 22px) !important;
  font-weight: 600 !important;
  margin: 0 !important;
  padding-left: 0 !important;
  color: var(--ot-ink);
  text-transform: none !important;
  letter-spacing: -0.005em;
  text-align: center;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-12 > .vic-electorate-mono + h3) > .col-md-12 > h3::before { content: none; }

/* Row BELOW it with the "Click here for our how to vote" button — make it a prominent wide yellow CTA */
body.vic-theme-district #main .user-content .row:has(+ .row > .col-md-12 > .vic-electorate-mono + h3),
body.vic-theme-district #main .user-content .row:has(> .col-md-12 > .vic-electorate-mono + h3) + .row {
  margin: 0 0 22px !important;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-12 > .vic-electorate-mono + h3) + .row > .col-md-12 > span:has(> .btn.btn-primary) {
  display: block !important;
  width: 100% !important;
  max-width: 520px;
  margin: 0 auto !important;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-12 > .vic-electorate-mono + h3) + .row .btn.btn-primary {
  display: block !important;
  width: 100% !important;
  padding: 15px 26px !important;
  font-size: 15px !important;
  border-radius: 14px !important;
  background: var(--ot-yellow-tint) !important;
  color: var(--ot-yellow-deep) !important;
  border: 1px solid var(--ot-hairline-yellow) !important;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-12 > .vic-electorate-mono + h3) + .row .btn.btn-primary:hover {
  background: var(--ot-yellow) !important;
  color: #3b2f02 !important;
  border-color: var(--ot-yellow) !important;
  box-shadow: 0 10px 22px rgba(252,214,102,.32) !important;
}

/* ===== DISTRICT: Running mates grid (col-md-3 × 4) ===== */
body.vic-theme-district #main .user-content .row:has(> .col-md-3 > img + h3) {
  display: flex !important; flex-wrap: wrap !important; gap: 18px;
  margin: 18px 0 !important; padding: 20px;
  background: var(--ot-band); border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-lg);
}
body.vic-theme-district #main .user-content .row:has(> .col-md-3 > img + h3) > .col-md-3 {
  padding: 14px !important; flex: 1 1 calc((100% - 54px) / 4); min-width: 0;
  background: var(--ot-surface); border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-md);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-3 > img + h3) > .col-md-3:hover {
  transform: translateY(-3px); box-shadow: var(--ot-shadow); border-color: var(--ot-hairline);
}
body.vic-theme-district #main .user-content .row:has(> .col-md-3 > img + h3) > .col-md-3 > img {
  width: 100%; aspect-ratio: 1 / 1; object-fit: cover;
  border-radius: var(--ot-radius-sm); display: block; margin: 0 0 10px;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-3 > img + h3) > .col-md-3 > h3 {
  font-size: 13.5px !important; font-weight: 600 !important; margin: 0 0 4px !important; padding-left: 0 !important;
  color: var(--ot-ink); line-height: 1.25;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-3 > img + h3) > .col-md-3 > h3::before { content: none; }
body.vic-theme-district #main .user-content .row:has(> .col-md-3 > img + h3) > .col-md-3 > p {
  font-size: 11.5px !important; color: var(--ot-muted) !important; line-height: 1.55; margin: 0 !important;
}

/* ===== "Ready to help put the Democrats back on the ballot?" closing CTA ===== */
body.vic-theme-candidates .vic-next-steps-band,
body.vic-theme-district .vic-next-steps-band {
  margin: 48px auto 24px;
  max-width: 960px;
  padding: 44px 36px;
  background: linear-gradient(135deg, var(--ot-surface) 0%, var(--ot-cream-2) 55%, var(--ot-yellow-tint) 100%);
  border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-lg);
  box-shadow: var(--ot-shadow);
  text-align: center;
  position: relative;
  overflow: hidden;
}
body.vic-theme-candidates .vic-next-steps-band::before,
body.vic-theme-district .vic-next-steps-band::before {
  content: ""; position: absolute; left: 0; top: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--ot-green) 0%, var(--ot-yellow) 100%);
}
body.vic-theme-candidates .vic-next-steps-band h3,
body.vic-theme-district .vic-next-steps-band h3 {
  font-size: clamp(22px, 2.6vw, 30px) !important;
  font-weight: 600 !important;
  color: var(--ot-ink) !important;
  margin: 0 0 10px !important;
  letter-spacing: -0.015em;
  line-height: 1.2;
  padding-left: 0 !important;
}
body.vic-theme-candidates .vic-next-steps-band h3::before,
body.vic-theme-district .vic-next-steps-band h3::before { content: none; }
body.vic-theme-candidates .vic-next-steps-band p,
body.vic-theme-district .vic-next-steps-band p {
  color: var(--ot-ink-soft) !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 auto 22px !important;
  max-width: 620px;
}
body.vic-theme-candidates .vic-next-steps-band .vic-next-ctas,
body.vic-theme-district .vic-next-steps-band .vic-next-ctas {
  display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;
}
body.vic-theme-candidates .vic-next-steps-band .vic-next-ctas a,
body.vic-theme-district .vic-next-steps-band .vic-next-ctas a {
  display: inline-block;
  padding: 13px 28px;
  border-radius: 14px;
  font-weight: 600;
  font-size: 14.5px;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
  border: 1px solid transparent;
}
body.vic-theme-candidates .vic-next-steps-band .vic-next-ctas a.primary,
body.vic-theme-district .vic-next-steps-band .vic-next-ctas a.primary {
  background: var(--ot-green);
  color: #fff;
  box-shadow: 0 8px 18px rgba(41,168,149,.24);
}
body.vic-theme-candidates .vic-next-steps-band .vic-next-ctas a.primary:hover,
body.vic-theme-district .vic-next-steps-band .vic-next-ctas a.primary:hover {
  background: var(--ot-green-deep);
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(41,168,149,.32);
}
body.vic-theme-candidates .vic-next-steps-band .vic-next-ctas a.secondary,
body.vic-theme-district .vic-next-steps-band .vic-next-ctas a.secondary {
  background: var(--ot-yellow-tint);
  color: var(--ot-yellow-deep);
  border-color: var(--ot-hairline-yellow);
}
body.vic-theme-candidates .vic-next-steps-band .vic-next-ctas a.secondary:hover,
body.vic-theme-district .vic-next-steps-band .vic-next-ctas a.secondary:hover {
  background: var(--ot-yellow);
  color: #3b2f02;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(252,214,102,.32);
}

/* Responsive: tablet */
@media (max-width: 991px) {
  body.vic-theme-district #main .user-content .row:has(> .col-md-3 > img + h3) > .col-md-3 {
    flex: 1 1 calc((100% - 18px) / 2);
  }
}
/* Responsive: mobile */
@media (max-width: 640px) {
  body.vic-theme-candidates #main .content, body.vic-theme-district #main .content { padding: 0 14px 48px; }
  body.vic-theme-candidates #main .content-splash, body.vic-theme-district #main .content-splash { padding: 100px 12px 32px !important; }
  body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) {
    flex-direction: column !important; padding: 20px; gap: 16px;
  }
  body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 { flex-basis: auto; width: 100%; }
  body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6:has(> a > img),
  body.vic-theme-candidates #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6:has(> img) { max-width: none; order: -1; }
  body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) {
    flex-direction: column !important; padding: 22px; gap: 18px;
  }
  body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6 { flex-basis: auto; width: 100%; }
  body.vic-theme-district #main .user-content .row:has(> .col-md-6 > .vic-electorate-mono) > .col-md-6:has(> img) { max-width: none; order: -1; }
  body.vic-theme-district #main .user-content .row:has(> .col-md-3 > img + h3) { padding: 14px; gap: 12px; }
  body.vic-theme-district #main .user-content .row:has(> .col-md-3 > img + h3) > .col-md-3 { flex-basis: 100%; }
  body.vic-theme-candidates .vic-next-steps-band, body.vic-theme-district .vic-next-steps-band {
    padding: 32px 22px; margin: 32px auto 18px;
  }
}
/* Landscape mobile */
@media (max-height: 520px) and (orientation: landscape) {
  body.vic-theme-candidates #main .content-splash, body.vic-theme-district #main .content-splash { padding: 70px 12px 18px !important; }
  body.vic-theme-candidates #main .content-splash-title, body.vic-theme-district #main .content-splash-title { font-size: clamp(26px, 3.8vw, 40px) !important; }
  body.vic-theme-candidates #main .content-splash::before, body.vic-theme-district #main .content-splash::before { height: 60%; }
}


@media (max-width: 640px) {
  body.vic-theme-district .vic-lead-card-body { padding: 28px 22px; }
  body.vic-theme-district .vic-lead-card-body > h2 { font-size: clamp(30px, 8vw, 38px) !important; }
  body.vic-theme-district .vic-lead-card-body > p.vic-lead-bio { padding: 14px 14px 14px 48px !important; }
  body.vic-theme-district .vic-lead-card-ctas > a { min-width: 0; width: 100%; }
}
/* ===== DISTRICT: .vic-lead-card layout ===== */
body.vic-theme-district .vic-lead-card {
  max-width: 1040px;
  margin: 20px auto 28px;
  padding: 0;
  background: linear-gradient(135deg, var(--ot-surface) 0%, var(--ot-surface-warm) 60%, var(--ot-cream-2) 100%);
  border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-lg);
  box-shadow: var(--ot-shadow);
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
}
body.vic-theme-district .vic-lead-card::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(to bottom, var(--ot-green) 0%, var(--ot-yellow) 100%);
  z-index: 2;
}

/* Portrait column (right) */
body.vic-theme-district .vic-lead-card-portrait {
  grid-column: 2;
  background: var(--ot-cream-2);
  overflow: hidden;
  border-left: 1px solid var(--ot-hairline-soft);
  position: relative;
  aspect-ratio: 4 / 5;
  min-height: 100%;
  display: block;
  font-size: 0;
}
body.vic-theme-district .vic-lead-card-portrait img,
body.vic-theme-district .vic-lead-card-portrait .vic-lead-portrait-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Fallback if portrait has no <img> yet — hide the placeholder text and show a soft pattern */
body.vic-theme-district .vic-lead-card-portrait:not([data-vic-portrait-rendered]) {
  color: transparent !important;
  background:
    radial-gradient(circle at 30% 30%, var(--ot-green-tint) 0%, transparent 50%),
    radial-gradient(circle at 70% 70%, var(--ot-yellow-tint) 0%, transparent 50%),
    var(--ot-cream-2);
}

/* Body column (left) */
body.vic-theme-district .vic-lead-card-body {
  grid-column: 1;
  padding: 40px 40px 40px 44px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
body.vic-theme-district .vic-lead-card-body > h2 {
  order: 0 !important;
  font-size: clamp(34px, 4vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.025em !important;
  color: var(--ot-ink) !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.vic-theme-district .vic-lead-card-body > h2::before { content: none !important; }

/* .vic-lead-chip restyled to match Our Team's "President" subtitle */
body.vic-theme-district .vic-lead-card-body > .vic-lead-chip {
  order: 1 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 6px 0 18px !important;
  color: var(--ot-green-deep) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  position: relative;
  align-self: flex-start;
}
body.vic-theme-district .vic-lead-card-body > .vic-lead-chip::before { content: none !important; }
body.vic-theme-district .vic-lead-card-body > .vic-lead-chip::after {
  content: ""; display: block;
  width: 36px; height: 2px;
  background: var(--ot-yellow);
  border-radius: 2px; margin-top: 10px;
}

/* The cloned body text paragraph (sits between chip and CTAs, next to the image) */
body.vic-theme-district .vic-lead-card-body > .vic-lead-body-text {
  order: 2 !important;
  margin: 4px 0 22px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--ot-ink-soft) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* CTAs row */
body.vic-theme-district .vic-lead-card-body > .vic-lead-card-ctas {
  order: 3 !important;
  display: flex !important;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 !important;
}
body.vic-theme-district .vic-lead-card-ctas > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 13px 26px !important;
  border-radius: 14px !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
  border: 1px solid transparent !important;
  box-sizing: border-box;
  min-width: 170px;
}
body.vic-theme-district .vic-lead-card-ctas > a.primary {
  background: var(--ot-green) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(41,168,149,.24) !important;
}
body.vic-theme-district .vic-lead-card-ctas > a.primary:hover,
body.vic-theme-district .vic-lead-card-ctas > a.primary:focus-visible {
  background: var(--ot-green-deep) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(41,168,149,.32) !important;
}
body.vic-theme-district .vic-lead-card-ctas > a.secondary {
  background: var(--ot-yellow-tint) !important;
  color: var(--ot-yellow-deep) !important;
  border: 1px solid var(--ot-hairline-yellow) !important;
}
body.vic-theme-district .vic-lead-card-ctas > a.secondary:hover,
body.vic-theme-district .vic-lead-card-ctas > a.secondary:focus-visible {
  background: var(--ot-yellow) !important;
  color: #3b2f02 !important;
  border-color: var(--ot-yellow) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(252,214,102,.32) !important;
}

/* The announcement callout that got moved above the card */
body.vic-theme-district .vic-lead-announcement {
  max-width: 1040px;
  margin: 8px auto 16px;
  padding: 14px 20px 14px 58px;
  background: rgba(252,214,102,0.16);
  border: 1px solid var(--ot-hairline-yellow);
  border-radius: 14px;
  color: var(--ot-ink-soft);
  font-size: 14.5px;
  line-height: 1.6;
  position: relative;
}
body.vic-theme-district .vic-lead-announcement::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 14px;
  width: 26px; height: 26px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8891f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 11v2a1 1 0 0 0 1 1h3l5 4V6L7 10H4a1 1 0 0 0-1 1Z'/><path d='M15 8.5a3.5 3.5 0 0 1 0 7'/><path d='M18 5a7 7 0 0 1 0 14'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Hide the OLD row-based lead card when the new .vic-lead-card exists */


/* Defensive: hide any residual "DV" text in portrait */
body.vic-theme-district .vic-lead-card-portrait::first-letter { color: inherit; }
body.vic-theme-district .vic-lead-card-portrait:empty::before {
  content: "";
}

@media (max-width: 760px) {
  body.vic-theme-district .vic-lead-card {
    grid-template-columns: 1fr;
  }
  body.vic-theme-district .vic-lead-card-portrait {
    grid-column: 1;
    order: -1;
    aspect-ratio: 4 / 3;
    border-left: 0;
    border-bottom: 1px solid var(--ot-hairline-soft);
    min-height: 0;
  }
  body.vic-theme-district .vic-lead-card-body {
    padding: 28px 22px;
    grid-column: 1;
  }
  body.vic-theme-district .vic-lead-card-body > h2 { font-size: clamp(28px, 7vw, 36px) !important; }
  body.vic-theme-district .vic-lead-card-ctas > a { min-width: 0; flex: 1 1 auto; }
  body.vic-theme-district .vic-lead-announcement {
    padding: 14px 14px 14px 52px;
  }
}
/* v6-district: retargeted lead hero row via h2+h3 combo (page no longer uses .vic-electorate-mono or .vic-lead-card) */

/* The lead candidate row — identified by a col-md-6 with both h2 AND h3 (the name+subtitle combo) */
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 0 !important;
  margin: 22px 0 28px !important;
  padding: 0 !important;
  background: linear-gradient(135deg, #ffffff 0%, var(--ot-surface-warm) 55%, var(--ot-cream-2) 100%);
  border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-lg);
  box-shadow: var(--ot-shadow);
  position: relative;
  overflow: hidden;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3)::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(to bottom, var(--ot-green) 0%, var(--ot-yellow) 100%);
  z-index: 2;
}
/* Text column (has h2+h3) — LEFT */
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) > .col-md-6:has(> h2) {
  order: 1 !important;
  padding: 40px 40px 40px 44px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}
/* Image column — RIGHT */
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) > .col-md-6:has(> img),
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) > .col-md-6:not(:has(> h2)) {
  order: 2 !important;
  flex: 0 0 320px !important;
  max-width: 320px !important;
  padding: 0 !important;
  min-width: 0 !important;
  align-self: stretch;
  overflow: hidden;
  border-left: 1px solid var(--ot-hairline-soft);
}
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) > .col-md-6 > img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover;
  display: block;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* H2 = big candidate name */
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) h2 {
  font-size: clamp(32px, 4vw, 48px) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -0.025em !important;
  color: var(--ot-ink) !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) h2::before { content: none !important; }

/* H3 = subtitle "Lead Candidate" — President-style */
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) h3 {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  color: var(--ot-green-deep) !important;
  margin: 10px 0 18px !important;
  padding-left: 0 !important;
  position: relative;
}
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) h3::before { content: none !important; }
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) h3::after {
  content: ""; display: block;
  width: 36px; height: 2px;
  background: var(--ot-yellow);
  border-radius: 2px;
  margin-top: 10px;
}

/* Bio paragraph (next to image) */
body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) p {
  color: var(--ot-ink-soft) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 0 0.75em !important;
}

/* Mobile — image ABOVE name */
@media (max-width: 760px) {
  body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) {
    flex-direction: column !important;
  }
  body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) > .col-md-6:has(> h2) {
    order: 2 !important;
    padding: 28px 22px !important;
    flex: 1 1 auto !important;
    width: 100% !important;
  }
  body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) > .col-md-6:has(> img),
  body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) > .col-md-6:not(:has(> h2)) {
    order: 1 !important;
    flex: 0 0 auto !important;
    max-width: none !important;
    width: 100% !important;
    aspect-ratio: 4 / 3;
    border-left: 0 !important;
    border-bottom: 1px solid var(--ot-hairline-soft);
  }
  body.vic-theme-district #main .user-content .row:has(> .col-md-6 > h2):has(> .col-md-6 > h3) h2 {
    font-size: clamp(28px, 7vw, 36px) !important;
  }
}
/* v6-fix: hide legacy .vic-lead-card wrapper (created by older JS). We use the native row instead. */
body.vic-theme-district .vic-lead-card { display: none !important; }


/* ==== VIC-HPBRIEF :: Candidates + District themes - END ==== */

/* ==== VIC-HPBRIEF :: Our Team page theme - BEGIN (managed block) ==== */
/* Scope: body.vic-theme-our-team. Revert: delete block between BEGIN and END. */

body.vic-theme-our-team {
  --ot-ink: #1d2a28;
  --ot-ink-soft: #3b4a47;
  --ot-muted: #5b6b68;
  --ot-cream: #f6f2e6;
  --ot-cream-2: #fbf8ee;
  --ot-surface: #ffffff;
  --ot-surface-warm: #fdfcf7;
  --ot-band: #eef4f1;
  --ot-green: #29a895;
  --ot-green-deep: #1f8a7b;
  --ot-green-tint: #eaf6f3;
  --ot-yellow: #fcd666;
  --ot-yellow-soft: #ffe9a3;
  --ot-yellow-tint: #fdf3cf;
  --ot-hairline: rgba(41,168,149,0.18);
  --ot-hairline-soft: rgba(41,168,149,0.10);
  --ot-shadow-sm: 0 4px 14px rgba(20,40,35,0.05);
  --ot-shadow: 0 14px 36px rgba(20,40,35,0.08);
  --ot-radius-lg: 22px;
  --ot-radius-md: 16px;
  --ot-radius-sm: 12px;
}
body.vic-theme-our-team { background: var(--ot-cream); }
body.vic-theme-our-team #main { background: transparent; }
body.vic-theme-our-team #main .content { max-width: 1180px; margin: 0 auto; padding: 0 20px 88px; }

body.vic-theme-our-team #main h1,
body.vic-theme-our-team #main h2,
body.vic-theme-our-team #main h3,
body.vic-theme-our-team #main h4 {
  color: var(--ot-ink) !important;
  text-shadow: none !important;
}

body.vic-theme-our-team #main .content-splash { padding: 120px 16px 40px !important;
  text-align: center;
  background: transparent !important;
  position: relative;
}
body.vic-theme-our-team #main .content-splash::before {
  content: ""; position: absolute; inset: 20px 10% auto 10%; height: 70%;
  background: radial-gradient(ellipse at center, var(--ot-yellow-tint) 0%, transparent 70%);
  opacity: .55; z-index: 0; pointer-events: none; border-radius: 50%;
}
body.vic-theme-our-team #main .content-splash > * { position: relative; z-index: 1; }
body.vic-theme-our-team #main .content-splash-title {
  color: var(--ot-ink) !important; text-shadow: none !important;
  font-weight: 600 !important; letter-spacing: -0.025em !important;
  font-size: clamp(40px, 5.2vw, 60px) !important; line-height: 1.04 !important;
  margin: 0 auto 18px !important; display: inline-block !important;
  position: relative !important; padding: 0 14px 8px !important;
}
body.vic-theme-our-team #main .content-splash-title::after {
  content: ""; position: absolute; left: 6%; right: 6%; bottom: 6px;
  height: 16px;
  background: linear-gradient(90deg, var(--ot-yellow-tint) 0%, var(--ot-yellow-soft) 50%, var(--ot-yellow-tint) 100%);
  border-radius: 999px; z-index: -1; opacity: 0.95;
}
body.vic-theme-our-team #main .content-splash-social-sharers { margin-top: 16px; }
body.vic-theme-our-team #main .content-splash-social-sharers .social-sharers a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; margin: 0 4px;
  background: var(--ot-green-tint); border: 1px solid var(--ot-hairline);
  border-radius: 999px; color: var(--ot-green-deep);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
body.vic-theme-our-team #main .content-splash-social-sharers .social-sharers a:hover { background: var(--ot-green); color: #fff; transform: translateY(-1px); box-shadow: 0 6px 14px rgba(41,168,149,.24); }
body.vic-theme-our-team #main .content-splash-social-sharers .social-sharers a i,
body.vic-theme-our-team #main .content-splash-social-sharers .social-sharers a svg { font-size: 14px; width: 14px; height: 14px; fill: currentColor; }

body.vic-theme-our-team #main .user-content { color: var(--ot-ink); font-size: 15.5px; line-height: 1.7; }
body.vic-theme-our-team #main .user-content p { color: var(--ot-ink-soft); margin: 0 0 0.85em; font-size: 15.5px; }
body.vic-theme-our-team #main .user-content a { color: var(--ot-green-deep); text-decoration-color: var(--ot-hairline); text-underline-offset: 3px; }
body.vic-theme-our-team #main .user-content a:hover { color: var(--ot-green); }

body.vic-theme-our-team #main .user-content h2 {
  font-weight: 600 !important; letter-spacing: -0.01em;
  position: relative; padding-left: 14px; margin-top: 1.4em;
  font-size: clamp(22px, 2.4vw, 28px) !important;
}
body.vic-theme-our-team #main .user-content h2::before {
  content: ""; position: absolute; left: 0; top: .3em;
  width: 3px; height: .82em;
  background: linear-gradient(to bottom, var(--ot-green) 0%, var(--ot-green) 70%, var(--ot-yellow) 70%, var(--ot-yellow) 100%);
  border-radius: 3px;
}

body.vic-theme-our-team #main .user-content .col-md-12 > h3 {
  font-weight: 600 !important;
  letter-spacing: -0.005em !important;
  position: relative;
  padding-left: 12px !important;
  margin: 0.7em 0 0.3em !important;
  font-size: clamp(15px, 1.55vw, 17px) !important;
  line-height: 1.35 !important;
}
body.vic-theme-our-team #main .user-content .col-md-12 > h3::before {
  content: ""; position: absolute; left: 0; top: .3em;
  width: 2px; height: .8em;
  background: linear-gradient(to bottom, var(--ot-green) 0%, var(--ot-green) 65%, var(--ot-yellow) 65%, var(--ot-yellow) 100%);
  border-radius: 2px;
}

body.vic-theme-our-team #main .user-content .display { margin-top: 2em; }
body.vic-theme-our-team #main .user-content .display h1 {
  font-weight: 600; letter-spacing: -0.018em;
  font-size: clamp(26px, 3vw, 34px); line-height: 1.2;
  margin: 0 0 0.55em; padding-left: 16px; position: relative;
}
body.vic-theme-our-team #main .user-content .display h1::before {
  content: ""; position: absolute; left: 0; top: .22em;
  width: 5px; height: .86em;
  background: linear-gradient(to bottom, var(--ot-green) 0%, var(--ot-green) 65%, var(--ot-yellow) 65%, var(--ot-yellow) 100%);
  border-radius: 3px;
}

body.vic-theme-our-team #main .user-content .row.no-gutters.clearfix {
  display: flex; flex-wrap: wrap; gap: 14px;
  margin: 28px 0 !important; padding: 16px;
  background: linear-gradient(180deg, var(--ot-cream-2), var(--ot-surface-warm));
  border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-lg);
  box-shadow: var(--ot-shadow-sm);
}
body.vic-theme-our-team #main .user-content .row.no-gutters.clearfix > [class*="col-md-"] {
  padding: 0 !important; flex: 1 1 0; min-width: 0;
}

body.vic-theme-our-team #main .user-content .row.no-gutters.clearfix[data-vic-merged="true"] {
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 14px;
  padding: 16px;
  position: relative;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 4%, #000 96%, transparent 100%);
}
body.vic-theme-our-team #main .user-content .row.no-gutters.clearfix[data-vic-merged="true"] > [class*="col-md-"] {
  flex: 0 0 220px;
  min-width: 220px;
  padding: 0 !important;
  animation: ot-ticker 55s linear infinite;
  will-change: transform;
}
body.vic-theme-our-team #main .user-content .row.no-gutters.clearfix[data-vic-merged="true"]:hover > [class*="col-md-"] {
  animation-play-state: paused;
}
body.vic-theme-our-team #main .user-content .row.no-gutters.clearfix[data-vic-merged="true"] img {
  width: 100%;
  height: 160px;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: var(--ot-radius-md);
  display: block;
  box-shadow: var(--ot-shadow-sm);
}
@keyframes ot-ticker {
  from { transform: translateX(0); }
  to { transform: translateX(-1170px); }
}

body.vic-theme-our-team #main .user-content .row.no-gutters.clearfix:not([data-vic-merged]) > .col-md-4 { flex-basis: calc((100% - 28px) / 3); }
body.vic-theme-our-team #main .user-content .row.no-gutters.clearfix:not([data-vic-merged]) > .col-md-6 { flex-basis: calc((100% - 14px) / 2); }
body.vic-theme-our-team #main .user-content .row.no-gutters.clearfix:not([data-vic-merged]) img {
  width: 100%; height: 160px; object-fit: cover;
  border-radius: var(--ot-radius-md); display: block; box-shadow: var(--ot-shadow-sm);
}

body.vic-theme-our-team #main .user-content .row > .col-md-12 > span:has(> .btn.btn-primary),
body.vic-theme-our-team #main .user-content .col-md-12 > span:has(> .btn.btn-primary) {
  display: block !important;
  width: 100% !important;
}
body.vic-theme-our-team #main .user-content .btn.btn-primary {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
  background: var(--ot-green-tint) !important; color: var(--ot-green-deep) !important;
  border: 1px solid var(--ot-hairline) !important; border-radius: 14px !important;
  padding: 14px 24px !important; font-weight: 600; letter-spacing: 0.01em;
  font-size: 14.5px;
  box-shadow: var(--ot-shadow-sm);
  transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
  margin: 6px 0 !important;
}
body.vic-theme-our-team #main .user-content .btn.btn-primary:hover,
body.vic-theme-our-team #main .user-content .btn.btn-primary:focus-visible {
  background: var(--ot-green) !important; color: #fff !important; transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(41,168,149,.24);
}

body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 32px;
  margin: 22px 0 !important; padding: 28px;
  background: var(--ot-surface);
  border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-lg);
  box-shadow: var(--ot-shadow-sm);
  position: relative; overflow: hidden;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1))::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(to bottom, var(--ot-green) 0%, var(--ot-yellow) 100%);
  border-radius: 4px 0 0 4px;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) > .col-md-6 {
  padding: 0 !important; min-width: 0;
  display: flex; flex-direction: column; justify-content: center;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) > .col-md-6:nth-of-type(1) { flex: 1 1 auto; }
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) > .col-md-6:nth-of-type(2) { flex: 0 0 38%; max-width: 340px; }
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) > .col-md-6 > img {
  width: 100%; aspect-ratio: 4 / 3; object-fit: cover;
  border-radius: var(--ot-radius-md); display: block; box-shadow: var(--ot-shadow-sm);
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) h1 {
  font-size: clamp(24px, 2.4vw, 30px) !important; font-weight: 600;
  margin: 0 0 4px; letter-spacing: -0.01em; padding-left: 0;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) h1::before { content: none; }
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) h3 {
  font-size: 18px !important; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.14em; color: var(--ot-green-deep) !important;
  margin: 0 0 14px; padding-left: 0; position: relative;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) h3::before { content: none; }
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) h3::after {
  content: ""; display: block; width: 36px; height: 2px;
  background: var(--ot-yellow); border-radius: 2px; margin-top: 12px;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) p {
  color: var(--ot-ink-soft) !important; font-size: 15px !important; line-height: 1.7 !important; margin: 0 !important;
}

body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 0;
  margin: 20px 0 !important; padding: 24px;
  background: var(--ot-surface-warm);
  border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-lg);
  box-shadow: var(--ot-shadow-sm);
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) > .col-md-6 {
  padding: 0 24px !important;
  flex: 1 1 50%;
  min-width: 0;
  display: flex; flex-direction: column;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) > .col-md-6:first-child {
  border-right: 1px solid var(--ot-hairline);
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) > .col-md-6 > img {
  order: -1;
  width: 100%; aspect-ratio: 4 / 3; object-fit: cover;
  border-radius: var(--ot-radius-md); display: block; box-shadow: var(--ot-shadow-sm);
  margin: 0 0 16px;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) h1 {
  font-size: clamp(20px, 2vw, 24px) !important; font-weight: 600;
  margin: 0 0 4px; letter-spacing: -0.01em; padding-left: 0; line-height: 1.22;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) h1::before { content: none; }
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) h3 {
  font-size: 15px !important; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.16em; color: var(--ot-green-deep) !important;
  margin: 0 0 10px; padding-left: 0;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) h3::before { content: none; }
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) h3::after {
  content: ""; display: block; width: 28px; height: 2px;
  background: var(--ot-yellow); border-radius: 2px; margin-top: 8px;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) p {
  color: var(--ot-ink-soft) !important; font-size: 14px !important; line-height: 1.65 !important; margin: 0 !important;
}

body.vic-theme-our-team #main .user-content .row:has(> .col-md-4 > img + h3) {
  display: flex !important; flex-wrap: wrap !important; gap: 20px;
  margin: 20px 0 !important; padding: 22px;
  background: var(--ot-band);
  border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-lg);
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-4 > img + h3) > .col-md-4 {
  padding: 16px !important; flex: 1 1 calc((100% - 40px) / 3); min-width: 0;
  background: var(--ot-surface);
  border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-md);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-4 > img + h3) > .col-md-4:hover {
  transform: translateY(-3px); box-shadow: var(--ot-shadow);
  border-color: var(--ot-hairline);
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-4 > img + h3) > .col-md-4 > img {
  width: 100%; aspect-ratio: 1 / 1; object-fit: cover;
  border-radius: var(--ot-radius-sm); margin: 0 0 12px; display: block;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-4 > img + h3) > .col-md-4 > h3 {
  font-size: 14px !important; font-weight: 600; margin: 0 0 4px !important; padding-left: 0 !important;
  line-height: 1.25 !important;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-4 > img + h3) > .col-md-4 > h3::before { content: none; }
body.vic-theme-our-team #main .user-content .row:has(> .col-md-4 > img + h3) > .col-md-4 > h3::after {
  content: ""; display: block; width: 20px; height: 2px;
  background: var(--ot-green); border-radius: 2px; margin-top: 6px; opacity: 0.7;
}
body.vic-theme-our-team #main .user-content .row:has(> .col-md-4 > img + h3) > .col-md-4 > p {
  font-size: 11px !important; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.12em; color: var(--ot-muted) !important; margin: 0 !important;
}

@media (max-width: 991px) {
  body.vic-theme-our-team #main .user-content .row:has(> .col-md-4 > img + h3) > .col-md-4 { flex: 1 1 calc((100% - 20px) / 2); }
}
@media (max-width: 640px) {
  body.vic-theme-our-team #main .content { padding: 0 14px 48px; }
  body.vic-theme-our-team #main .content-splash { padding: 100px 12px 32px !important; }

  body.vic-theme-our-team #main .user-content .row.no-gutters.clearfix[data-vic-merged="true"] > [class*="col-md-"] {
    flex: 0 0 180px; min-width: 180px;
  }
  body.vic-theme-our-team #main .user-content .row.no-gutters.clearfix[data-vic-merged="true"] img { height: 130px; }
  @keyframes ot-ticker {
    from { transform: translateX(0); }
    to { transform: translateX(-970px); }
  }

  body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) {
    flex-direction: column-reverse !important;
    padding: 18px; gap: 16px;
  }
  body.vic-theme-our-team #main .user-content .row:has(> .col-md-6 > h1):not(:has(> .col-md-6:nth-of-type(2) > h1)) > .col-md-6 { width: 100%; max-width: none; flex: 0 0 auto; }

  body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) {
    flex-direction: column; padding: 18px;
  }
  body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) > .col-md-6 { padding: 0 !important; width: 100%; }
  body.vic-theme-our-team #main .user-content .row:has(> .col-md-6:nth-of-type(1) > h1):has(> .col-md-6:nth-of-type(2) > h1) > .col-md-6:first-child {
    border-right: 0; border-bottom: 1px solid var(--ot-hairline);
    padding-bottom: 18px !important; margin-bottom: 18px;
  }

  body.vic-theme-our-team #main .user-content .row:has(> .col-md-4 > img + h3) { padding: 14px; gap: 12px; }
  body.vic-theme-our-team #main .user-content .row:has(> .col-md-4 > img + h3) > .col-md-4 { flex-basis: 100%; }
}
@media (max-height: 520px) and (orientation: landscape) {
  body.vic-theme-our-team #main .content-splash { padding: 70px 12px 18px !important; }
  body.vic-theme-our-team #main .content-splash-title { font-size: clamp(26px, 3.8vw, 40px) !important; }
  body.vic-theme-our-team #main .content-splash::before { height: 60%; }
}
@media (prefers-reduced-motion: reduce) {
  body.vic-theme-our-team #main .user-content .row.no-gutters.clearfix[data-vic-merged="true"] > [class*="col-md-"] { animation: none !important; }
}
/* ==== VIC-HPBRIEF :: Our Team page theme - END ==== */


/* ==== VIC-HPBRIEF :: Policies page theme - BEGIN (managed block) ==== */
/* Scope: body.vic-theme-policies. Revert: delete between BEGIN and END. */

body.vic-theme-policies {
  --ot-ink: #1d2a28;
  --ot-ink-soft: #3b4a47;
  --ot-muted: #5b6b68;
  --ot-cream: #f6f2e6;
  --ot-cream-2: #fbf8ee;
  --ot-surface: #ffffff;
  --ot-surface-warm: #fdfcf7;
  --ot-band: #eef4f1;
  --ot-green: #29a895;
  --ot-green-deep: #1f8a7b;
  --ot-green-tint: #eaf6f3;
  --ot-yellow: #fcd666;
  --ot-yellow-soft: #ffe9a3;
  --ot-yellow-tint: #fdf3cf;
  --ot-yellow-deep: #b8891f;
  --ot-hairline: rgba(41,168,149,0.18);
  --ot-hairline-soft: rgba(41,168,149,0.10);
  --ot-hairline-yellow: rgba(252,214,102,0.45);
  --ot-shadow-sm: 0 4px 14px rgba(20,40,35,0.05);
  --ot-shadow: 0 14px 36px rgba(20,40,35,0.08);
  --ot-shadow-card: 0 12px 32px rgba(11,58,54,0.08);
  --ot-radius-lg: 22px;
  --ot-radius-md: 16px;
  --ot-radius-card: 18px;
  --ot-radius-sm: 12px;
  background: var(--ot-cream);
}
body.vic-theme-policies #main { background: transparent; }
body.vic-theme-policies #main .content { max-width: 1180px; margin: 0 auto; padding: 0 20px 88px; }
body.vic-theme-policies #main h1, body.vic-theme-policies #main h2,
body.vic-theme-policies #main h3, body.vic-theme-policies #main h4 {
  color: var(--ot-ink) !important; text-shadow: none !important;
}

/* ===== Hero — matches Our Team ===== */
body.vic-theme-policies #main .content-splash {
  padding: 120px 16px 40px !important;
  text-align: center; background: transparent !important; position: relative;
}
body.vic-theme-policies #main .content-splash::before {
  content: ""; position: absolute; inset: 20px 10% auto 10%; height: 70%;
  background: radial-gradient(ellipse at center, var(--ot-yellow-tint) 0%, transparent 70%);
  opacity: .55; z-index: 0; pointer-events: none; border-radius: 50%;
}
body.vic-theme-policies #main .content-splash > * { position: relative; z-index: 1; }
body.vic-theme-policies #main .content-splash-title {
  color: var(--ot-ink) !important; text-shadow: none !important;
  font-weight: 600 !important; letter-spacing: -0.025em !important;
  font-size: clamp(40px, 5.2vw, 60px) !important; line-height: 1.04 !important;
  margin: 0 auto 18px !important; display: inline-block !important;
  position: relative !important; padding: 0 14px 8px !important;
}
body.vic-theme-policies #main .content-splash-title::after {
  content: ""; position: absolute; left: 6%; right: 6%; bottom: 6px; height: 16px;
  background: linear-gradient(90deg, var(--ot-yellow-tint) 0%, var(--ot-yellow-soft) 50%, var(--ot-yellow-tint) 100%);
  border-radius: 999px; z-index: -1; opacity: 0.95;
}
body.vic-theme-policies #main .content-splash-social-sharers { margin-top: 16px; }
body.vic-theme-policies #main .content-splash-social-sharers .social-sharers a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; margin: 0 4px;
  background: var(--ot-green-tint); border: 1px solid var(--ot-hairline);
  border-radius: 999px; color: var(--ot-green-deep);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
body.vic-theme-policies #main .content-splash-social-sharers .social-sharers a:hover {
  background: var(--ot-green); color: #fff; transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(41,168,149,.24);
}
body.vic-theme-policies #main .content-splash-social-sharers .social-sharers a i,
body.vic-theme-policies #main .content-splash-social-sharers .social-sharers a svg {
  font-size: 14px; width: 14px; height: 14px; fill: currentColor;
}

/* ===== Body text base ===== */
body.vic-theme-policies #main .user-content { color: var(--ot-ink); font-size: 15.5px; line-height: 1.7; }
body.vic-theme-policies #main .user-content a:not(.btn) {
  color: var(--ot-green-deep); text-decoration-color: var(--ot-hairline); text-underline-offset: 3px;
}

/* ===== Intro statement (row 0: "Victorians deserve a change in direction.") ===== */
body.vic-theme-policies #main .user-content > .row:first-of-type {
  margin: 8px auto 20px !important;
  padding: 0 !important;
  max-width: 820px;
  text-align: center;
}
body.vic-theme-policies #main .user-content > .row:first-of-type > .col-md-12 > p {
  font-size: clamp(19px, 2.3vw, 26px) !important;
  font-weight: 500 !important;
  color: var(--ot-ink) !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em;
  margin: 0 !important;
}

/* ===== Intro CTA card (blockquote + Click-here-to-join button) =====
   Target: a row whose col-md-12 contains a BLOCKQUOTE and a SPAN with .btn */
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) {
  max-width: 860px;
  margin: 8px auto 40px !important;
  padding: 0 !important;
}
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) > .col-md-12 {
  padding: 28px 32px !important;
  background: linear-gradient(135deg, var(--ot-surface) 0%, var(--ot-surface-warm) 60%, var(--ot-cream-2) 100%);
  border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-lg);
  box-shadow: var(--ot-shadow);
  position: relative;
  overflow: hidden;
  text-align: center;
}
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) > .col-md-12::before {
  content: ""; position: absolute; left: 0; top: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--ot-green) 0%, var(--ot-yellow) 100%);
}
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) blockquote {
  margin: 0 auto 18px !important;
  padding: 0 !important;
  border: 0 !important;
  max-width: 640px;
  font-size: 16px;
  line-height: 1.65;
  color: var(--ot-ink-soft);
  font-style: normal;
  quotes: none;
}
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) blockquote::before,
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) blockquote::after { content: none !important; }
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) > .col-md-12 > span {
  display: inline-block;
}
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) .btn.btn-primary {
  display: inline-block !important;
  background: var(--ot-green) !important;
  color: #fff !important;
  border: 1px solid var(--ot-green) !important;
  border-radius: 14px !important;
  padding: 13px 26px !important;
  font-weight: 600 !important;
  font-size: 14.5px !important;
  letter-spacing: 0.01em;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(41,168,149,.24);
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) .btn.btn-primary:hover,
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) .btn.btn-primary:focus-visible {
  background: var(--ot-green-deep) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(41,168,149,.32);
}

/* ===== Policy cards grid (wrapped by JS in .vic-policies-grid) =====
   Fallback — without JS, each row is still a full-width card. */
body.vic-theme-policies .vic-policies-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 22px;
  margin: 32px 0 !important;
}
body.vic-theme-policies .vic-policies-grid > .row {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ot-surface);
  border: 1px solid var(--ot-hairline-soft);
  border-radius: var(--ot-radius-card);
  box-shadow: var(--ot-shadow-card);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.vic-theme-policies .vic-policies-grid > .row:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(11,58,54,0.12);
  border-color: var(--ot-hairline);
}
/* Image col (contains a > img or direct img) — moves to top */
body.vic-theme-policies .vic-policies-grid > .row > .col-md-6:has(a > img),
body.vic-theme-policies .vic-policies-grid > .row > .col-md-6:has(> img) {
  order: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  max-width: none !important;
  width: 100%;
}
body.vic-theme-policies .vic-policies-grid > .row > .col-md-6 > a > img,
body.vic-theme-policies .vic-policies-grid > .row > .col-md-6 > img {
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
  transition: transform .4s ease;
}
body.vic-theme-policies .vic-policies-grid > .row:hover img { transform: scale(1.02); }
/* Text col (contains h3) */
body.vic-theme-policies .vic-policies-grid > .row > .col-md-6:has(> h3) {
  order: 1 !important;
  padding: 22px 24px 22px !important;
  flex: 1 1 auto !important;
  max-width: none !important;
  width: 100%;
  display: flex;
  flex-direction: column;
}
body.vic-theme-policies .vic-policies-grid > .row h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--ot-ink) !important;
  margin: 0 0 8px !important;
  padding-left: 0 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.005em;
}
body.vic-theme-policies .vic-policies-grid > .row h3::before { content: none !important; }
body.vic-theme-policies .vic-policies-grid > .row p {
  color: var(--ot-ink-soft) !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  margin: 0 0 14px !important;
  flex: 1 1 auto;
}
/* Read More button — soft green pill, aligned at card bottom */
body.vic-theme-policies .vic-policies-grid > .row span:has(> .btn.btn-primary) {
  display: inline-block;
  margin-top: auto;
}
body.vic-theme-policies .vic-policies-grid > .row .btn.btn-primary {
  display: inline-block !important;
  background: var(--ot-green-tint) !important;
  color: var(--ot-green-deep) !important;
  border: 1px solid var(--ot-hairline) !important;
  border-radius: 999px !important;
  padding: 9px 20px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.02em;
  text-decoration: none !important;
  box-shadow: var(--ot-shadow-sm);
  transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
  margin: 0 !important;
}
body.vic-theme-policies .vic-policies-grid > .row .btn.btn-primary:hover,
body.vic-theme-policies .vic-policies-grid > .row .btn.btn-primary:focus-visible {
  background: var(--ot-green) !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(41,168,149,.24);
}

/* Responsive */
@media (max-width: 640px) {
  body.vic-theme-policies #main .content { padding: 0 14px 48px; }
  body.vic-theme-policies #main .content-splash { padding: 100px 12px 32px !important; }
  body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) > .col-md-12 { padding: 22px 20px !important; }
  body.vic-theme-policies .vic-policies-grid { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-height: 520px) and (orientation: landscape) {
  body.vic-theme-policies #main .content-splash { padding: 70px 12px 18px !important; }
  body.vic-theme-policies #main .content-splash-title { font-size: clamp(26px, 3.8vw, 40px) !important; }
  body.vic-theme-policies #main .content-splash::before { height: 60%; }
}
/* ====== v2 policies fixes ====== */
/* Hide the original "Victorians deserve a change" row (moved into CTA card by JS) */
body.vic-theme-policies #main .user-content > .row[data-vic-moved="true"] {
  display: none !important;
}
/* Kill the empty paragraph row and any other blank row between the CTA and the grid */
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > p:empty),
body.vic-theme-policies #main .user-content .row[data-vic-empty="true"] {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Tightened spacing between the CTA card and the policy grid */
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) {
  margin: 8px auto 18px !important;
}
body.vic-theme-policies .vic-policies-grid {
  margin: 18px 0 0 !important;
}

/* Intro statement (the "Victorians deserve a change in direction." moved into the CTA card) */
body.vic-theme-policies .vic-policies-intro-statement {
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 600;
  color: var(--ot-ink);
  line-height: 1.2;
  letter-spacing: -0.015em;
  margin: 0 auto 14px;
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--ot-hairline);
  max-width: 680px;
  text-align: center;
}

/* ---- Card clickability + full-width Read More bar ---- */
body.vic-theme-policies .vic-policies-grid > .row {
  position: relative;
  cursor: pointer;
  padding-bottom: 0 !important;
}
/* Trim bottom padding on the text col since the Read More bar now sits flush at the bottom */
body.vic-theme-policies .vic-policies-grid > .row > .col-md-6:has(> h3) {
  padding: 22px 24px 18px !important;
}
/* Hide any leftover original in-col read-more span if JS didn't strip it */
body.vic-theme-policies .vic-policies-grid > .row > .col-md-6 span:has(> .btn.btn-primary) {
  display: none !important;
}

/* Full-width Read More bar — flush to bottom edges, inherits card bottom radius */
body.vic-theme-policies .vic-policies-grid > .row > a.vic-policy-cta {
  display: block !important;
  background: var(--ot-green) !important;
  color: #fff !important;
  text-align: center !important;
  padding: 15px 20px !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  text-decoration: none !important;
  border: 0 !important;
  border-radius: 0 0 var(--ot-radius-card) var(--ot-radius-card) !important;
  margin: auto 0 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  position: relative;
  z-index: 2;
  transition: background .25s ease;
}
body.vic-theme-policies .vic-policies-grid > .row > a.vic-policy-cta:hover,
body.vic-theme-policies .vic-policies-grid > .row:hover > a.vic-policy-cta {
  background: var(--ot-green-deep) !important;
}

/* Click-anywhere overlay covers the whole card and targets the Read More URL */
body.vic-theme-policies .vic-policies-grid > .row > a.vic-policy-cta::before {
  content: "";
  position: absolute;
  left: 0; top: 0; right: 0;
  height: calc(100% + 0px);
  inset: auto 0 0 0;
  /* Actually we want it to span ENTIRE card (including above the button) */
}
/* Re-spec the overlay precisely: cover the whole card from top to above the button */
body.vic-theme-policies .vic-policies-grid > .row > a.vic-policy-cta::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;  /* start just above the bar */
  top: auto;
  height: 100vh;  /* extend way up to cover the rest of the card */
  pointer-events: auto;
  background: transparent;
  z-index: 1;
}
/* Constrain overlay height using clip-path so it doesn't bleed beyond the card */
body.vic-theme-policies .vic-policies-grid > .row {
  overflow: hidden;
}

/* Let image anchor still be clickable (same target) and sit below overlay */
body.vic-theme-policies .vic-policies-grid > .row .col-md-6 a {
  position: relative;
  z-index: 0;
}
/* v3 policies fixes: CTA at bottom, tighter title→CTA spacing */
body.vic-theme-policies #main .content-splash { padding: 100px 16px 20px !important; }
body.vic-theme-policies #main .user-content .row:has(> .col-md-12 > blockquote) { margin: 6px auto 18px !important; }
body.vic-theme-policies .vic-policies-grid > .row > a.vic-policy-cta {
  order: 2 !important;
  margin-top: 0 !important;
}
/* Ensure text col's bottom-of-paragraph has no extra flex-pushed gap before button */
body.vic-theme-policies .vic-policies-grid > .row > .col-md-6:has(> h3) {
  order: 1 !important;
  margin-bottom: 0 !important;
}
body.vic-theme-policies .vic-policies-grid > .row > .col-md-6:has(> h3) p {
  flex: 0 0 auto !important;
}


/* ==== VIC-HPBRIEF :: Policies page theme - END ==== */


/* ==== VIC-HPBRIEF :: Manifesto theme - BEGIN (managed block) ====
   Scope: body.body-manifesto-view and body.body-manifesto-list ONLY.
   Revert: delete everything between BEGIN and END. */

body.body-manifesto-view,
body.body-manifesto-list {
  --ot-ink: #1d2a28;
  --ot-ink-soft: #3b4a47;
  --ot-muted: #5b6b68;
  --ot-cream: #f6f2e6;
  --ot-cream-2: #fbf8ee;
  --ot-surface: #ffffff;
  --ot-surface-warm: #fdfcf7;
  --ot-band: #eef4f1;
  --ot-green: #29a895;
  --ot-green-deep: #1f8a7b;
  --ot-green-tint: #eaf6f3;
  --ot-yellow: #fcd666;
  --ot-yellow-soft: #ffe9a3;
  --ot-yellow-tint: #fdf3cf;
  --ot-yellow-deep: #b8891f;
  --ot-hairline: rgba(41,168,149,0.18);
  --ot-hairline-soft: rgba(41,168,149,0.10);
  --ot-hairline-yellow: rgba(252,214,102,0.45);
  --ot-shadow-sm: 0 4px 14px rgba(20,40,35,0.05);
  --ot-shadow: 0 14px 36px rgba(20,40,35,0.08);
  --ot-radius-lg: 22px;
  --ot-radius-md: 16px;
  --ot-radius-sm: 12px;
  background: var(--ot-cream);
}

/* ===== Shared canvas ===== */
body.body-manifesto-view #main,
body.body-manifesto-list #main { background: transparent; }

/* ===== INDEX page: "Our platforms" hero title ===== */
body.body-manifesto-list .manifesto-topics-title {
  color: var(--ot-ink) !important;
  text-shadow: none !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  font-size: clamp(40px, 5.2vw, 60px) !important;
  line-height: 1.04 !important;
  text-align: center !important;
  margin: 72px auto 28px !important;
  display: inline-block !important;
  position: relative !important;
  padding: 0 14px 8px !important;
  left: 50%;
  transform: translateX(-50%);
}
body.body-manifesto-list .manifesto-topics-title::after {
  content: ""; position: absolute; left: 6%; right: 6%; bottom: 6px;
  height: 16px;
  background: linear-gradient(90deg, var(--ot-yellow-tint) 0%, var(--ot-yellow-soft) 50%, var(--ot-yellow-tint) 100%);
  border-radius: 999px; z-index: -1; opacity: 0.95;
}
/* Wrapper around the title to keep centering behavior simple */
body.body-manifesto-list .manifesto-topics-title {
  position: relative;
  left: auto;
  transform: none;
}
body.body-manifesto-list :where(.manifesto, .manifesto-topics, #main) > :first-child,
body.body-manifesto-list .manifesto-topics-title { text-align: center; }

/* Index tile improvements (soft white cards with green hairline) */
body.body-manifesto-list .manifesto-topic-tile,
body.body-manifesto-list [class*="manifesto-topic-tile"] {
  background: var(--ot-surface) !important;
  border: 1px solid var(--ot-hairline-soft) !important;
  border-radius: var(--ot-radius-md) !important;
  box-shadow: var(--ot-shadow-sm) !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  overflow: hidden !important;
}
body.body-manifesto-list .manifesto-topic-tile:hover {
  transform: translateY(-3px);
  box-shadow: var(--ot-shadow);
  border-color: var(--ot-hairline);
}

/* ===== VIEW page: topic header & content ===== */
body.body-manifesto-view .manifesto-topic-header {
  border-radius: var(--ot-radius-lg);
  overflow: hidden;
  box-shadow: var(--ot-shadow-sm);
  margin: 18px auto 22px !important;
  max-width: 1180px;
}
body.body-manifesto-view .manifesto-topic-header-title {
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  font-size: clamp(36px, 5vw, 58px) !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.35) !important;
  padding: 0 16px !important;
}

/* ===== Navigation row (back / view-all / next) =====
   JS moves the "View all our platforms" anchor INTO the existing .row so that:
   [back col][center col][next col] sit side-by-side. */
body.body-manifesto-view .manifesto-topic-section {
  max-width: 1180px;
  margin: 16px auto 20px !important;
  padding: 0 20px !important;
}
/* Hide the original top-level anchor once it has been moved (JS sets data-vic-moved) */
body.body-manifesto-view .manifesto-topic-section > a[data-vic-moved="true"] {
  display: none !important;
}
/* Flex row */
body.body-manifesto-view .manifesto-topic-nav .row.vic-manifesto-nav-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 12px !important;
  margin: 0 !important;
}
body.body-manifesto-view .manifesto-topic-nav .row.vic-manifesto-nav-row > .col-12.col-md-6.mb-2 {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: auto !important;
  flex: 1 1 0 !important;
  display: flex;
}
body.body-manifesto-view .manifesto-topic-nav .row.vic-manifesto-nav-row > .col-12.col-md-6.mb-2.text-right {
  justify-content: flex-end;
}
/* Back / Next — pill buttons that fill their column */
body.body-manifesto-view .manifesto-topic-nav .row.vic-manifesto-nav-row > .col-12.col-md-6.mb-2 > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  padding: 18px 24px !important;
  background: var(--ot-surface) !important;
  color: var(--ot-ink) !important;
  border: 1px solid var(--ot-hairline-soft) !important;
  border-radius: var(--ot-radius-md) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  letter-spacing: -0.005em;
  box-shadow: var(--ot-shadow-sm);
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  white-space: nowrap;
  min-height: 72px;
  box-sizing: border-box;
}
body.body-manifesto-view .manifesto-topic-nav .row.vic-manifesto-nav-row > .col-12.col-md-6.mb-2 > a:hover {
  background: var(--ot-surface-warm) !important;
  border-color: var(--ot-hairline) !important;
  transform: translateY(-1px);
  box-shadow: var(--ot-shadow);
}
/* Center square "View all our platforms" */
body.body-manifesto-view .vic-manifesto-center-col {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: stretch !important;
  padding: 0 !important;
}
body.body-manifesto-view .vic-manifesto-center-col > a.vic-manifesto-center-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 112px;
  min-height: 72px;
  padding: 10px 14px !important;
  background: var(--ot-green) !important;
  color: #ffffff !important;
  border: 1px solid var(--ot-green) !important;
  border-radius: var(--ot-radius-md) !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  line-height: 1.2;
  box-shadow: 0 8px 18px rgba(41,168,149,.24);
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
  white-space: normal;
  box-sizing: border-box;
}
body.body-manifesto-view .vic-manifesto-center-col > a.vic-manifesto-center-btn:hover,
body.body-manifesto-view .vic-manifesto-center-col > a.vic-manifesto-center-btn:focus-visible {
  background: var(--ot-green-deep) !important;
  border-color: var(--ot-green-deep) !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(41,168,149,.32);
}

/* ===== Proposals body — softer typography ===== */
body.body-manifesto-view .manifesto-topic-proposals {
  max-width: 1180px;
  margin: 0 auto !important;
  padding: 8px 20px 48px !important;
  color: var(--ot-ink);
  font-size: 16px;
  line-height: 1.7;
}
body.body-manifesto-view .manifesto-topic-proposals h2 {
  color: var(--ot-ink) !important;
  font-weight: 600 !important;
  font-size: clamp(22px, 2.4vw, 28px) !important;
  letter-spacing: -0.01em;
  position: relative;
  padding-left: 14px;
  margin-top: 1.8em !important;
}
body.body-manifesto-view .manifesto-topic-proposals h2::before {
  content: ""; position: absolute; left: 0; top: .3em;
  width: 3px; height: .82em;
  background: linear-gradient(to bottom, var(--ot-green) 0%, var(--ot-green) 70%, var(--ot-yellow) 70%, var(--ot-yellow) 100%);
  border-radius: 3px;
}
body.body-manifesto-view .manifesto-topic-proposals p { color: var(--ot-ink-soft); }
body.body-manifesto-view .manifesto-topic-proposals a:not(.btn) {
  color: var(--ot-green-deep);
  text-decoration-color: var(--ot-hairline);
  text-underline-offset: 3px;
}

/* Share bar — subtle soft pill */
body.body-manifesto-view .manifesto-topic-share-bar {
  max-width: 1180px;
  margin: 0 auto !important;
  padding: 8px 20px !important;
  text-align: center;
}

/* Mobile — stack nav row into columns */
@media (max-width: 640px) {
  body.body-manifesto-view .manifesto-topic-nav .row.vic-manifesto-nav-row {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  body.body-manifesto-view .manifesto-topic-nav .row.vic-manifesto-nav-row > .col-12.col-md-6.mb-2 {
    flex: 1 1 calc(50% - 5px) !important;
  }
  body.body-manifesto-view .vic-manifesto-center-col {
    flex: 0 0 100% !important;
    order: 10;
  }
  body.body-manifesto-view .vic-manifesto-center-col > a.vic-manifesto-center-btn {
    width: 100%;
    min-height: 56px;
  }
  body.body-manifesto-list .manifesto-topics-title { margin: 56px auto 20px !important; }
}
/* Index tile styling (actual class is .manifesto-topics-list-item) */
body.body-manifesto-list .manifesto-topics-list {
  max-width: 1180px;
  margin: 0 auto !important;
  padding: 0 20px 64px !important;
}
body.body-manifesto-list .manifesto-topics-list-item {
  background: var(--ot-surface) !important;
  border: 1px solid var(--ot-hairline-soft) !important;
  border-radius: var(--ot-radius-md) !important;
  box-shadow: var(--ot-shadow-sm) !important;
  overflow: hidden !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
body.body-manifesto-list .manifesto-topics-list-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--ot-shadow) !important;
  border-color: var(--ot-hairline) !important;
}
/* ======= v2 manifesto refinements ======= */

/* Hero — image stays as background but only on top portion. Title sits below in cream area. */
body.body-manifesto-view .manifesto-topic-header {
  position: relative;
  background-color: var(--ot-cream-2) !important;
  background-size: 100% 320px !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 320px 0 32px !important;
  border-radius: var(--ot-radius-lg);
  border: 1px solid var(--ot-hairline-soft);
  overflow: hidden;
  box-shadow: var(--ot-shadow-sm);
  text-align: center;
  margin: 18px auto 28px !important;
  max-width: 1180px;
}

/* Image-area overlay: only over top 320px, soft gradient at bottom for a clean fade into the cream */
body.body-manifesto-view .manifesto-topic-header-overlay {
  position: absolute !important;
  left: 0 !important; right: 0 !important; top: 0 !important; bottom: auto !important;
  height: 320px !important;
  background: linear-gradient(180deg, rgba(0,0,0,0) 65%, rgba(246,242,230,0.85) 100%) !important;
  pointer-events: none;
}

/* Title — Our Team aesthetic: ink, centered, yellow pill underline */
body.body-manifesto-view .manifesto-topic-header-title {
  color: var(--ot-ink) !important;
  text-shadow: none !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  font-size: clamp(36px, 5vw, 56px) !important;
  line-height: 1.06 !important;
  margin: 24px auto 0 !important;
  display: inline-block !important;
  position: relative !important;
  padding: 0 14px 8px !important;
  text-align: center !important;
}
body.body-manifesto-view .manifesto-topic-header-title::after {
  content: ""; position: absolute; left: 6%; right: 6%; bottom: 4px;
  height: 16px;
  background: linear-gradient(90deg, var(--ot-yellow-tint) 0%, var(--ot-yellow-soft) 50%, var(--ot-yellow-tint) 100%);
  border-radius: 999px; z-index: -1; opacity: 0.95;
}

/* Share bar — soft green pill icons matching Our Team */
body.body-manifesto-view .manifesto-topic-share-bar {
  max-width: 1180px;
  margin: 0 auto 18px !important;
  padding: 6px 20px !important;
  text-align: center;
}
body.body-manifesto-view .manifesto-topic-share-bar .v93-share-label {
  display: block;
  margin: 0 auto 10px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ot-green-deep);
}
body.body-manifesto-view .manifesto-topic-share-bar .v93-share-label::after {
  content: ""; display: block;
  width: 28px; height: 2px;
  background: var(--ot-yellow);
  border-radius: 2px;
  margin: 8px auto 0;
}
body.body-manifesto-view .manifesto-topic-share-bar .social-sharers {
  display: inline-flex !important;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
body.body-manifesto-view .manifesto-topic-share-bar .social-sharers > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 38px; height: 38px;
  background: var(--ot-green-tint) !important;
  border: 1px solid var(--ot-hairline) !important;
  border-radius: 999px !important;
  color: var(--ot-green-deep) !important;
  text-decoration: none !important;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
body.body-manifesto-view .manifesto-topic-share-bar .social-sharers > a:hover {
  background: var(--ot-green) !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(41,168,149,.24);
}
body.body-manifesto-view .manifesto-topic-share-bar .social-sharers > a i,
body.body-manifesto-view .manifesto-topic-share-bar .social-sharers > a svg {
  font-size: 14px !important;
  width: 14px !important; height: 14px !important;
  fill: currentColor !important;
}

/* Proposals — soft white cards with green number badge */
body.body-manifesto-view .manifesto-topic-proposals {
  display: flex !important;
  flex-direction: column;
  gap: 16px;
  max-width: 1180px;
  margin: 8px auto !important;
  padding: 8px 20px 56px !important;
}
body.body-manifesto-view .manifesto-topic-proposal {
  background: var(--ot-surface) !important;
  border: 1px solid var(--ot-hairline-soft) !important;
  border-radius: var(--ot-radius-lg) !important;
  box-shadow: var(--ot-shadow-sm) !important;
  padding: 24px 28px !important;
  position: relative;
  margin: 0 !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.body-manifesto-view .manifesto-topic-proposal:hover {
  transform: translateY(-2px);
  box-shadow: var(--ot-shadow);
  border-color: var(--ot-hairline);
}
body.body-manifesto-view .manifesto-topic-proposal::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(to bottom, var(--ot-green) 0%, var(--ot-yellow) 100%);
  border-radius: 4px 0 0 4px;
}

/* Title row — number badge + title text */
body.body-manifesto-view .manifesto-topic-proposal-title {
  display: flex !important;
  align-items: center;
  gap: 14px;
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: clamp(20px, 2vw, 24px) !important;
  font-weight: 600 !important;
  color: var(--ot-ink) !important;
  letter-spacing: -0.01em;
  line-height: 1.25;
}
body.body-manifesto-view .manifesto-topic-proposal-title::before { content: none !important; }

/* Number badge */
body.body-manifesto-view .manifesto-topic-proposal-number {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px; height: 40px;
  background: var(--ot-green-tint) !important;
  border: 1px solid var(--ot-hairline) !important;
  border-radius: 12px !important;
  color: var(--ot-green-deep) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-family: inherit !important;
  padding: 0 !important;
}
/* Strip any trailing dot on the number — visual cleanliness */
body.body-manifesto-view .manifesto-topic-proposal-number::after { content: none !important; }

/* Body content */
body.body-manifesto-view .manifesto-topic-proposal-content {
  color: var(--ot-ink-soft) !important;
  font-size: 15.5px !important;
  line-height: 1.7 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.body-manifesto-view .manifesto-topic-proposal-content p {
  color: var(--ot-ink-soft) !important;
  margin: 0 0 0.85em !important;
}
body.body-manifesto-view .manifesto-topic-proposal-content p:last-child { margin-bottom: 0 !important; }
body.body-manifesto-view .manifesto-topic-proposal-content a:not(.btn) {
  color: var(--ot-green-deep) !important;
  text-decoration-color: var(--ot-hairline) !important;
  text-underline-offset: 3px;
}

/* Mobile tweaks */
@media (max-width: 640px) {
  body.body-manifesto-view .manifesto-topic-header {
    padding: 220px 0 24px !important;
    background-size: 100% 220px !important;
  }
  body.body-manifesto-view .manifesto-topic-header-overlay { height: 220px !important; }
  body.body-manifesto-view .manifesto-topic-proposal { padding: 20px 18px !important; }
  body.body-manifesto-view .manifesto-topic-proposal-number { width: 34px; height: 34px; font-size: 15px !important; }
}
/* ======= end v2 manifesto refinements ======= */
/* v2 manifesto specificity fixes — beat base manifesto CSS */
html body.body-manifesto-view.body-manifesto-view .manifesto-topic-header-title,
html body.body-manifesto-view.body-manifesto-view .manifesto.manifesto-topic .manifesto-topic-header-title {
  color: var(--ot-ink) !important;
}
html body.body-manifesto-view.body-manifesto-view .manifesto-topic-share-bar .v93-share-label {
  color: var(--ot-green-deep) !important;
}
/* ======= v3 manifesto refinements ======= */

/* Push the top nav row down so it clears the absolute-positioned menu */
body.body-manifesto-view .manifesto-topic-section {
  margin-top: 67px !important;
  padding-top: 0 !important;
}

/* Strip the gradient overlay over the image AND any scrim behind the title */
body.body-manifesto-view .manifesto-topic-header-overlay {
  display: none !important;
  background: transparent !important;
}
body.body-manifesto-view .manifesto-topic-header-title {
  background: transparent !important;
}
body.body-manifesto-view .manifesto-topic-header-title::before {
  display: none !important;
  content: none !important;
}

/* Centre the social sharing bar */
body.body-manifesto-view .manifesto-topic-share-bar {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  width: 100%;
}
body.body-manifesto-view .manifesto-topic-share-bar .social-sharers {
  margin: 0 auto !important;
  display: inline-flex !important;
  justify-content: center;
}

/* Mobile portrait: sandwich view-all between back and next */
@media (max-width: 640px) {
  body.body-manifesto-view .manifesto-topic-nav .row.vic-manifesto-nav-row {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }
  body.body-manifesto-view .manifesto-topic-nav .row.vic-manifesto-nav-row > .col-12.col-md-6.mb-2:not(.text-right) {
    order: 1 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
  }
  body.body-manifesto-view .vic-manifesto-center-col {
    order: 2 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
  }
  body.body-manifesto-view .vic-manifesto-center-col > a.vic-manifesto-center-btn {
    width: 100% !important;
    min-height: 56px;
  }
  body.body-manifesto-view .manifesto-topic-nav .row.vic-manifesto-nav-row > .col-12.col-md-6.mb-2.text-right {
    order: 3 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}
/* ======= end v3 manifesto refinements ======= */
/* ======= v4 manifesto fixes ======= */
/* Header: neutral background, no decorative tint behind title area */
body.body-manifesto-view .manifesto-topic-header {
  background-color: #ffffff !important;
  box-shadow: none !important;
}
/* Force-zero any drop shadow on title (catches inline + any leftover) */
html body.body-manifesto-view.body-manifesto-view .manifesto-topic-header-title {
  text-shadow: none !important;
  filter: none !important;
  -webkit-text-stroke: 0 !important;
}
/* Share bar: label LEFT, icons RIGHT, both centered as a unit */
body.body-manifesto-view .manifesto-topic-share-bar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  text-align: center !important;
}
body.body-manifesto-view .manifesto-topic-share-bar .v93-share-label {
  display: inline-flex !important;
  align-items: center;
  margin: 0 !important;
}
body.body-manifesto-view .manifesto-topic-share-bar .v93-share-label::after {
  display: none !important;
  content: none !important;
}
body.body-manifesto-view .manifesto-topic-share-bar .social-sharers {
  display: inline-flex !important;
  margin: 0 !important;
}
/* ======= end v4 manifesto fixes ======= */



/* vic-no-hero-overlay: remove dark gradient over manifesto hero image */
body.body-manifesto-view .manifesto-topic-header::after,
body.body-manifesto-list .manifesto-topic-header::after,
body[class*="manifesto"] .manifesto-topic-header::after {
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  content: none !important;
}
body.body-manifesto-view .manifesto-topic-header::before,
body.body-manifesto-list .manifesto-topic-header::before,
body[class*="manifesto"] .manifesto-topic-header::before {
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  opacity: 0 !important;
  content: none !important;
}
/* ==== VIC-HPBRIEF :: Manifesto theme - END ==== */


/* ==== VIC-HPBRIEF :: Mobile header order - BEGIN (managed block) ====
   Mobile-only rule: put the logo on the left and the burger on the right.
   Scoped with media (max-width: 991.98px). No effect at desktop. */
@media (max-width: 991.98px) {
  header.header .row.align-items-center > .col-9.col-lg-auto { order: 0 !important; }
  header.header .row.align-items-center > .d-block.d-lg-none.col-3.text-right { order: 2 !important; }
  header.header .row.align-items-center > .d-block.d-lg-none.col-3.text-right .header-mobile-button { margin-left: auto !important; }
}
/* ==== VIC-HPBRIEF :: Mobile header order - END ==== */

/* VIC-HPBRIEF :: Footer redesign - BEGIN */
footer.footer { --vfoot-ink:#0f1716; --vfoot-ink2:#1d2a28; --vfoot-green:#29a895; --vfoot-yellow:#fcd666; --vfoot-cream:#f6f2e6; }

/* Top authorisation strip — slim cream-on-ink band right under the joystick */
footer.footer .footer-auth-top {
  background: var(--vfoot-ink2);
  color: rgba(246,242,230,0.78);
  padding: 14px 18px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1.6;
  border-bottom: 1px solid rgba(252,214,102,0.18);
}
footer.footer .footer-auth-top .vfoot-auth-label {
  display: inline-block;
  color: var(--vfoot-yellow);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 10.5px;
  margin-right: 8px;
}

/* Brand / socials row */
footer.footer .footer-top {
  background: var(--vfoot-ink2) !important;
  padding: 38px 0 28px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
footer.footer .footer-top .row { align-items: center !important; row-gap: 18px; }
footer.footer .footer-top-logo { text-align: center; }
footer.footer .footer-top-logo img,
footer.footer .footer-top-logo-image {
  max-height: 60px;
  width: auto;
  filter: brightness(1.05) saturate(1.05);
}
@media (min-width: 992px){
  footer.footer .footer-top-logo { text-align: left; }
}

footer.footer .footer-top-socials {
  display: flex !important;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
@media (min-width: 992px){
  footer.footer .footer-top-socials { justify-content: flex-end; }
}
footer.footer .footer-top-socials > a {
  width: 44px; height: 44px;
  border-radius: 50%;
  display: inline-flex !important; align-items: center; justify-content: center;
  background: rgba(252,214,102,0.06);
  color: var(--vfoot-yellow) !important;
  border: 1px solid rgba(252,214,102,0.45);
  transition: transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
  text-decoration: none !important;
}
footer.footer .footer-top-socials > a:hover {
  background: var(--vfoot-yellow);
  color: var(--vfoot-ink2) !important;
  border-color: var(--vfoot-yellow);
  transform: translateY(-2px);
}
footer.footer .footer-top-socials > a i,
footer.footer .footer-top-socials > a svg { font-size: 18px; }
footer.footer .footer-top-socials > a .sr-only,
footer.footer .footer-top-socials > a span:not([class]) { position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

/* Brand tagline injected after logo (filled by JS) */
footer.footer .vfoot-tagline {
  display: block;
  margin-top: 8px;
  color: rgba(246,242,230,0.72);
  font-size: 13px;
  letter-spacing: 0.04em;
  font-weight: 500;
  max-width: 360px;
}
@media (min-width: 992px){
  footer.footer .vfoot-tagline { margin-top: 10px; }
}

/* Menu columns */
footer.footer .footer-menu {
  background: var(--vfoot-ink2) !important;
  padding: 36px 0 40px !important;
  color: rgba(246,242,230,0.78);
}
footer.footer .footer-menu .row { row-gap: 22px; }
footer.footer .footer-menu-column {
  padding: 6px 14px;
  text-align: center;
}
@media (min-width: 992px){
  footer.footer .footer-menu-column { text-align: left; }
}
footer.footer .footer-menu-column-title {
  margin: 0 0 12px !important;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--vfoot-yellow) !important;
  font-weight: 700;
}
footer.footer .footer-menu-column-title a,
footer.footer .footer-menu-column a {
  color: var(--vfoot-cream) !important;
  text-decoration: none !important;
  position: relative;
  display: inline-block;
  padding: 4px 0;
  font-weight: 500;
}
footer.footer .footer-menu-column-title a {
  color: var(--vfoot-yellow) !important;
  font-weight: 700;
}
footer.footer .footer-menu-column-title a::after,
footer.footer .footer-menu-column a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0;
  height: 1px;
  background: var(--vfoot-yellow);
  transform: scaleX(0); transform-origin: center;
  transition: transform .2s ease;
}
footer.footer .footer-menu-column-title a:hover::after,
footer.footer .footer-menu-column a:hover::after { transform: scaleX(1); }
@media (min-width: 992px){
  footer.footer .footer-menu-column-title a::after,
  footer.footer .footer-menu-column a::after { transform-origin: left; }
}

/* Logo column inside menu — keep image centred and clean */
footer.footer .footer-menu-column .footer-top-logo-image,
footer.footer .footer-menu-column img.footer-top-logo-image {
  max-width: 200px;
  height: auto;
  margin: 0 auto;
  display: block;
  filter: brightness(0.95);
}

/* Bottom authorisation */
footer.footer .footer-authorisation {
  background: var(--vfoot-ink) !important;
  color: rgba(246,242,230,0.85) !important;
  padding: 18px 16px !important;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.04em;
  line-height: 1.65;
  border-top: 1px solid rgba(252,214,102,0.22);
}

/* Joystick polish — keep, with a soft drop shadow */
footer.footer .footer-joystick { filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)); }

/* Mobile niceties */
@media (max-width: 991.98px){
  footer.footer .footer-top { padding: 28px 0 18px !important; }
  footer.footer .footer-menu { padding: 28px 0 30px !important; }
  footer.footer .footer-auth-top { font-size: 11.5px; padding: 12px 14px; }
}

/* vic-footer-tighten: hide empty brand row + collapse padding gap */
footer.footer .footer-top { display: none !important; }
footer.footer .footer-menu { padding-top: 22px !important; padding-bottom: 0 !important; border-bottom: 0 !important; }
footer.footer .footer-menu > .container { padding-bottom: 0 !important; }
footer.footer .footer-menu > .container > .row { margin-bottom: 0 !important; }
footer.footer .footer-menu .footer-menu-column { padding-bottom: 0 !important; margin-bottom: 0 !important; }
footer.footer .footer-authorisation { margin-top: 0 !important; padding-top: 14px !important; padding-bottom: 14px !important; border-top: 1px solid rgba(252,214,102,0.22) !important; }

/* vic-cta-stop: hide sticky CTA over footer */
body #vic-sticky-cta.vic-sticky-hidden-by-footer,
html body #vic-sticky-cta.vic-sticky-hidden-by-footer {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* vic-auth-relocated: bottom-position styling for the moved auth-top strip */
footer.footer .footer-menu .footer-auth-top {
  background: var(--vfoot-ink) !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(252,214,102,0.22) !important;
  border-bottom: 0 !important;
}
/* Hide the original bottom .footer-authorisation — styled auth-top replaces it */
footer.footer .footer-menu .footer-authorisation {
  display: none !important;
}
/* Hide the AUTHORISATION label text */
footer.footer .footer-auth-top .vfoot-auth-label {
  display: none !important;
}
/* VIC-HPBRIEF :: Footer redesign - END */


/* =============================================
   MOBILE NAV: SINGLE-LINE TOP MENU FIX (2026-04-28)
   Ensures Policies / Candidates / Our Team always render on one line on mobile,
   no matter the viewport width. Uses high-specificity selectors and clamp() so
   font/spacing scale down gracefully without wrapping.
   ============================================= */
@media (max-width: 991px) {
    /* Force the top-level menu to a single, no-wrap row.
       High specificity (html body ...) so we beat existing !important rules. */
    html body header.header nav.menu ul.header-menu,
    html body header.header ul.header-menu,
    html body ul.header-menu,
    html body .header-menu {
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        justify-content: space-around !important;
        align-items: center !important;
        gap: clamp(4px, 1.5vw, 16px) !important;
        padding-left: clamp(4px, 2vw, 16px) !important;
        padding-right: clamp(4px, 2vw, 16px) !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }
    html body ul.header-menu > li,
    html body .header-menu > li {
        flex: 0 1 auto !important;
        min-width: 0 !important;
        white-space: nowrap !important;
    }
    html body ul.header-menu > li > .header-menu-label,
    html body .header-menu > li > .header-menu-label,
    html body .header-menu-label {
        white-space: nowrap !important;
        font-size: clamp(11px, 3.4vw, 16px) !important;
        letter-spacing: 0 !important;
        padding: 6px 2px !important;
        margin: 0 !important;
    }
    html body .header-menu-label > a,
    html body .header-menu a {
        white-space: nowrap !important;
        font-size: inherit !important;
        padding: 0 !important;
    }
}

/* Extra-narrow phones: tighten further so words never wrap or truncate */
@media (max-width: 380px) {
    html body header.header nav.menu ul.header-menu,
    html body ul.header-menu,
    html body .header-menu {
        gap: 2px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    html body .header-menu-label {
        font-size: clamp(10px, 3.2vw, 14px) !important;
    }
}