/* las-vegas.css: ALL the CSS of the Las Vegas landing page (page 32706): header, page, footer, popups. Change made by Asif on 2026-10-06: built from the files the page used to load (only the rules it uses, in the same order, each part marked with where it came from) + the page's own CSS (was inside the page content). Replaces bootstrap.min.css, style.css, custom.css, ta-style.css, Visual Composer CSS and the Customizer "Additional CSS" on this page only. Edit this page's styles HERE. The first-screen rules are also inlined (css/las-vegas-critical.css): keep both in step. */ /* ===== Cera Pro size-matched fallback (no font-swap shift before Cera Pro loads; same as the homepage) ===== */ @font-face { font-family: 'Cera Pro Fallback'; font-weight: 400; font-style: normal; src: local('Arial'), local('ArialMT'), local('Helvetica'); size-adjust: 105.90%; ascent-override: 94.43%; descent-override: 24.55%; line-gap-override: 0%; } @font-face { font-family: 'Cera Pro Fallback'; font-weight: 500; font-style: normal; src: local('Arial'), local('ArialMT'), local('Helvetica'); size-adjust: 102.61%; ascent-override: 97.46%; descent-override: 25.34%; line-gap-override: 0%; } @font-face { font-family: 'Cera Pro Fallback'; font-weight: 700; font-style: normal; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'); size-adjust: 98.19%; ascent-override: 101.84%; descent-override: 26.48%; line-gap-override: 0%; } @font-face { font-family: 'Cera Pro Fallback Caps'; font-weight: 400; font-style: normal; src: local('Arial'), local('ArialMT'), local('Helvetica'); size-adjust: 91.00%; ascent-override: 109.89%; descent-override: 28.57%; line-gap-override: 0%; } @font-face { font-family: 'Cera Pro Fallback Caps'; font-weight: 700; font-style: normal; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'); size-adjust: 93.35%; ascent-override: 107.12%; descent-override: 27.85%; line-gap-override: 0%; } .main-header .main_menu ul#primary-menu > li > a, header.main-header .btn { font-family: 'Cera Pro', 'Cera Pro Fallback Caps'; } /* ===== from pure-exhibits-shortlist/assets/shortlist.css (that file loads without blocking) ===== */ a[href^="tel:"]{white-space:nowrap} /* ===== from css/bootstrap.min.css ===== */ /*! * Bootstrap v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}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}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}summary{display:list-item;cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.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-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:768px){.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;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 screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.text-center{text-align:center!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}body{min-width:992px!important}} /* ===== from style.css ===== */ /*! Theme Name: Custom Theme Theme URI: http://custom_theme.me/ Author: Weavers Web Solutions Pvt Ltd Author URI: https://weavers-web.com Description: This is a custom theme Bolierplate to get started with ease Version: 1.1.0 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: custom_theme Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. Custom Theme is based on custom_theme https://custom_theme.me/, (C) 2012-2020 Weavers, Inc. custom_theme is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } a { background-color: transparent; } b, strong { font-weight: bolder; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } textarea { overflow: auto; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; } body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } body { background: #fff; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } a { color: #D8922E; } a:visited { color: #D8922E; } a:hover, a:focus, a:active { color: #191970; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; } .post, .page { margin: 0 0 1.5em; } body .popmake-content form input:focus, body .popmake-content form textarea:focus { color: #000 !important; } body .wpforms-container form input:focus, body .wpforms-container form textarea:focus { color: rgba( 0, 0, 0, 0.7 ) !important; } /* ===== from css/custom.css ===== */ @font-face { font-family: 'Cera Pro'; src: url('/wp-content/themes/boilerplate/fonts/CeraPro-Regular.eot'); src: url('/wp-content/themes/boilerplate/fonts/CeraPro-Regular.eot#iefix') format('embedded-opentype'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Regular.woff2') format('woff2'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Regular.woff') format('woff'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Regular.ttf') format('truetype'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Regular.svg#CeraPro-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Cera Pro'; src: url('/wp-content/themes/boilerplate/fonts/CeraPro-Medium.eot'); src: url('/wp-content/themes/boilerplate/fonts/CeraPro-Medium.eot#iefix') format('embedded-opentype'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Medium.woff2') format('woff2'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Medium.woff') format('woff'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Medium.ttf') format('truetype'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Medium.svg#CeraPro-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Cera Pro'; src: url('/wp-content/themes/boilerplate/fonts/CeraPro-Bold.eot'); src: url('/wp-content/themes/boilerplate/fonts/CeraPro-Bold.eot#iefix') format('embedded-opentype'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Bold.woff2') format('woff2'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Bold.woff') format('woff'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Bold.ttf') format('truetype'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Bold.svg#CeraPro-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } body { margin: 0; padding: 0; font-family: 'Cera Pro', 'Cera Pro Fallback'; font-size:18px; color:#1f1f1f;} h1, h2, h3, h4, h5, h6 { font-weight: 500; margin:0 0 20px; padding:0; font-family: 'Cera Pro', 'Cera Pro Fallback'; color:#1f1f1f;} h1{ font-size: 60px; font-weight: bold;} h2{ font-size: 60px; font-weight: bold;} h3{ font-size: 30px; font-weight: bold;} h4{ font-size: 28px;} p{ font-size: 18px; color:#1f1f1f; font-family: 'Cera Pro', 'Cera Pro Fallback'; margin:0 0 20px; padding:0;} img{ max-width: 100%;} ul{margin-left: 0;} a, img{ border:0; text-decoration: none; outline: none;} a, a:link, a:visited, a:focus, a:hover { outline: none; text-decoration: none; transition:all 0.3s ease 0s;} a:hover{ text-decoration:none;} input, textarea, select{ font-family: 'Cera Pro', 'Cera Pro Fallback'; font-size: 18px; outline: none;} input[type="submit"]{ font-family: 'Cera Pro', 'Cera Pro Fallback'; font-size: 18px; transition:all 0.3s ease 0s; outline: none;} .btn, button, input[type="button"], input[type="reset"], input[type="submit"] { border: 0; display: inline-block; vertical-align: top; background: #226efa; color: #fff !important; padding: 14px 35px; font-size: 18px; font-weight: bold; text-transform: uppercase; font-family: 'Cera Pro', 'Cera Pro Fallback'; letter-spacing: 1.5px;} .btn:hover, .btn-white:hover{background: #1f1f1f; color: #fff !important;} .btn:focus, button:focus{outline: none;} .click { display:none;} .main_menu a.closebtn{ display: none; } .main-header { padding: 20px 50px; position: absolute; top:0; left: 0; right: 0; width: 100%; z-index: 99;} .headerRow{display: flex; justify-content: space-between; align-items: center;} .logo { width: 130px;} .headerRight { display: flex; justify-content: center; align-items: center;} .headerReach{display: flex; justify-content: center; align-items: center;} .click { color: #fff; font-size: 28px;} .main_menu { float: right; } .main_menu ul { margin: 0; padding: 0; list-style: none;} .main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 18px 0 0; text-transform: uppercase; position: relative;} .main_menu ul li a { display: block; padding: 15px 0; color: #fff; font-family: 'Cera Pro', 'Cera Pro Fallback'; font-size: 18px;} .main_menu ul li:hover a, .main_menu ul li.current-menu-item a { color: #226efa;} .main_menu ul li ul.sub-menu{position: absolute; top: 55px; left: 0; width: 200px; background: rgba(2, 9, 23, 0.9); display: none;} .main_menu ul li:hover ul.sub-menu{display: block;} .main_menu ul li ul.sub-menu li{display: block; margin:0 10px;} .main_menu ul li ul.sub-menu li a{padding:5px 0; color: #fff;} .main_menu ul li ul.sub-menu li a:hover{color: #226efa;} .header-btn { margin: 0 20px 0 0;} .headerSocial {display: flex; align-items: center;} .headerSocial ul{padding-left: 0; margin-bottom: 0; list-style: none; display: flex; margin-left: 0;} .headerSocial ul li{ margin-left: 7px; width: 30px; height: 30px; background: #fff; border-radius: 50px; display: flex; justify-content: center; align-items: center;} .headerSocial ul li a{ color: #000;} .headerSocial ul li a:hover{ color: #226efa; border-radius: 50px;} .ftr-top { background: #fff; padding: 120px 50px 40px;} .ftr-logo { margin: 0 0 40px;} .ftr-col p{margin-bottom: 0; color: #202020;} .ftr-menu ul { margin: 0; padding: 0; list-style: none;} .ftr-menu ul li { margin-bottom: 15px; text-transform: uppercase;} .ftr-menu ul li a { color: #202020;} .ftr-menu ul li a:hover, ul.copyrht-menu li a:hover { color: #226efa;} .ftr-title{font-size: 18px; color: #226efa; border-bottom: 1px solid #226efa; padding-bottom: 5px; margin-bottom: 25px; text-transform: uppercase;} .ftr-btm { background: #ececed; padding: 20px 50px; color: #202020;} .ftr-btm p { margin-bottom: 0; color: #202020;} ul.copyrht-menu { margin: 0; padding: 0; list-style: none; display: flex; justify-content: flex-end; align-items: center;} ul.copyrht-menu li { border-left: 1px solid #202020; padding: 0 10px; line-height: 1;} ul.copyrht-menu li:first-child { border: 0; padding-left: 0} ul.copyrht-menu li:last-child { padding-right: 0} ul.ftr-social { margin: 0 0 30px; padding: 0; list-style: none;} ul.ftr-social li { font-size: 18px; margin-right: 8px;} ul.ftr-social li:last-child{ margin-right: 0px;} ul.ftr-social { padding-left: 0; margin-bottom: 0; list-style: none; display: flex;} ul.ftr-social li{ margin-left: 7px; width: 30px; height: 30px; background: #0f6fc9; border-radius: 50px; display: flex; justify-content: center; align-items: center;} ul.ftr-social li a { color: #fff;} ul.ftr-social li a:hover { color: #1f1f1f;} .fullImage-link{position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .popmake-content .wpcf7-text, .popmake-content .wpcf7-select{ width: 100%; height: 38px; color: #000; padding: 3px 12px !important;} .popmake-content label {width: 100%;} .pum-close{color: #000 !important; width: 30px !important; height: 30px !important; font-weight: bold !important;} .post, .page { margin: 0 0 0;} .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { color: #f00; text-align: center;} .wpcf7 form.sent .wpcf7-response-output { color: #46b450; text-align: center;} .wpcf7-not-valid{border: 1px solid #f00 !important;} .wpcf7-not-valid-tip{display: none;} .header-search{cursor: pointer;} .search-box{ position: fixed; height: 160px; width: 100%; background: rgba(0, 0, 0, 0.9); z-index: 99; left: 0; top: 0; transition: all 0.6s ease-in-out 0s; display: none;} .search-boxinner{ position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; width: 80%; margin: 0 auto; display: flex;} .search-input{width: 100%; padding: 6px 50px 6px 10px; background: transparent; border-radius: 0; border:none; border-bottom: 1px solid #ccc; height: 50px; font-size: 18px; color: #fff !important;} .search-btn{border-radius: 0; border:none; cursor: pointer; width: 40px; background: transparent; color: #777777; font-size: 21px;} .search-close { position: absolute; color: #fff; top: 25px; right: 74px; cursor: pointer; font-size: 20px;z-index:1;} .headercontact ul { padding: 0 8px 0 4px; margin-right: 5px; margin-bottom: 0; list-style: none; position: relative; } .headercontact ul li a{color: #fff; font-size: 14px;} .headercontact ul li a i{margin-right: 3px;} .headercontact ul:after{background: #b9b9b9; width: 1px; height: 22px; content: ""; position: absolute; right: 0; top:50%; transform: translateY(-50%);} ul.contactdetails { text-align: left; font-size: 16px; text-decoration: none; text-transform: none !important; } .contactdetails a { color: #3e5893 !important; font-weight: 700; } @media only screen and ( max-width:1500px ) { .main_menu ul li { margin: 0 14px 0 0;} .header-btn .btn{ padding: 7px 12px; font-size: 16px; letter-spacing: 1px;} .header-btn { margin: 0 15px 0 0;} h1{ font-size: 50px;} h2{ font-size: 50px;} } @media only screen and ( max-width:1366px ) { .ftr-top { padding: 100px 30px 30px;} .ftr-btm { padding: 20px 30px;} .main-header { padding: 15px 30px;} .main_menu ul li { margin: 0 5px 0 0;} .header-btn .btn {padding: 7px 10px; font-size: 16px; letter-spacing: 0.5px;} .header-btn { margin: 0 10px 0 0;} h1{ font-size: 40px;} h2{ font-size: 40px;} .btn{padding: 12px 30px; letter-spacing: 0;} .ftr-logo { margin: 0 0 30px;} .headerSocial ul li { margin-left: 3px; width: 26px; height: 26px;} } @media only screen and ( max-width:1199px ) { .ftr-top { padding: 80px 15px 30px;} .ftr-btm { padding: 15px 15px;} .main-header { padding: 10px 0px;} .main_menu ul li a { font-size: 17px;} .header-btn { margin: 0 8px 0 0;} .header-btn .btn { padding: 6px 10px; font-size: 15px; letter-spacing: 0;} .headerSocial ul li { margin-left: 5px;} h1{ font-size: 38px;} h2{ font-size: 38px;} .btn{padding: 12px 20px;} .ftr-menu ul li { margin-bottom: 10px; font-size: 16px;} .ftr-title { margin-bottom: 20px;} } @media only screen and ( min-width: 1025px ) { .main_menu{ display: block !important; } #mySidenav{ width: auto !important; } } @media only screen and ( max-width:1024px ) { .click{ display: block; cursor: pointer; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: transparent; padding:0; } .main_menu a.closebtn{ color: #fff; display: block; } .main_menu { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0 !important; background-color: rgba(2, 9, 23, 0.97); overflow-x: hidden; transition: 0.5s; padding-top: 60px; z-index: 999; } .main_menu a { display: block; transition: 0.3s; } .main_menu a:hover { color: #333; } .main_menu .closebtn { position: absolute; font-size: 36px; margin-left: 50px; top: 20px; right: 18px; } .main_menu ul li ul.sub-menu { position: relative; top: 0; left: 0; width: 100%; background: rgb(42 42 43 / 90%); display: block;} .main_menu ul li { list-style: none; display: block;} .ftr-top { padding: 60px 0px 30px;} .ftr-btm { padding: 15px 0px;} .main-header { padding: 15px 0px;} .headerRight { padding-right: 40px;} ul.copyrht-menu li { padding: 0 6px;} .ftr-logo { margin: 0 0 20px;} .ftr-menu ul li { margin-bottom: 8px;} .ftr-title { margin-bottom: 15px;} h1{ font-size: 35px;} h2{ font-size: 35px;} h3{ font-size: 28px;} h4{ font-size: 24px;} p, body{ font-size: 17px;} input, textarea, select, input[type="submit"]{ font-size: 17px;} .btn{padding: 10px 15px; font-size: 17px;} } @media only screen and ( max-width: 991px ) { .ftr-top { padding: 30px 0px 30px;} .ftr-logo { margin: 0 0 15px;} .ftr-col { text-align: center; margin-bottom: 20px;} .main-header { padding: 10px 0px;} } @media only screen and ( max-width: 767px ) { .main-header { padding: 10px 0px;} .logo { width: 90px;} h1, h2, h3, h4, h5, h6, p{ margin: 0 0 15px;} h1{ font-size: 30px;} h2{ font-size: 30px;} h3{ font-size: 26px;} h4{ font-size: 22px;} .ftr-top { padding: 20px 0px 20px;} ul.copyrht-menu { margin-top: 10px; justify-content: center;} .ftr-btm ul.ftr-social { margin-bottom: 10px; justify-content: center;} .ftr-title { margin-bottom: 10px;} .ftr-logo { margin: 0 auto 10px; width: 100px;} } @media only screen and ( max-width: 575px ) { .logo { width: 80px;} .main-header { padding: 5px 0px;} h1{ font-size: 28px;} h2{ font-size: 28px;} h3{ font-size: 24px;} h4{ font-size: 20px;} p, body{ font-size: 16px;} input, textarea, select, input[type="submit"]{ font-size: 16px;} .btn{padding: 10px 15px; font-size: 16px;} .ftr-menu { text-align: center;} .ftr-title { display: inline-block; padding: 0 15px 7px;} .ftr-menu ul li { margin-bottom: 5px; font-size: 15px;} .search-boxinner { width: 90%;} .search-btn { width: 30px; padding: 0 0px 0 10px;} .headercontact ul { padding: 0px 6px 0 1px; margin-right: 2px;} } @media only screen and ( max-width: 480px ) { .headerSocial ul li { width: 26px; height: 26px; font-size: 17px;} .logo { width: 70px;} .header-btn{display: none;} h1, h2, h3, h4, h5, h6, p{ margin: 0 0 10px;} h1{ font-size: 26px;} h2{ font-size: 26px;} h3{ font-size: 22px;} .btn { padding: 6px 10px; font-size: 14px;} .ftr-menu ul li { margin-bottom: 4px;} } @media only screen and ( max-width: 380px ) { h1{ font-size: 25px;} h2{ font-size: 25px;} p, body{ font-size: 15px;} .headercontact ul li a { font-size: 12px;} .headercontact ul { padding: 0px 5px 0 0px; margin-right: 1px;} .headercontact ul li a i { margin-right: 3px;} .headerRight { padding-right: 32px;} } body.click-black .click{color:#000!important} @media only screen and (max-width:1024px){ body.click-black #mySidenav a{color:#fff!important;background:transparent!important} body.click-black #mySidenav .sub-menu{background:rgb(42 42 43 / 90%)!important;border:none!important} body.click-black #mySidenav li{background:transparent!important;border:none!important} } @media only screen and (min-width: 1025px) { ul#primary-menu{ display: flex; justify-content: space-around; } .headerRight{ width: 100%; justify-content: space-between; } #mySidenav { width: 100% !important; } } /* ===== from Visual Composer global elements CSS (was inline) ===== */ .blog-details table,td,th{border:1px solid #000} /* ===== from Visual Composer saved page CSS (was inline, page 32706) ===== */ *{box-sizing:border-box;margin:0;padding:0}.archive-header,.ast-archive-header,.ast-page-title-bar,.elementor-section:first-of-type:not(.hero):not(.breadcrumbs),.page-header,.page-title-bar,.wp-block-cover,[class*=hero-banner],[class*=page-banner],[class*=page-hero],[style*=background]{display:none!important;height:0!important;margin:0!important;overflow:hidden!important;padding:0!important;visibility:hidden!important}#content,.ast-container,.entry-content,.site-content,main{margin-top:0!important;padding-top:0!important}body{-webkit-font-smoothing:antialiased;background:#fff;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.site,body{padding-top:0!important}#masthead .sub-menu,.ast-builder-menu .sub-menu,.ast-builder-menu-1 .sub-menu,.ast-desktop .main-header-bar-navigation .sub-menu,.ast-desktop .main-header-menu .sub-menu,.ast-header-break-point .main-header-bar-navigation .sub-menu,.ast-nav-menu .sub-menu,.ast-navigation-menu .sub-menu,.ast-navigation-menu ul ul,.main-header-menu .sub-menu,.main-navigation .sub-menu,.main-navigation ul ul,.site-header .sub-menu,[class*=ast-nav-menu] .sub-menu,header .sub-menu,nav .sub-menu,nav ul ul{background:#fff!important;background-color:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 6px rgba(0,0,0,.1)!important}#masthead .sub-menu a,.ast-builder-menu .sub-menu a,.ast-builder-menu-1 .sub-menu a,.ast-desktop .main-header-bar-navigation .sub-menu a,.ast-desktop .main-header-menu .sub-menu a,.ast-header-break-point .main-header-bar-navigation .sub-menu a,.ast-nav-menu .sub-menu a,.ast-navigation-menu .sub-menu a,.ast-navigation-menu ul ul a,.main-header-menu .sub-menu a,.main-navigation .sub-menu a,.main-navigation ul ul a,.site-header .sub-menu a,[class*=ast-nav-menu] .sub-menu a,header .sub-menu a,nav .sub-menu a,nav ul ul a{background:#fff!important;background-color:#fff!important;color:#111827!important;text-shadow:none!important}#masthead .sub-menu a:hover,.ast-builder-menu .sub-menu a:hover,.ast-builder-menu-1 .sub-menu a:hover,.ast-desktop .main-header-bar-navigation .sub-menu a:hover,.ast-desktop .main-header-menu .sub-menu a:hover,.ast-header-break-point .main-header-bar-navigation .sub-menu a:hover,.ast-nav-menu .sub-menu a:hover,.ast-navigation-menu .sub-menu a:hover,.ast-navigation-menu ul ul a:hover,.main-header-menu .sub-menu a:hover,.main-navigation .sub-menu a:hover,.main-navigation ul ul a:hover,.site-header .sub-menu a:hover,[class*=ast-nav-menu] .sub-menu a:hover,header .sub-menu a:hover,nav .sub-menu a:hover,nav ul ul a:hover{background:#f9fafb!important;background-color:#f9fafb!important;color:#111827!important}@media only screen and (max-width:1024px){.main_menu ul li ul.sub-menu,.main_menu ul li ul.sub-menu li a{background-color:rgba(42,42,43,.9)!important;border:none!important;color:#fff!important}}.search-box{margin-bottom:32px;padding:0 4px}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#111827!important;font-size:16px;padding:16px 18px;touch-action:manipulation;width:100%}.search-input::placeholder{color:#9ca3af!important}.search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1);outline:none} /* ===== from Customizer "Additional CSS" ===== */ @media only screen and (min-width: 1025px) { .main-header .main_menu ul li.menu-item-has-children > a { display: flex; align-items: center; gap: 7px; } .main-header .main_menu ul li.menu-item-has-children > a::after { content: ""; width: 5px; height: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .24s cubic-bezier(.2,.7,.3,1); opacity: .6; } .main-header .main_menu ul li.menu-item-has-children:hover > a::after, .main-header .main_menu ul li.menu-item-has-children:focus-within > a::after { transform: translateY(1px) rotate(225deg); opacity: 1; } .main-header .main_menu ul li ul.sub-menu { display: block; top: calc(100% + 12px); left: -10px; width: auto; min-width: 238px; max-width: 340px; padding: 8px; background: rgba(10, 13, 20, .72); -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%); border: 1px solid rgba(255, 255, 255, .10); border-radius: 14px; box-shadow: 0 24px 48px -12px rgba(0, 0, 0, .65), 0 2px 8px rgba(0, 0, 0, .35); opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.985); transform-origin: top left; transition: opacity .18s ease, transform .26s cubic-bezier(.2,.7,.3,1), visibility .26s; z-index: 250; } .main-header .main_menu ul li ul.sub-menu::after { content: ""; position: absolute; top: 0; left: 18px; right: 18px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent); pointer-events: none; } .main-header .main_menu ul li ul.sub-menu::before { content: ""; position: absolute; top: -14px; left: 0; right: 0; height: 14px; } .main-header .main_menu ul li:hover > ul.sub-menu, .main-header .main_menu ul li:focus-within > ul.sub-menu { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .main-header .main_menu ul li ul.sub-menu li { display: block; margin: 0; text-transform: none; opacity: 0; transform: translateY(-6px); transition: opacity .22s ease, transform .22s ease; } .main-header .main_menu ul li:hover > ul.sub-menu li, .main-header .main_menu ul li:focus-within > ul.sub-menu li { opacity: 1; transform: translateY(0); } .main-header .main_menu ul li ul.sub-menu li:nth-child(1) { transition-delay: .03s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(2) { transition-delay: .055s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(3) { transition-delay: .08s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(4) { transition-delay: .105s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(5) { transition-delay: .13s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(6) { transition-delay: .155s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(7) { transition-delay: .18s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(8) { transition-delay: .205s; } .main-header .main_menu ul li ul.sub-menu li a { display: block; width: auto; padding: 10px 14px; border-radius: 9px; font-size: 13.5px; font-weight: 500; line-height: 1.35; letter-spacing: .03em; color: rgba(255, 255, 255, .70); white-space: nowrap; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; transition: background-color .16s ease, color .16s ease, box-shadow .16s ease; } .main-header .main_menu ul li ul.sub-menu li a:hover, .main-header .main_menu ul li ul.sub-menu li a:focus-visible { background-color: rgba(255, 255, 255, .08); color: #fff; box-shadow: inset 2px 0 0 #E9A13B; } .main-header .main_menu ul li ul.sub-menu li.current-menu-item > a { color: #fff; box-shadow: inset 2px 0 0 #E9A13B; } .main-header .main_menu ul li ul.sub-menu li a:focus-visible { outline: 1px solid rgba(255, 255, 255, .35); outline-offset: -1px; } .main-header .main_menu ul#primary-menu > li > a { position: relative; letter-spacing: .06em; } .main-header .main_menu ul#primary-menu > li > a::before { content: ""; position: absolute; left: 0; bottom: 9px; width: 100%; height: 1.5px; background: #E9A13B; transform: scaleX(0); transform-origin: left; transition: transform .3s cubic-bezier(.2,.7,.3,1); } .main-header .main_menu ul#primary-menu > li:hover > a::before, .main-header .main_menu ul#primary-menu > li:focus-within > a::before, .main-header .main_menu ul#primary-menu > li.current-menu-item > a::before { transform: scaleX(1); } } @media only screen and (max-width: 1024px) { #mySidenav.main_menu { background: linear-gradient(180deg, #0b1018 0%, #05070c 100%); padding-top: 78px; padding-bottom: calc(28px + env(safe-area-inset-bottom)); box-shadow: -24px 0 60px rgba(0, 0, 0, .5); } .main_menu a.closebtn { top: 18px; right: 16px; width: 42px; height: 42px; margin-left: 0; display: flex; align-items: center; justify-content: center; font-size: 26px; line-height: 1; border: 1px solid rgba(255, 255, 255, .16); border-radius: 50%; color: rgba(255, 255, 255, .85); background: rgba(255, 255, 255, .05); } .main_menu a.closebtn:hover { background: rgba(255, 255, 255, .12); color: #fff; } .main_menu ul { padding: 0 18px; } .main_menu ul li { display: block; margin: 0; text-transform: none; border-bottom: 1px solid rgba(255, 255, 255, .07); } .main_menu ul li:last-child { border-bottom: none; } .main_menu ul li a { display: flex; align-items: center; min-height: 48px; padding: 14px 4px; font-size: 16px; font-weight: 500; letter-spacing: .02em; line-height: 1.4; color: rgba(255, 255, 255, .88); } .main_menu a:hover, .main_menu a:focus, .main_menu ul li a:hover, .main_menu ul li:hover a { color: #ffffff; } .main_menu ul li ul.sub-menu { background: rgba(255, 255, 255, .04); border-left: 2px solid #E9A13B; border-radius: 0 10px 10px 0; margin: 2px 0 14px 10px; padding: 4px 0; width: calc(100% - 10px); } .main_menu ul li ul.sub-menu li { border-bottom: none; } .main_menu ul li ul.sub-menu li a { min-height: 44px; padding: 10px 14px; font-size: 14.5px; font-weight: 400; color: rgba(255, 255, 255, .62); font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; } .main_menu ul li ul.sub-menu li a:hover, .main_menu ul li ul.sub-menu li a:focus { color: #ffffff; background: rgba(255, 255, 255, .05); } body.click-black #mySidenav .sub-menu { background: rgba(255, 255, 255, .04) !important; border-left: 2px solid #E9A13B !important; } } @media (prefers-reduced-motion: reduce) { .main-header .main_menu ul li ul.sub-menu, .main-header .main_menu ul li ul.sub-menu li, .main-header .main_menu ul li.menu-item-has-children > a::after, .main-header .main_menu ul#primary-menu > li > a::before { transition: none !important; transition-delay: 0s !important; } } @media only screen and (max-width: 1024px) { .main-header .headerRight { padding-right: 68px; } .main-header .headerRight button.click { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 20px; line-height: 1; border-radius: 50%; color: #ffffff !important; background: rgba(0, 0, 0, .34) !important; border: 1px solid rgba(255, 255, 255, .22) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } body.click-black .main-header .headerRight button.click { color: #0F1520 !important; background: rgba(255, 255, 255, .72) !important; border-color: rgba(0, 0, 0, .12) !important; } .main-header .headerRight button.click:focus-visible { outline: 2px solid #E9A13B; outline-offset: 2px; } } @media only screen and (max-width: 380px) { .main-header .headerRight { padding-right: 58px; } .main-header .headerRight button.click { width: 40px; height: 40px; font-size: 18px; right: 10px; } } .main-header .header-btn a, .main-header a.header-btn { background: #E9A13B !important; color: #0F1520 !important; border-radius: 8px !important; font-weight: 700 !important; letter-spacing: 0.02em !important; box-shadow: none !important; } .main-header .header-btn a:hover, .main-header a.header-btn:hover { background: #D8922E !important; color: #0F1520 !important; } @media only screen and (min-width: 1025px) { .main-header .headerReach .foot_email, .main-header .headerRight a[href^="mailto:"] { display: none !important; } } @media only screen and (min-width: 1025px) { .main-header .logo img { max-height: 92px !important; width: auto !important; } } @media only screen and (min-width: 1025px) { .main-header .main_menu ul#primary-menu > li > a { font-size: 14.5px !important; letter-spacing: 0.04em !important; } .main-header .main_menu ul#primary-menu > li { margin-right: 22px !important; } } @media only screen and (min-width: 1025px) { .main-header .headerSocial ul li, .main-header .headerSocial ul li a { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; color: rgba(255, 255, 255, 0.75) !important; opacity: 1 !important; } .main-header .headerSocial ul li:hover, .main-header .headerSocial ul li a:hover { background: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.55) !important; color: #ffffff !important; } } .pum-overlay { background-color: rgba(15, 21, 32, 0.88) !important; background-image: linear-gradient(rgba(244,242,236,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(244,242,236,0.05) 1px, transparent 1px) !important; background-size: 22px 22px !important; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .pum-container { position: relative !important; overflow: hidden !important; background: #ffffff !important; border: 1px solid #e2dfd6 !important; border-radius: 18px !important; padding: clamp(30px, 4vw, 46px) !important; box-shadow: 0 30px 80px -20px rgba(11, 14, 20, 0.6) !important; max-width: 640px !important; animation: pumRise .45s cubic-bezier(.2, .7, .3, 1) both; } @keyframes pumRise { from { opacity: 0; transform: translateY(20px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } } .pum-container::before { content: ""; position: absolute; top: 0; left: 0; height: 4px; width: 100%; background: #E9A13B; transform-origin: left; animation: pumKeyline .7s cubic-bezier(.2, .7, .3, 1) .2s both; } @keyframes pumKeyline { from { transform: scaleX(0); } to { transform: scaleX(1); } } .pum-container::after { content: "FIXED PRICE \00b7 NO SURPRISES"; position: absolute; top: 24px; right: 66px; padding: 6px 10px; border: 1.6px solid rgba(233, 161, 59, 0.85); border-radius: 4px; color: #D8922E; font-family: "Courier New", monospace; font-size: 9.5px; font-weight: 700; letter-spacing: 0.14em; transform: rotate(-7deg); animation: pumStamp .3s cubic-bezier(.2, 1.6, .4, 1) .55s both; pointer-events: none; } @keyframes pumStamp { from { opacity: 0; transform: rotate(-7deg) scale(1.6); } to { opacity: 1; transform: rotate(-7deg) scale(1); } } .pum-content::before { content: "WORK ORDER \00b7 PURE EXHIBITS \00b7 REPLY WITHIN 24H"; display: block; font-family: "Courier New", monospace; font-size: 10px; font-weight: 700; letter-spacing: 0.16em; color: #b7b1a3; margin-bottom: 12px; } @media (max-width: 560px) { .pum-container::after { display: none; } } @media (prefers-reduced-motion: reduce) { .pum-container, .pum-container::before, .pum-container::after { animation: none !important; } } .pum-content h1, .pum-content h2, .pum-content h3, .pum-title { font-family: 'Instrument Serif', Georgia, 'Times New Roman', serif !important; font-weight: 400 !important; font-size: clamp(28px, 3.4vw, 38px) !important; line-height: 1.12 !important; color: #0F1520 !important; text-transform: none !important; letter-spacing: -0.01em !important; margin-bottom: 8px !important; } .pum-content label { display: block; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #767268 !important; margin: 16px 0 6px !important; } .pum-content input[type="text"], .pum-content input[type="email"], .pum-content input[type="tel"], .pum-content input[type="number"], .pum-content select, .pum-content textarea { width: 100%; background: #ffffff !important; border: 1px solid #e2dfd6 !important; border-radius: 8px !important; padding: 13px 14px !important; font-size: 15px !important; line-height: 1.4 !important; color: #0F1520 !important; -webkit-text-fill-color: #0F1520 !important; box-shadow: none !important; transition: border-color .15s ease, box-shadow .15s ease; } .pum-content textarea { background-image: linear-gradient(rgba(15,21,32,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(15,21,32,0.05) 1px, transparent 1px) !important; background-size: 22px 22px !important; min-height: 130px; } .pum-content div:focus-within > label, .pum-content p:focus-within > label, .pum-content li:focus-within > label { color: #D8922E !important; } .pum-content input:focus, .pum-content select:focus, .pum-content textarea:focus { outline: none !important; border-color: #E9A13B !important; box-shadow: 0 0 0 3px rgba(233, 161, 59, 0.18) !important; color: #0F1520 !important; -webkit-text-fill-color: #0F1520 !important; } .pum-content ::placeholder { color: #9b968a !important; opacity: 1; } .pum-content select { -webkit-appearance: none !important; appearance: none !important; background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; padding-right: 38px !important; } .pum-content input[type="file"]::file-selector-button, .pum-content input[type="file"]::-webkit-file-upload-button { background: #0F1520; color: #ffffff; border: none; border-radius: 8px; padding: 9px 16px; font-size: 13px; font-weight: 600; margin-right: 12px; cursor: pointer; } .pum-content button[type="submit"], .pum-content input[type="submit"], .pum-content .wpforms-submit { display: block; width: 100% !important; background: #E9A13B !important; background-color: #E9A13B !important; background-image: none !important; color: #0F1520 !important; -webkit-text-fill-color: #0F1520 !important; border: none !important; border-radius: 8px !important; padding: 15px 24px !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0.02em !important; text-transform: none !important; box-shadow: none !important; margin-top: 22px !important; cursor: pointer; transition: background-color .15s ease; } .pum-content button[type="submit"]:hover, .pum-content input[type="submit"]:hover, .pum-content .wpforms-submit:hover { background: #D8922E !important; background-color: #D8922E !important; color: #0F1520 !important; -webkit-text-fill-color: #0F1520 !important; } .pum-container .pum-close { top: 14px !important; right: 14px !important; width: 40px !important; height: 40px !important; line-height: 40px !important; background: #0F1520 !important; color: #ffffff !important; border: none !important; border-radius: 50% !important; font-size: 20px !important; box-shadow: none !important; text-shadow: none !important; transition: background-color .15s ease, color .15s ease; } .pum-container .pum-close { transition: background-color .15s ease, color .15s ease, transform .25s ease !important; } .pum-container .pum-close:hover { background: #E9A13B !important; color: #0F1520 !important; transform: rotate(90deg); } @media only screen and (min-width: 1025px) { .main-header .main_menu ul li.menu-item-has-children > a { display: flex; align-items: center; gap: 7px; } .main-header .main_menu ul li.menu-item-has-children > a::after { content: ""; width: 5px; height: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .24s cubic-bezier(.2,.7,.3,1); opacity: .6; } .main-header .main_menu ul li.menu-item-has-children:hover > a::after, .main-header .main_menu ul li.menu-item-has-children:focus-within > a::after { transform: translateY(1px) rotate(225deg); opacity: 1; } .main-header .main_menu ul li ul.sub-menu { display: block; top: calc(100% + 12px); left: -10px; width: auto; min-width: 238px; max-width: 340px; padding: 8px; background: rgba(10, 13, 20, .72); -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%); border: 1px solid rgba(255, 255, 255, .10); border-radius: 14px; box-shadow: 0 24px 48px -12px rgba(0, 0, 0, .65), 0 2px 8px rgba(0, 0, 0, .35); opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.985); transform-origin: top left; transition: opacity .18s ease, transform .26s cubic-bezier(.2,.7,.3,1), visibility .26s; z-index: 250; } .main-header .main_menu ul li ul.sub-menu::after { content: ""; position: absolute; top: 0; left: 18px; right: 18px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent); pointer-events: none; } .main-header .main_menu ul li ul.sub-menu::before { content: ""; position: absolute; top: -14px; left: 0; right: 0; height: 14px; } .main-header .main_menu ul li:hover > ul.sub-menu, .main-header .main_menu ul li:focus-within > ul.sub-menu { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .main-header .main_menu ul li ul.sub-menu li { display: block; margin: 0; text-transform: none; opacity: 0; transform: translateY(-6px); transition: opacity .22s ease, transform .22s ease; } .main-header .main_menu ul li:hover > ul.sub-menu li, .main-header .main_menu ul li:focus-within > ul.sub-menu li { opacity: 1; transform: translateY(0); } .main-header .main_menu ul li ul.sub-menu li:nth-child(1) { transition-delay: .03s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(2) { transition-delay: .055s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(3) { transition-delay: .08s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(4) { transition-delay: .105s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(5) { transition-delay: .13s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(6) { transition-delay: .155s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(7) { transition-delay: .18s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(8) { transition-delay: .205s; } .main-header .main_menu ul li ul.sub-menu li a { display: block; width: auto; padding: 10px 14px; border-radius: 9px; font-size: 13.5px; font-weight: 500; line-height: 1.35; letter-spacing: .03em; color: rgba(255, 255, 255, .70); white-space: nowrap; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; transition: background-color .16s ease, color .16s ease, box-shadow .16s ease; } .main-header .main_menu ul li ul.sub-menu li a:hover, .main-header .main_menu ul li ul.sub-menu li a:focus-visible { background-color: rgba(255, 255, 255, .08); color: #fff; box-shadow: inset 2px 0 0 #E9A13B; } .main-header .main_menu ul li ul.sub-menu li.current-menu-item > a { color: #fff; box-shadow: inset 2px 0 0 #E9A13B; } .main-header .main_menu ul li ul.sub-menu li a:focus-visible { outline: 1px solid rgba(255, 255, 255, .35); outline-offset: -1px; } .main-header .main_menu ul#primary-menu > li > a { position: relative; letter-spacing: .06em; } .main-header .main_menu ul#primary-menu > li > a::before { content: ""; position: absolute; left: 0; bottom: 9px; width: 100%; height: 1.5px; background: #E9A13B; transform: scaleX(0); transform-origin: left; transition: transform .3s cubic-bezier(.2,.7,.3,1); } .main-header .main_menu ul#primary-menu > li:hover > a::before, .main-header .main_menu ul#primary-menu > li:focus-within > a::before, .main-header .main_menu ul#primary-menu > li.current-menu-item > a::before { transform: scaleX(1); } } @media only screen and (max-width: 1024px) { #mySidenav.main_menu { background: linear-gradient(180deg, #0b1018 0%, #05070c 100%); padding-top: 78px; padding-bottom: calc(28px + env(safe-area-inset-bottom)); box-shadow: -24px 0 60px rgba(0, 0, 0, .5); } .main_menu a.closebtn { top: 18px; right: 16px; width: 42px; height: 42px; margin-left: 0; display: flex; align-items: center; justify-content: center; font-size: 26px; line-height: 1; border: 1px solid rgba(255, 255, 255, .16); border-radius: 50%; color: rgba(255, 255, 255, .85); background: rgba(255, 255, 255, .05); } .main_menu a.closebtn:hover { background: rgba(255, 255, 255, .12); color: #fff; } .main_menu ul { padding: 0 18px; } .main_menu ul li { display: block; margin: 0; text-transform: none; border-bottom: 1px solid rgba(255, 255, 255, .07); } .main_menu ul li:last-child { border-bottom: none; } .main_menu ul li a { display: flex; align-items: center; min-height: 48px; padding: 14px 4px; font-size: 16px; font-weight: 500; letter-spacing: .02em; line-height: 1.4; color: rgba(255, 255, 255, .88); } .main_menu a:hover, .main_menu a:focus, .main_menu ul li a:hover, .main_menu ul li:hover a { color: #ffffff; } .main_menu ul li ul.sub-menu { background: rgba(255, 255, 255, .04); border-left: 2px solid #E9A13B; border-radius: 0 10px 10px 0; margin: 2px 0 14px 10px; padding: 4px 0; width: calc(100% - 10px); } .main_menu ul li ul.sub-menu li { border-bottom: none; } .main_menu ul li ul.sub-menu li a { min-height: 44px; padding: 10px 14px; font-size: 14.5px; font-weight: 400; color: rgba(255, 255, 255, .62); font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; } .main_menu ul li ul.sub-menu li a:hover, .main_menu ul li ul.sub-menu li a:focus { color: #ffffff; background: rgba(255, 255, 255, .05); } body.click-black #mySidenav .sub-menu { background: rgba(255, 255, 255, .04) !important; border-left: 2px solid #E9A13B !important; } } @media (prefers-reduced-motion: reduce) { .main-header .main_menu ul li ul.sub-menu, .main-header .main_menu ul li ul.sub-menu li, .main-header .main_menu ul li.menu-item-has-children > a::after, .main-header .main_menu ul#primary-menu > li > a::before { transition: none !important; transition-delay: 0s !important; } } @media only screen and (max-width: 1024px) { .main-header .headerRight { padding-right: 68px; } .main-header .headerRight button.click { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 20px; line-height: 1; border-radius: 50%; color: #ffffff !important; background: rgba(0, 0, 0, .34) !important; border: 1px solid rgba(255, 255, 255, .22) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } body.click-black .main-header .headerRight button.click { color: #0F1520 !important; background: rgba(255, 255, 255, .72) !important; border-color: rgba(0, 0, 0, .12) !important; } .main-header .headerRight button.click:focus-visible { outline: 2px solid #E9A13B; outline-offset: 2px; } } @media only screen and (max-width: 380px) { .main-header .headerRight { padding-right: 58px; } .main-header .headerRight button.click { width: 40px; height: 40px; font-size: 18px; right: 10px; } } .main-header .header-btn a, .main-header a.header-btn { background: #E9A13B !important; color: #0F1520 !important; border-radius: 8px !important; font-weight: 700 !important; letter-spacing: 0.02em !important; box-shadow: none !important; } .main-header .header-btn a:hover, .main-header a.header-btn:hover { background: #D8922E !important; color: #0F1520 !important; } @media only screen and (min-width: 1025px) { .main-header .headerReach .foot_email, .main-header .headerRight a[href^="mailto:"] { display: none !important; } } @media only screen and (min-width: 1025px) { .main-header .main_menu ul#primary-menu > li > a { font-size: 14.5px !important; letter-spacing: 0.04em !important; } .main-header .main_menu ul#primary-menu > li { margin-right: 22px !important; } } @media only screen and (min-width: 1025px) { .main-header .headerSocial ul li, .main-header .headerSocial ul li a { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; color: rgba(255, 255, 255, 0.75) !important; opacity: 1 !important; } .main-header .headerSocial ul li:hover, .main-header .headerSocial ul li a:hover { background: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.55) !important; color: #ffffff !important; } } /* ===== the page's own CSS (was in the page content; copied whole) ===== */ /* Change made by Asif on 2026-10-06: Instrument Serif, Work Sans, Spline Sans Mono self-hosted (same files as the homepage; were Google Fonts). */ @font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/boilerplate/fonts/InstrumentSerif-Regular.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/wp-content/themes/boilerplate/fonts/InstrumentSerif-Italic.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Work Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(/wp-content/themes/boilerplate/fonts/WorkSans-Regular-Var.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} @font-face{font-family:'Spline Sans Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url(/wp-content/themes/boilerplate/fonts/SplineSansMono-Regular-Var.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD} /* Change made by Asif on 2026-10-06: size-matched stand-in fonts (same as the homepage), shown until the fonts above arrive, so the text takes the same space and nothing moves when they load (the hero subtitle used to re-wrap on phones). */ @font-face{font-family:'Instrument Serif Fallback';font-style:normal;src:local('Georgia');size-adjust:76.16%;ascent-override:129.99%;descent-override:40.7%;line-gap-override:0%} @font-face{font-family:'Instrument Serif Fallback';font-style:italic;src:local('Georgia Italic'),local('Georgia-Italic');size-adjust:78.86%;ascent-override:125.55%;descent-override:39.31%;line-gap-override:0%} @font-face{font-family:'Work Sans Fallback';src:local('Arial'),local('Helvetica');size-adjust:112.55%;ascent-override:82.63%;descent-override:21.32%;line-gap-override:0%} @font-face{font-family:'Work Sans Fallback';font-weight:600 900;src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold');size-adjust:102.5%;ascent-override:90.73%;descent-override:23.41%;line-gap-override:0%} @font-face{font-family:'Spline Sans Mono Fallback';src:local('Consolas');size-adjust:109.13%;ascent-override:87.97%;descent-override:21.99%;line-gap-override:0%} @font-face{font-family:'Spline Sans Mono Fallback 2';src:local('Menlo'),local('Courier New');size-adjust:99.98%;ascent-override:96.02%;descent-override:24%;line-gap-override:0%} /* Change made by Asif on 2026-10-06: the logos carry width/height attributes (image sizes known before they load); their height stays automatic as before. */ .pelv-wrapper .pelv-mtile img{height:auto !important} /* Change made by Asif on 2026-10-06: the h4 titles (case-study slides, show cards) have aria-level="3" (heading order after h2; same look). */ /* ── v9 tokens ─────────────────────────────────────── */ .pelv-wrapper { --v9-paper: #faf9f6; --v9-paper2: #f1efe9; --v9-ink: #141414; --v9-soft: #494949; --v9-faint: #767268; --v9-line: #e2dfd6; --v9-dark: #0b0e14; --v9-dark2: #141b28; --v9-cream: #f4f2ec; --v9-accent: #f0a13c; font-family: 'Work Sans', 'Work Sans Fallback', -apple-system, sans-serif !important; background: var(--v9-paper) !important; color: var(--v9-soft) !important; line-height: 1.65 !important; } .pelv-wrapper *, .pelv-wrapper *::before, .pelv-wrapper *::after { box-sizing: border-box !important; } .pelv-wrapper h1, .pelv-wrapper h2, .pelv-wrapper h3 { font-family: 'Instrument Serif', 'Instrument Serif Fallback', Georgia, serif !important; font-weight: 400 !important; letter-spacing: -0.01em !important; text-transform: none !important; color: var(--v9-ink) !important; margin: 0 0 16px 0 !important; } .pelv-wrapper h1 em, .pelv-wrapper h2 em, .pelv-wrapper h3 em { font-style: italic !important; } .pelv-wrap { max-width: 1240px !important; margin: 0 auto !important; padding: 0 32px !important; } .pelv-wrap--narrow { max-width: 840px !important; } .pelv-sec { padding: 48px 0 !important; } .pelv-sec--alt { background: var(--v9-paper2) !important; } .pelv-kicker { display: block !important; font-family: 'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2', monospace !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--v9-faint) !important; margin-bottom: 14px !important; } .pelv-body { font-size: 16px !important; line-height: 1.75 !important; color: var(--v9-soft) !important; max-width: 72ch !important; margin: 0 0 18px 0 !important; } .pelv-body--sm { font-size: 14px !important; } .pelv-body b, .pelv-body strong { color: var(--v9-ink) !important; font-weight: 600 !important; } .pelv-body a { color: var(--v9-ink) !important; text-decoration: underline !important; text-underline-offset: 3px !important; } /* ── Hero: dark v9 with LED grid ───────────────────── */ .pelv-hero { background-color: var(--v9-dark) !important; background-image: radial-gradient(80% 70% at 50% 0%, rgba(240,161,60,0.07), transparent 60%), linear-gradient(175deg, var(--v9-dark) 0%, var(--v9-dark2) 100%) !important; padding: 56px 0 44px 0 !important; position: relative !important; } .pelv-hero::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 0 !important; background-image: linear-gradient(rgba(244,242,236,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(244,242,236,0.045) 1px, transparent 1px) !important; background-size: 14px 14px !important; } .pelv-hero .pelv-wrap { position: relative !important; z-index: 1 !important; } .pelv-hero .pelv-kicker { color: rgba(244,242,236,0.55) !important; } .pelv-hero h1 { color: var(--v9-cream) !important; font-size: clamp(40px, 5.2vw, 62px) !important; line-height: 1.06 !important; margin-bottom: 14px !important; } .pelv-hero__sub { font-family: 'Instrument Serif', 'Instrument Serif Fallback', Georgia, serif !important; font-style: italic !important; font-weight: 400 !important; color: var(--v9-cream) !important; font-size: clamp(22px, 2.6vw, 30px) !important; line-height: 1.25 !important; margin: 0 0 18px 0 !important; } .pelv-hero__lead { color: rgba(244,242,236,0.72) !important; font-size: 17px !important; line-height: 1.7 !important; max-width: 62ch !important; margin: 0 0 30px 0 !important; } .pelv-hero__lead b { color: var(--v9-cream) !important; font-weight: 600 !important; } /* ── Ledger strip ──────────────────────────────────── */ .pelv-ledger { background: var(--v9-dark) !important; border-top: 1px solid rgba(244,242,236,0.09) !important; padding: 26px 0 !important; } .pelv-ledger__row { display: flex !important; flex-wrap: wrap !important; gap: 32px !important; } .pelv-ledger__item { flex: 1 1 160px !important; } .pelv-ledger__n { display: block !important; font-family: 'Instrument Serif', 'Instrument Serif Fallback', Georgia, serif !important; font-weight: 400 !important; font-size: 1.7rem !important; color: var(--v9-cream) !important; line-height: 1 !important; } .pelv-ledger__l { display: block !important; font-family: 'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2', monospace !important; font-size: 0.7rem !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: rgba(244,242,236,0.55) !important; margin-top: 8px !important; } /* ── Buttons: square, amber primary ────────────────── */ .pelv-wrapper a.pelv-btn { display: inline-flex !important; align-items: center !important; gap: 9px !important; min-height: 50px !important; padding: 14px 26px !important; font-family: 'Work Sans', 'Work Sans Fallback', sans-serif !important; font-size: 15px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; background: var(--v9-accent) !important; color: var(--v9-dark) !important; -webkit-text-fill-color: var(--v9-dark) !important; border: none !important; border-radius: 0 !important; text-decoration: none !important; box-shadow: none !important; transition: background 0.15s ease !important; } .pelv-wrapper a.pelv-btn:hover { background: #f5b25e !important; color: var(--v9-dark) !important; } .pelv-wrapper a.pelv-btn--ghost { background: transparent !important; color: var(--v9-ink) !important; -webkit-text-fill-color: var(--v9-ink) !important; border: 1px solid var(--v9-line) !important; } .pelv-wrapper a.pelv-btn--ghost:hover { background: var(--v9-paper2) !important; color: var(--v9-ink) !important; border-color: var(--v9-ink) !important; } .pelv-actions { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin-top: 24px !important; } /* ── Cards: paper + line, square ───────────────────── */ .pelv-grid { display: grid !important; gap: 1px !important; background: var(--v9-line) !important; border: 1px solid var(--v9-line) !important; margin-top: 32px !important; } .pelv-grid--4 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; } .pelv-grid--3 { grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)) !important; } .pelv-grid--2 { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important; } .pelv-cell { background: var(--v9-paper) !important; padding: 26px 28px !important; } .pelv-sec--alt .pelv-cell { background: var(--v9-paper2) !important; } .pelv-cell p { font-size: 14.5px !important; line-height: 1.7 !important; color: var(--v9-soft) !important; margin: 0 !important; } .pelv-cell__n { display: block !important; font-family: 'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2', monospace !important; font-size: 11px !important; letter-spacing: 0.12em !important; color: var(--v9-faint) !important; margin-bottom: 12px !important; } .pelv-cell h3 { font-size: 21px !important; margin-bottom: 10px !important; } .pelv-cell__shows { display: block !important; font-family: 'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2', monospace !important; font-size: 11px !important; letter-spacing: 0.06em !important; color: var(--v9-faint) !important; line-height: 1.7 !important; margin-bottom: 12px !important; } /* ── Panels ────────────────────────────────────────── */ .pelv-cols { display: grid !important; grid-template-columns: 1.1fr 1fr !important; gap: 24px !important; margin-top: 32px !important; } .pelv-panel { border: 1px solid var(--v9-line) !important; padding: 28px 30px !important; background: var(--v9-paper) !important; } .pelv-sec--alt .pelv-panel { background: var(--v9-paper2) !important; } .pelv-panel__label { display: block !important; font-family: 'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2', monospace !important; font-size: 11px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--v9-faint) !important; margin-bottom: 16px !important; } .pelv-panel__label--hq { color: var(--v9-accent) !important; } .pelv-group { display: block !important; font-family: 'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2', monospace !important; font-size: 10.5px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--v9-faint) !important; margin: 20px 0 10px 0 !important; } .pelv-list { list-style: none !important; padding: 0 !important; margin: 0 !important; } .pelv-list li { position: relative !important; padding-left: 20px !important; margin-bottom: 9px !important; font-size: 14.5px !important; line-height: 1.6 !important; color: var(--v9-soft) !important; } .pelv-list li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0.62em !important; width: 8px !important; height: 1px !important; background: var(--v9-ink) !important; } .pelv-list--faint li::before { background: var(--v9-faint) !important; } /* ── Tables: ledger style ──────────────────────────── */ .pelv-tablewrap { overflow-x: auto !important; margin: 32px 0 24px 0 !important; } .pelv-table { width: 100% !important; border-collapse: collapse !important; min-width: 620px !important; border: 1px solid var(--v9-line) !important; } .pelv-table caption { caption-side: top !important; text-align: left !important; font-family: 'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2', monospace !important; font-size: 11px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--v9-faint) !important; padding-bottom: 12px !important; } .pelv-table th, .pelv-table td { padding: 14px 18px !important; text-align: left !important; vertical-align: top !important; border-bottom: 1px solid var(--v9-line) !important; font-size: 14.5px !important; color: var(--v9-soft) !important; } .pelv-table thead th { font-family: 'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2', monospace !important; font-size: 10.5px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--v9-faint) !important; background: var(--v9-paper2) !important; } .pelv-sec--alt .pelv-table thead th { background: var(--v9-paper) !important; } .pelv-table tbody th { font-weight: 600 !important; color: var(--v9-ink) !important; } .pelv-table tbody th a { color: var(--v9-ink) !important; text-decoration: underline !important; text-underline-offset: 3px !important; } .pelv-table tbody tr:last-child th, .pelv-table tbody tr:last-child td { border-bottom: none !important; } .pelv-num { font-family: 'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2', monospace !important; color: var(--v9-ink) !important; white-space: nowrap !important; } /* ── Testimonials ──────────────────────────────────── */ .pelv-quote { max-width: 900px !important; margin: 36px auto 0 auto !important; text-align: center !important; } .pelv-stars { color: var(--v9-accent) !important; font-size: 15px !important; letter-spacing: 0.2em !important; line-height: 1 !important; } .pelv-quote blockquote { font-family: 'Instrument Serif', 'Instrument Serif Fallback', Georgia, serif !important; font-style: italic !important; font-weight: 400 !important; font-size: clamp(22px, 2.7vw, 31px) !important; line-height: 1.4 !important; color: var(--v9-ink) !important; margin: 24px 0 22px 0 !important; padding: 0 !important; border: none !important; } .pelv-quote figcaption, .pelv-mini figcaption { font-family: 'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2', monospace !important; font-size: 11px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--v9-ink) !important; line-height: 1.7 !important; } .pelv-quote figcaption span, .pelv-mini figcaption span { color: var(--v9-faint) !important; } .pelv-mini { margin: 0 !important; } .pelv-mini blockquote { font-size: 14.5px !important; line-height: 1.75 !important; color: var(--v9-soft) !important; margin: 14px 0 16px 0 !important; padding: 0 !important; border: none !important; font-style: normal !important; } /* ── Work gallery ──────────────────────────────────── */ .pelv-gallery{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important; gap:1px!important;background:var(--v9-line)!important;border:1px solid var(--v9-line)!important; margin-top:34px!important} .pelv-gtile{display:block!important;background:var(--v9-paper)!important; padding:0 0 20px 0!important;text-decoration:none!important;border-radius:0!important; transition:background 0.15s ease!important} .pelv-gtile:hover{background:var(--v9-paper2)!important} .pelv-gtile img{display:block!important;width:100%!important;height:auto!important; aspect-ratio:16/10!important;object-fit:cover!important;background:#fff!important;border-radius:0!important} .pelv-gtile__meta{display:block!important;font-family:'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2',monospace!important; font-size:10px!important;letter-spacing:0.13em!important;text-transform:uppercase!important; color:var(--v9-faint)!important;padding:16px 20px 0 20px!important;line-height:1.6!important} .pelv-gtile__name{display:block!important;font-family:'Instrument Serif', 'Instrument Serif Fallback',Georgia,serif!important; font-size:21px!important;color:var(--v9-ink)!important;padding:4px 20px 0 20px!important;line-height:1.2!important} .pelv-gtile__note{display:block!important;font-size:13px!important;line-height:1.6!important; color:var(--v9-soft)!important;padding:6px 20px 0 20px!important} @media (max-width:575px){ .pelv-gallery{grid-template-columns:1fr 1fr!important} .pelv-gtile__name{font-size:17px!important;padding:4px 14px 0 14px!important} .pelv-gtile__meta{padding:12px 14px 0 14px!important;font-size:9px!important} .pelv-gtile__note{display:none!important} } /* ── The second invoice ────────────────────────────── */ .pelv-inv{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1px!important; background:var(--v9-line)!important;border:1px solid var(--v9-line)!important;margin-top:34px!important} .pelv-inv__col{background:var(--v9-paper)!important;padding:30px 30px 34px 30px!important} .pelv-sec--alt .pelv-inv__col{background:var(--v9-paper2)!important} .pelv-inv__col--ours{background:var(--v9-dark)!important} .pelv-sec--alt .pelv-inv__col--ours{background:var(--v9-dark)!important} .pelv-inv__label{display:block!important;font-family:'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2',monospace!important; font-size:11px!important;letter-spacing:0.12em!important;text-transform:uppercase!important; color:var(--v9-faint)!important;margin-bottom:22px!important} .pelv-inv__col--ours .pelv-inv__label{color:var(--v9-accent)!important} .pelv-line{display:flex!important;align-items:baseline!important;justify-content:space-between!important; gap:16px!important;padding:11px 0!important;border-bottom:1px solid var(--v9-line)!important} .pelv-inv__col--ours .pelv-line{border-bottom-color:rgba(244,242,236,0.12)!important} .pelv-line__what{font-size:14.5px!important;color:var(--v9-soft)!important} .pelv-inv__col--ours .pelv-line__what{color:rgba(244,242,236,0.72)!important} .pelv-line__amt{font-family:'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2',monospace!important;font-size:14.5px!important; color:var(--v9-ink)!important;white-space:nowrap!important} .pelv-inv__col--ours .pelv-line__amt{color:var(--v9-cream)!important} .pelv-line--add .pelv-line__what,.pelv-line--add .pelv-line__amt{color:#9a3412!important} .pelv-inv__col--ours .pelv-line--none .pelv-line__amt{color:var(--v9-accent)!important} .pelv-total{display:flex!important;align-items:baseline!important;justify-content:space-between!important; gap:16px!important;padding:20px 0 14px 0!important;border-bottom:none!important; border-top:2px solid var(--v9-ink)!important;margin-top:6px!important} .pelv-inv__col--ours .pelv-total{border-top-color:var(--v9-accent)!important} .pelv-total__what{font-family:'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2',monospace!important;font-size:11px!important; letter-spacing:0.12em!important;text-transform:uppercase!important;color:var(--v9-faint)!important} .pelv-inv__col--ours .pelv-total__what{color:rgba(244,242,236,0.6)!important} .pelv-total__amt{font-family:'Instrument Serif', 'Instrument Serif Fallback',Georgia,serif!important;font-size:34px!important; line-height:1!important;color:var(--v9-ink)!important} .pelv-inv__col--ours .pelv-total__amt{color:var(--v9-cream)!important} .pelv-bar{display:block!important;height:6px!important;background:var(--v9-line)!important; margin-top:16px!important;position:relative!important} .pelv-bar span{display:block!important;height:6px!important;background:#9a3412!important} .pelv-inv__col--ours .pelv-bar{background:rgba(244,242,236,0.12)!important} .pelv-inv__col--ours .pelv-bar span{background:var(--v9-accent)!important} .pelv-w86 span{width:86%!important} .pelv-w100 span{width:100%!important} .pelv-inv__caption{display:block!important;font-family:'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2',monospace!important; font-size:10.5px!important;letter-spacing:0.1em!important;text-transform:uppercase!important; color:var(--v9-faint)!important;margin-top:14px!important} .pelv-inv__col--ours .pelv-inv__caption{color:rgba(244,242,236,0.5)!important} .pelv-inv__outside{grid-column:1/-1!important;background:var(--v9-paper)!important; padding:26px 30px!important;border-top:1px solid var(--v9-line)!important} .pelv-sec--alt .pelv-inv__outside{background:var(--v9-paper2)!important} .pelv-inv__outside p{margin:0!important;font-size:14.5px!important;line-height:1.75!important; color:var(--v9-soft)!important;max-width:none!important} .pelv-inv__outside b{color:var(--v9-ink)!important;font-weight:600!important} @media (max-width:900px){.pelv-inv__outside{grid-column:1!important}} .pelv-verdict{border:1px solid var(--v9-line)!important;border-left:3px solid var(--v9-accent)!important; padding:26px 30px!important;margin-top:24px!important;background:var(--v9-paper)!important} .pelv-sec--alt .pelv-verdict{background:var(--v9-paper2)!important} .pelv-verdict p{margin:0!important;font-size:16px!important;line-height:1.75!important;color:var(--v9-soft)!important} .pelv-verdict b{color:var(--v9-ink)!important;font-weight:600!important} @media (max-width:900px){ .pelv-inv{grid-template-columns:1fr!important} .pelv-total__amt{font-size:28px!important} } /* ── Backwards deadline ledger ─────────────────────── */ .pelv-back{display:grid!important;grid-template-columns:repeat(7,1fr)!important; gap:1px!important;background:var(--v9-line)!important;border:1px solid var(--v9-line)!important; margin-top:34px!important} .pelv-step{background:var(--v9-paper)!important;padding:22px 18px 24px 18px!important;position:relative!important} .pelv-sec--alt .pelv-step{background:var(--v9-paper2)!important} .pelv-step__when{display:block!important;font-family:'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2',monospace!important; font-size:11px!important;letter-spacing:0.1em!important;color:var(--v9-faint)!important;margin-bottom:12px!important} .pelv-step__bar{display:block!important;height:2px!important;background:var(--v9-ink)!important; width:100%!important;margin-bottom:14px!important;opacity:0.18!important} .pelv-step__what{display:block!important;font-size:13.5px!important;line-height:1.5!important;color:var(--v9-soft)!important} .pelv-step--critical{background:var(--v9-dark)!important} .pelv-sec--alt .pelv-step--critical{background:var(--v9-dark)!important} .pelv-step--critical .pelv-step__when{color:var(--v9-accent)!important} .pelv-step--critical .pelv-step__bar{background:var(--v9-accent)!important;opacity:1!important} .pelv-step--critical .pelv-step__what{color:rgba(244,242,236,0.85)!important} @media (max-width:900px){ .pelv-back{grid-template-columns:1fr 1fr!important} } @media (max-width:575px){ .pelv-back{grid-template-columns:1fr!important} } /* ── FAQ ───────────────────────────────────────────── */ .pelv-faq { border-bottom: 1px solid var(--v9-line) !important; } .pelv-faq summary { list-style: none !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; min-height: 58px !important; padding: 18px 0 !important; font-family: 'Work Sans', 'Work Sans Fallback', sans-serif !important; font-size: 16.5px !important; font-weight: 600 !important; line-height: 1.5 !important; color: var(--v9-ink) !important; -webkit-text-fill-color: var(--v9-ink) !important; } .pelv-faq summary::-webkit-details-marker { display: none !important; } .pelv-faq summary::after { content: "+" !important; flex-shrink: 0 !important; font-family: 'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2', monospace !important; font-size: 19px !important; line-height: 1 !important; color: var(--v9-faint) !important; } .pelv-faq[open] summary::after { content: "\2212" !important; } .pelv-faq summary:hover { color: var(--v9-faint) !important; -webkit-text-fill-color: var(--v9-faint) !important; } .pelv-faq__a { padding: 0 40px 22px 0 !important; font-size: 15.5px !important; line-height: 1.8 !important; color: var(--v9-soft) !important; } /* ── Closing CTA band ──────────────────────────────── */ .pelv-cta { background-color: var(--v9-dark) !important; background-image: radial-gradient(70% 60% at 50% 0%, rgba(240,161,60,0.06), transparent 60%), linear-gradient(175deg, var(--v9-dark) 0%, var(--v9-dark2) 100%) !important; padding: 58px 0 !important; position: relative !important; text-align: center !important; } .pelv-cta::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 0 !important; background-image: linear-gradient(rgba(244,242,236,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(244,242,236,0.045) 1px, transparent 1px) !important; background-size: 14px 14px !important; } .pelv-cta .pelv-wrap { position: relative !important; z-index: 1 !important; } .pelv-cta .pelv-kicker { color: rgba(244,242,236,0.55) !important; } .pelv-cta h2 { color: var(--v9-cream) !important; font-size: clamp(32px, 4.4vw, 50px) !important; line-height: 1.1 !important; margin: 0 auto 20px auto !important; max-width: 20ch !important; } .pelv-cta__lead { color: rgba(244,242,236,0.72) !important; font-size: 17px !important; line-height: 1.7 !important; max-width: 56ch !important; margin: 0 auto 34px auto !important; } .pelv-cta__btns { display: flex !important; flex-wrap: wrap !important; gap: 14px !important; justify-content: center !important; } .pelv-wrapper a.pelv-btn--cream { background: var(--v9-cream) !important; color: var(--v9-dark) !important; -webkit-text-fill-color: var(--v9-dark) !important; border: none !important; } .pelv-wrapper a.pelv-btn--cream:hover { background: #ffffff !important; color: var(--v9-dark) !important; } .pelv-wrapper a.pelv-btn--outline { background: transparent !important; color: var(--v9-cream) !important; -webkit-text-fill-color: var(--v9-cream) !important; border: 1px solid rgba(244,242,236,0.32) !important; } .pelv-wrapper a.pelv-btn--outline:hover { background: rgba(244,242,236,0.08) !important; border-color: rgba(244,242,236,0.6) !important; color: var(--v9-cream) !important; } .pelv-cta__call { font-family: 'Spline Sans Mono', 'Spline Sans Mono Fallback', 'Spline Sans Mono Fallback 2', monospace !important; font-size: 12px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: rgba(244,242,236,0.55) !important; margin: 30px 0 0 0 !important; } .pelv-cta__call a { color: var(--v9-cream) !important; text-decoration: underline !important; text-underline-offset: 4px !important; } @media (max-width: 1024px) { .pelv-cta { padding: 44px 0 !important; } } @media (max-width: 575px) { .pelv-cta__btns { display: block !important; } .pelv-cta__btns a.pelv-btn { display: flex !important; justify-content: center !important; margin-bottom: 12px !important; } } .pelv-wrapper a:focus-visible, .pelv-wrapper summary:focus-visible { outline: 2px solid var(--v9-accent) !important; outline-offset: 3px !important; } /* ── Responsive ────────────────────────────────────── */ @media (max-width: 1024px) { .pelv-wrap { padding: 0 20px !important; } .pelv-cols { grid-template-columns: 1fr !important; } .pelv-sec { padding: 42px 0 !important; } .pelv-hero { padding: 48px 0 38px 0 !important; } } @media (max-width: 575px) { .pelv-actions { display: block !important; } .pelv-actions a.pelv-btn { display: flex !important; justify-content: center !important; margin-bottom: 10px !important; } .pelv-faq__a { padding-right: 0 !important; } .pelv-ledger__row { gap: 22px !important; } } @media (prefers-reduced-motion: reduce) { .pelv-wrapper a.pelv-btn { transition: none !important; } } /* ═══ LV money-page components · v9 tokens · theme-hardened (!important everywhere: this fragment renders inside Astra, whose link/button/heading rules otherwise repaint custom components) ═══ */ .pelv-wrapper .pelv-hero__ctas { display:flex !important; flex-wrap:wrap !important; gap:14px !important; margin-top:26px !important; } /* Reviews strip (dark) */ .pelv-wrapper .pelv-reviews { background:var(--v9-dark) !important; border-top:1px solid rgba(244,242,236,.1) !important; padding:16px 24px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:14px !important; flex-wrap:wrap !important; } .pelv-wrapper .pelv-reviews a { display:flex !important; align-items:center !important; gap:9px !important; color:var(--v9-cream) !important; -webkit-text-fill-color:var(--v9-cream) !important; text-decoration:none !important; font-weight:600 !important; font-size:17px !important; } .pelv-wrapper .pelv-reviews a:hover { color:var(--v9-accent) !important; -webkit-text-fill-color:var(--v9-accent) !important; } .pelv-wrapper .pelv-reviews__g { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:26px !important; height:26px !important; border-radius:50% !important; background:var(--v9-cream) !important; color:var(--v9-dark) !important; -webkit-text-fill-color:var(--v9-dark) !important; font-weight:800 !important; font-size:15px !important; font-family:Georgia,serif !important; } .pelv-wrapper .pelv-reviews__div { width:1px !important; height:24px !important; background:rgba(244,242,236,.3) !important; } .pelv-wrapper .pelv-reviews__stars { color:var(--v9-accent) !important; font-size:18px !important; letter-spacing:2px !important; } .pelv-wrapper .pelv-reviews__score { color:var(--v9-cream) !important; font-weight:700 !important; font-size:17px !important; } /* Logo marquee */ .pelv-wrapper .pelv-logos { overflow:hidden !important; padding:34px 0 10px !important; } .pelv-wrapper .pelv-logos__track { display:flex !important; align-items:center !important; gap:64px !important; width:max-content !important; animation:pelvScroll 42s linear infinite !important; } .pelv-wrapper .pelv-logos__track img { height:34px !important; width:auto !important; filter:grayscale(1) opacity(.55) !important; transition:filter .3s !important; } .pelv-wrapper .pelv-logos__track img:hover { filter:none !important; } .pelv-wrapper .pelv-logos:hover .pelv-logos__track { animation-play-state:paused !important; } @keyframes pelvScroll { from { transform:translateX(0); } to { transform:translateX(-50%); } } /* Gallery marquee + slides (dark caption strip) */ .pelv-wrapper .pelv-marquee { overflow:hidden !important; margin-top:26px !important; } .pelv-wrapper .pelv-marquee + .pelv-marquee { margin-top:22px !important; } .pelv-wrapper .pelv-marquee__track { display:flex !important; gap:22px !important; width:max-content !important; animation:pelvScroll 55s linear infinite !important; } .pelv-wrapper .pelv-marquee--rev .pelv-marquee__track { animation-direction:reverse !important; animation-duration:48s !important; } .pelv-wrapper .pelv-marquee--fast .pelv-marquee__track { animation-duration:40s !important; } .pelv-wrapper .pelv-marquee:hover .pelv-marquee__track { animation-play-state:paused !important; } .pelv-wrapper .pelv-cslide { position:relative !important; width:330px !important; border-radius:10px !important; overflow:hidden !important; cursor:zoom-in !important; flex-shrink:0 !important; border:1px solid var(--v9-line) !important; background:#ffffff !important; } .pelv-wrapper .pelv-cslide img { width:100% !important; height:215px !important; object-fit:cover !important; display:block !important; } .pelv-wrapper .pelv-cslide__info { position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; padding:26px 14px 11px !important; background:linear-gradient(transparent, rgba(15,21,32,.9)) !important; } .pelv-wrapper .pelv-cslide__tag { display:inline-block !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--v9-accent) !important; -webkit-text-fill-color:var(--v9-accent) !important; } .pelv-wrapper .pelv-cslide__info h4 { margin:2px 0 0 !important; font-size:14px !important; font-weight:600 !important; color:var(--v9-cream) !important; -webkit-text-fill-color:var(--v9-cream) !important; } .pelv-wrapper .pelv-lightbox, .pelv-lightbox { border:none !important; border-radius:12px !important; padding:0 !important; max-width:min(920px,92%) !important; background:var(--v9-dark) !important; } .pelv-lightbox::backdrop { background:rgba(15,21,32,.86); } .pelv-lightbox img { width:100% !important; display:block !important; } .pelv-lightbox figcaption { padding:12px 16px !important; color:var(--v9-cream) !important; -webkit-text-fill-color:var(--v9-cream) !important; font-size:14px !important; } .pelv-lightbox figcaption b { color:var(--v9-accent) !important; -webkit-text-fill-color:var(--v9-accent) !important; } .pelv-lightbox__x { position:absolute; top:8px; right:10px; background:none !important; border:none !important; color:var(--v9-cream) !important; -webkit-text-fill-color:var(--v9-cream) !important; font-size:26px !important; cursor:pointer !important; line-height:1 !important; } /* Split rows */ .pelv-wrapper .pelv-split { display:grid !important; grid-template-columns:1fr 1fr !important; gap:44px !important; align-items:center !important; } .pelv-wrapper .pelv-split__media { border-radius:12px !important; overflow:hidden !important; min-height:340px !important; position:relative !important; } .pelv-wrapper .pelv-split__media iframe { width:100% !important; height:100% !important; min-height:380px !important; border:0 !important; display:block !important; } .pelv-wrapper .pelv-fade { position:relative !important; height:100% !important; min-height:340px !important; } .pelv-wrapper .pelv-fade .pelv-fade__slide { position:absolute !important; inset:0 !important; opacity:0 !important; transition:opacity .9s !important; } .pelv-wrapper .pelv-fade .pelv-fade__slide.on { opacity:1 !important; } .pelv-wrapper .pelv-fade img { width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; } .pelv-wrapper .pelv-fade__pips { position:absolute !important; bottom:13px !important; left:50% !important; transform:translateX(-50%) !important; display:flex !important; gap:7px !important; z-index:4 !important; } .pelv-wrapper .pelv-fade__pip { width:9px !important; height:9px !important; border-radius:50% !important; background:var(--v9-accent) !important; opacity:.4 !important; transition:all .3s !important; } .pelv-wrapper .pelv-fade__pip.on { width:26px !important; border-radius:5px !important; opacity:1 !important; } @media (max-width:900px){ .pelv-wrapper .pelv-split { grid-template-columns:1fr !important; } .pelv-wrapper .pelv-split__media { min-height:260px !important; } } /* Finder form (dark card) */ .pelv-wrapper .pelv-finder { background:var(--v9-dark) !important; border-radius:12px !important; padding:26px !important; margin-top:24px !important; } .pelv-wrapper .pelv-finder__title { color:var(--v9-cream) !important; -webkit-text-fill-color:var(--v9-cream) !important; font-weight:700 !important; font-size:17px !important; margin:0 0 16px !important; } .pelv-wrapper .pelv-finder__title span { color:var(--v9-accent) !important; -webkit-text-fill-color:var(--v9-accent) !important; } .pelv-wrapper .pelv-finder__row { display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; margin-bottom:12px !important; } .pelv-wrapper .pelv-finder select { width:100% !important; padding:13px 14px !important; border-radius:8px !important; border:1px solid rgba(244,242,236,.18) !important; background:#1a2231 !important; color:var(--v9-cream) !important; -webkit-text-fill-color:var(--v9-cream) !important; font-size:15px !important; appearance:auto !important; } .pelv-wrapper .pelv-finder button { width:100% !important; padding:14px !important; border:none !important; border-radius:8px !important; background:var(--v9-accent) !important; color:var(--v9-dark) !important; -webkit-text-fill-color:var(--v9-dark) !important; font-weight:700 !important; font-size:15px !important; cursor:pointer !important; } .pelv-wrapper .pelv-finder button:hover { background:#f5b25e !important; } @media (max-width:560px){ .pelv-wrapper .pelv-finder__row { grid-template-columns:1fr !important; } } /* Hero finder variant: translucent panel on the dark hero + 3-across row */ .pelv-wrapper .pelv-finder--hero { background:rgba(244,242,236,.05) !important; border:1px solid rgba(244,242,236,.14) !important; margin-top:30px !important; max-width:760px !important; } .pelv-wrapper .pelv-finder__hrow { display:grid !important; grid-template-columns:1fr 1fr auto !important; gap:12px !important; } .pelv-wrapper .pelv-finder--hero button { width:auto !important; padding:13px 22px !important; white-space:nowrap !important; } @media (max-width:700px){ .pelv-wrapper .pelv-finder__hrow { grid-template-columns:1fr !important; } .pelv-wrapper .pelv-finder--hero button { width:100% !important; } } /* Size chips: direct links to the filtered booth listing */ .pelv-wrapper .pelv-chips { display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:8px !important; margin-top:16px !important; } .pelv-wrapper .pelv-chips__label { font-size:11px !important; font-weight:700 !important; letter-spacing:.09em !important; text-transform:uppercase !important; color:rgba(244,242,236,.5) !important; -webkit-text-fill-color:rgba(244,242,236,.5) !important; margin-right:4px !important; } .pelv-wrapper a.pelv-chip { display:inline-block !important; padding:7px 13px !important; border:1px solid rgba(244,242,236,.25) !important; border-radius:999px !important; color:var(--v9-cream) !important; -webkit-text-fill-color:var(--v9-cream) !important; text-decoration:none !important; font-size:13px !important; font-weight:700 !important; transition:all .15s !important; background:transparent !important; } .pelv-wrapper a.pelv-chip:hover { background:var(--v9-accent) !important; border-color:var(--v9-accent) !important; color:var(--v9-dark) !important; -webkit-text-fill-color:var(--v9-dark) !important; } /* Size cards (light) — anchors hardened against theme link colors */ .pelv-wrapper .pelv-sizes { display:flex !important; gap:20px !important; overflow-x:auto !important; scroll-snap-type:x mandatory !important; padding:8px 2px 18px !important; -webkit-overflow-scrolling:touch !important; } .pelv-wrapper a.pelv-size { flex:0 0 285px !important; scroll-snap-align:start !important; background:#ffffff !important; border:1px solid var(--v9-line) !important; border-radius:12px !important; overflow:hidden !important; text-decoration:none !important; display:flex !important; flex-direction:column !important; transition:transform .25s, box-shadow .25s !important; position:relative !important; } .pelv-wrapper a.pelv-size:hover { transform:translateY(-5px) !important; box-shadow:0 14px 34px rgba(15,21,32,.13) !important; } .pelv-wrapper .pelv-size img { width:100% !important; height:165px !important; object-fit:cover !important; display:block !important; } .pelv-wrapper .pelv-size__badge { position:absolute !important; top:11px !important; left:11px !important; background:var(--v9-accent) !important; color:var(--v9-dark) !important; -webkit-text-fill-color:var(--v9-dark) !important; font-size:10px !important; font-weight:800 !important; letter-spacing:.1em !important; text-transform:uppercase !important; padding:5px 9px !important; border-radius:5px !important; z-index:2 !important; } .pelv-wrapper .pelv-size__body { padding:18px 18px 20px !important; display:flex !important; flex-direction:column !important; flex:1 !important; } .pelv-wrapper .pelv-size__type { font-size:10px !important; font-weight:700 !important; letter-spacing:.14em !important; text-transform:uppercase !important; color:var(--v9-faint) !important; -webkit-text-fill-color:var(--v9-faint) !important; } .pelv-wrapper .pelv-size__body h3 { margin:3px 0 6px !important; font-size:26px !important; color:var(--v9-ink) !important; -webkit-text-fill-color:var(--v9-ink) !important; } .pelv-wrapper .pelv-size__price { font-weight:800 !important; color:var(--v9-ink) !important; -webkit-text-fill-color:var(--v9-ink) !important; font-size:17px !important; } .pelv-wrapper .pelv-size__pl { font-size:11.5px !important; color:var(--v9-faint) !important; -webkit-text-fill-color:var(--v9-faint) !important; margin-bottom:11px !important; } .pelv-wrapper .pelv-size ul { margin:0 0 14px !important; padding-left:17px !important; list-style:disc !important; } .pelv-wrapper .pelv-size ul li { color:var(--v9-soft) !important; -webkit-text-fill-color:var(--v9-soft) !important; font-size:13.5px !important; line-height:1.65 !important; } .pelv-wrapper .pelv-size__cta { margin-top:auto !important; color:#b0782a !important; -webkit-text-fill-color:#b0782a !important; font-weight:700 !important; font-size:13.5px !important; } /* Invoice compare */ .pelv-wrapper .pelv-invoice { display:grid !important; grid-template-columns:1fr 1fr !important; gap:22px !important; margin-top:26px !important; } .pelv-wrapper .pelv-invoice__card { border:1px solid var(--v9-line) !important; border-radius:12px !important; padding:24px !important; background:#ffffff !important; } .pelv-wrapper .pelv-invoice__card--ours { border-color:var(--v9-accent) !important; background:#fdf8ef !important; } .pelv-wrapper .pelv-invoice__hdr { font-size:11px !important; font-weight:800 !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--v9-faint) !important; margin-bottom:14px !important; } .pelv-wrapper .pelv-invoice__card--ours .pelv-invoice__hdr { color:#b0782a !important; } .pelv-wrapper .pelv-invoice__line { display:flex !important; justify-content:space-between !important; padding:8px 0 !important; border-bottom:1px dashed var(--v9-line) !important; font-size:14.5px !important; color:var(--v9-soft) !important; } .pelv-wrapper .pelv-invoice__tot { display:flex !important; justify-content:space-between !important; padding-top:13px !important; font-weight:800 !important; font-size:19px !important; color:var(--v9-ink) !important; } @media (max-width:760px){ .pelv-wrapper .pelv-invoice { grid-template-columns:1fr !important; } } /* Video grid */ .pelv-wrapper .pelv-videos { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:22px !important; margin-top:26px !important; } .pelv-wrapper .pelv-video { background:#ffffff !important; border:1px solid var(--v9-line) !important; border-radius:12px !important; overflow:hidden !important; } .pelv-wrapper a.pelv-video__thumb { position:relative !important; display:block !important; } .pelv-wrapper .pelv-video__thumb img { width:100% !important; height:190px !important; object-fit:cover !important; display:block !important; } .pelv-wrapper .pelv-video__play { position:absolute !important; inset:0 !important; margin:auto !important; width:56px !important; height:56px !important; border-radius:50% !important; background:rgba(15,21,32,.82) !important; color:var(--v9-accent) !important; -webkit-text-fill-color:var(--v9-accent) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:20px !important; transition:transform .25s, background .25s !important; } .pelv-wrapper .pelv-video__thumb:hover .pelv-video__play { transform:scale(1.1) !important; background:var(--v9-accent) !important; color:var(--v9-dark) !important; -webkit-text-fill-color:var(--v9-dark) !important; } .pelv-wrapper .pelv-video__info { padding:15px 17px 17px !important; } .pelv-wrapper .pelv-video__cat { font-size:10px !important; font-weight:700 !important; letter-spacing:.13em !important; text-transform:uppercase !important; color:#b0782a !important; } .pelv-wrapper .pelv-video__info h3 { margin:4px 0 3px !important; font-size:16.5px !important; color:var(--v9-ink) !important; } .pelv-wrapper .pelv-video__info p { margin:0 !important; font-size:13.5px !important; color:var(--v9-faint) !important; } @media (max-width:900px){ .pelv-wrapper .pelv-videos { grid-template-columns:1fr 1fr !important; } } @media (max-width:580px){ .pelv-wrapper .pelv-videos { grid-template-columns:1fr !important; } } /* Journey */ .pelv-wrapper .pelv-journey { margin-top:28px !important; } .pelv-wrapper .pelv-step { display:grid !important; grid-template-columns:130px 1fr !important; gap:22px !important; padding:20px 0 !important; border-bottom:1px solid var(--v9-line) !important; background:transparent !important; } .pelv-wrapper .pelv-step:last-child { border-bottom:none !important; } .pelv-wrapper .pelv-step__n { width:38px !important; height:38px !important; border-radius:50% !important; background:var(--v9-dark) !important; color:var(--v9-accent) !important; -webkit-text-fill-color:var(--v9-accent) !important; font-weight:800 !important; display:flex !important; align-items:center !important; justify-content:center !important; margin-bottom:7px !important; } .pelv-wrapper .pelv-step__when { font-size:11px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:var(--v9-faint) !important; line-height:1.5 !important; } .pelv-wrapper .pelv-step h3 { margin:0 0 7px !important; font-size:18px !important; color:var(--v9-ink) !important; } .pelv-wrapper .pelv-step p { margin:0 !important; color:var(--v9-soft) !important; font-size:15px !important; line-height:1.7 !important; } @media (max-width:640px){ .pelv-wrapper .pelv-step { grid-template-columns:1fr !important; gap:8px !important; } } /* Venue cards: anchor-based cells hardened against theme link colors */ .pelv-wrapper a.pelv-vcard { text-decoration:none !important; display:block !important; } .pelv-wrapper a.pelv-vcard h3 { color:var(--v9-ink) !important; -webkit-text-fill-color:var(--v9-ink) !important; } .pelv-wrapper a.pelv-vcard p { color:var(--v9-soft) !important; -webkit-text-fill-color:var(--v9-soft) !important; } .pelv-wrapper a.pelv-vcard .pelv-cell__shows { color:var(--v9-faint) !important; -webkit-text-fill-color:var(--v9-faint) !important; } .pelv-wrapper a.pelv-vcard:hover h3 { color:#b0782a !important; -webkit-text-fill-color:#b0782a !important; } /* Shows carousel — anchor cards hardened */ .pelv-wrapper .pelv-shell { position:relative !important; margin-top:26px !important; } .pelv-wrapper .pelv-viewport { overflow:hidden !important; } .pelv-wrapper .pelv-strack { display:flex !important; gap:20px !important; transition:transform .45s cubic-bezier(.4,0,.2,1) !important; } .pelv-wrapper a.pelv-show { flex:0 0 calc((100% - 40px)/3) !important; background:#ffffff !important; border:1px solid var(--v9-line) !important; border-radius:12px !important; padding:24px !important; text-decoration:none !important; display:flex !important; flex-direction:column !important; justify-content:space-between !important; min-height:225px !important; transition:transform .25s, box-shadow .25s, border-color .25s !important; } .pelv-wrapper a.pelv-show:hover { transform:translateY(-5px) !important; border-color:var(--v9-accent) !important; box-shadow:0 12px 32px rgba(15,21,32,.12) !important; } .pelv-wrapper .pelv-show h4 { margin:0 0 8px !important; font-size:21px !important; color:var(--v9-ink) !important; -webkit-text-fill-color:var(--v9-ink) !important; } .pelv-wrapper .pelv-show__hl { display:inline-block !important; padding:5px 10px !important; background:#fdf3e2 !important; color:#b0782a !important; -webkit-text-fill-color:#b0782a !important; border-radius:6px !important; font-size:11px !important; font-weight:700 !important; margin-bottom:11px !important; } .pelv-wrapper .pelv-show p { margin:0 0 14px !important; font-size:13.5px !important; color:var(--v9-faint) !important; -webkit-text-fill-color:var(--v9-faint) !important; line-height:1.6 !important; } .pelv-wrapper .pelv-show__arrow { width:32px !important; height:32px !important; background:var(--v9-dark) !important; color:var(--v9-accent) !important; -webkit-text-fill-color:var(--v9-accent) !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; font-weight:700 !important; transition:transform .25s !important; } .pelv-wrapper a.pelv-show:hover .pelv-show__arrow { transform:translateX(4px) !important; } .pelv-wrapper .pelv-navbtn { position:absolute !important; top:50% !important; transform:translateY(-50%) !important; width:44px !important; height:44px !important; border-radius:50% !important; border:1px solid var(--v9-line) !important; background:#ffffff !important; color:var(--v9-ink) !important; -webkit-text-fill-color:var(--v9-ink) !important; cursor:pointer !important; font-size:18px !important; z-index:5 !important; padding:0 !important; } .pelv-wrapper .pelv-navbtn:hover { background:var(--v9-accent) !important; border-color:var(--v9-accent) !important; color:var(--v9-dark) !important; -webkit-text-fill-color:var(--v9-dark) !important; } .pelv-wrapper .pelv-navbtn:disabled { opacity:.3 !important; cursor:default !important; } .pelv-wrapper .pelv-navbtn--prev { left:-14px !important; } .pelv-wrapper .pelv-navbtn--next { right:-14px !important; } .pelv-wrapper .pelv-dots { display:flex !important; justify-content:center !important; gap:7px !important; margin-top:16px !important; } .pelv-wrapper .pelv-dot { width:8px !important; height:8px !important; border-radius:50% !important; background:#d9d2c4 !important; border:none !important; cursor:pointer !important; padding:0 !important; transition:all .3s !important; } .pelv-wrapper .pelv-dot.on { width:22px !important; border-radius:4px !important; background:var(--v9-accent) !important; } @media (max-width:900px){ .pelv-wrapper a.pelv-show { flex:0 0 calc((100% - 20px)/2) !important; } .pelv-wrapper .pelv-navbtn { display:none !important; } } @media (max-width:580px){ .pelv-wrapper a.pelv-show { flex:0 0 100% !important; } } /* Rush */ .pelv-wrapper .pelv-rush { display:grid !important; grid-template-columns:1.1fr 1fr !important; gap:40px !important; align-items:start !important; } .pelv-wrapper .pelv-rstats { display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; } .pelv-wrapper .pelv-rstat { background:#fdf8ef !important; border:1px solid #f0dfc0 !important; border-radius:10px !important; padding:18px 15px !important; text-align:center !important; } .pelv-wrapper .pelv-rstat__n { font-size:26px !important; font-weight:800 !important; color:#b0782a !important; } .pelv-wrapper .pelv-rstat__l { font-size:12px !important; color:var(--v9-soft) !important; margin-top:4px !important; line-height:1.45 !important; } @media (max-width:820px){ .pelv-wrapper .pelv-rush { grid-template-columns:1fr !important; } } /* FAQ tabs */ .pelv-wrapper .pelv-tabs { display:flex !important; flex-wrap:wrap !important; gap:9px !important; margin:20px 0 6px !important; } .pelv-wrapper button.pelv-tab { padding:9px 17px !important; border-radius:999px !important; border:1px solid var(--v9-line) !important; background:#ffffff !important; color:var(--v9-soft) !important; -webkit-text-fill-color:var(--v9-soft) !important; font-size:13.5px !important; font-weight:600 !important; cursor:pointer !important; appearance:none !important; } .pelv-wrapper button.pelv-tab.on { background:var(--v9-dark) !important; color:var(--v9-accent) !important; -webkit-text-fill-color:var(--v9-accent) !important; border-color:var(--v9-dark) !important; } .pelv-wrapper .pelv-faqgrp { margin-top:26px !important; } .pelv-wrapper .pelv-faqgrp > h3 { font-size:14px !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:var(--v9-faint) !important; margin:0 0 10px !important; } .pelv-wrapper .pelv-ctable { width:100% !important; border-collapse:collapse !important; margin:14px 0 !important; font-size:14px !important; } .pelv-wrapper .pelv-ctable th, .pelv-wrapper .pelv-ctable td { border:1px solid var(--v9-line) !important; padding:9px 11px !important; text-align:left !important; color:var(--v9-soft) !important; } .pelv-wrapper .pelv-ctable thead th { background:var(--v9-dark) !important; color:var(--v9-cream) !important; } .pelv-wrapper .pelv-ctable tbody tr:nth-child(even) { background:#faf7f0 !important; } /* Link visibility hardening — theme CSS sets -webkit-text-fill-color on anchors; every link context gets an explicit color + fill so no link can render blank. Later rules win ties by order. */ .pelv-wrapper p a, .pelv-wrapper li a { color:#b0782a !important; -webkit-text-fill-color:#b0782a !important; text-decoration:underline !important; text-underline-offset:2px !important; } .pelv-wrapper .pelv-body a { color:var(--v9-ink) !important; -webkit-text-fill-color:var(--v9-ink) !important; } .pelv-wrapper .pelv-cell p a { color:#b0782a !important; -webkit-text-fill-color:#b0782a !important; } .pelv-wrapper .pelv-faq__a a { color:#b0782a !important; -webkit-text-fill-color:#b0782a !important; } .pelv-wrapper .pelv-table a { color:var(--v9-ink) !important; -webkit-text-fill-color:var(--v9-ink) !important; } .pelv-wrapper .pelv-hero .pelv-hero__lead a { color:var(--v9-cream) !important; -webkit-text-fill-color:var(--v9-cream) !important; } .pelv-wrapper .pelv-cta p a { color:var(--v9-cream) !important; -webkit-text-fill-color:var(--v9-cream) !important; } /* ═══ SITE HEADER DROPDOWN PATCH — deliberately GLOBAL (the one exception to .pelv scoping). v3: html body #masthead chains outrank the theme's ID-based white rules; rows themselves are painted dark so items are readable regardless of what any outer wrapper does. ═══ */ html body #masthead .sub-menu, html body .site-header .sub-menu, html body header .sub-menu, html body nav .sub-menu, html body #masthead .dropdown-menu, html body .site-header .dropdown-menu, .sub-menu, .dropdown-menu { background: #0e141d !important; background-color: #0e141d !important; border: 1px solid rgba(244,242,236,.10) !important; border-radius: 14px !important; box-shadow: 0 22px 50px rgba(0,0,0,.5) !important; overflow: hidden !important; } html body #masthead .sub-menu li, html body .site-header .sub-menu li, html body header .sub-menu li, html body nav .sub-menu li, html body #masthead .sub-menu .menu-item, html body .site-header .sub-menu .menu-item, .sub-menu li, .sub-menu .menu-item { background: #0e141d !important; background-color: #0e141d !important; border: none !important; } html body #masthead .sub-menu a, html body .site-header .sub-menu a, html body header .sub-menu a, html body nav .sub-menu a, html body #masthead .sub-menu .menu-link, html body .site-header .sub-menu .menu-link, .sub-menu a, .dropdown-menu a, .sub-menu .menu-link { color: #e9e7e0 !important; -webkit-text-fill-color: #e9e7e0 !important; background: transparent !important; background-color: transparent !important; opacity: 1 !important; } html body #masthead .sub-menu li:hover, html body .site-header .sub-menu li:hover, .sub-menu li:hover { background: #182130 !important; background-color: #182130 !important; } html body #masthead .sub-menu a:hover, html body .site-header .sub-menu a:hover, .sub-menu a:hover, .dropdown-menu a:hover { color: #e9a13b !important; -webkit-text-fill-color: #e9a13b !important; background: transparent !important; } html body #masthead .sub-menu .current-menu-item > a, html body .site-header .sub-menu .current-menu-item > a, .sub-menu .current-menu-item > a, .sub-menu .current_page_item > a { color: #e9a13b !important; -webkit-text-fill-color: #e9a13b !important; box-shadow: inset 3px 0 0 #e9a13b !important; } .sub-menu a *, .dropdown-menu a *, .sub-menu .menu-link * { color: inherit !important; -webkit-text-fill-color: inherit !important; } /* Featured testimonial hardening */ .pelv-wrapper .pelv-quote blockquote { color:var(--v9-ink) !important; -webkit-text-fill-color:var(--v9-ink) !important; } .pelv-wrapper .pelv-quote figcaption { color:var(--v9-faint) !important; -webkit-text-fill-color:var(--v9-faint) !important; } .pelv-wrapper .pelv-quote figcaption b { color:var(--v9-ink) !important; -webkit-text-fill-color:var(--v9-ink) !important; } /* Trusted mosaic (homepage pattern) */ .pelv-wrapper .pelv-mosaic { display:grid !important; grid-template-columns:repeat(6,1fr) !important; grid-auto-rows:96px !important; gap:12px !important; margin-top:28px !important; } .pelv-wrapper .pelv-mtile { background:#ffffff !important; border:1px solid var(--v9-line) !important; border-radius:10px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:16px !important; } .pelv-wrapper .pelv-mtile img { max-height:34px !important; max-width:82% !important; width:auto !important; filter:grayscale(1) opacity(.6) !important; transition:filter .25s !important; } .pelv-wrapper .pelv-mtile:hover img { filter:none !important; } .pelv-wrapper .pelv-mtile--quote { grid-column:span 2 !important; grid-row:span 2 !important; flex-direction:column !important; align-items:flex-start !important; justify-content:space-between !important; padding:20px 22px !important; background:#fdf8ef !important; border-color:#f0dfc0 !important; } .pelv-wrapper .pelv-mtile--quote p { margin:0 !important; font-family:Georgia,serif !important; font-style:italic !important; font-size:15.5px !important; line-height:1.55 !important; color:var(--v9-ink) !important; -webkit-text-fill-color:var(--v9-ink) !important; } .pelv-wrapper .pelv-mtile--quote span { font-size:11px !important; color:var(--v9-faint) !important; -webkit-text-fill-color:var(--v9-faint) !important; margin-top:12px !important; letter-spacing:.04em !important; } .pelv-wrapper .pelv-mtile--quote span b { color:var(--v9-ink) !important; -webkit-text-fill-color:var(--v9-ink) !important; } .pelv-wrapper .pelv-mtile--stat { grid-row:span 2 !important; flex-direction:column !important; gap:6px !important; background:var(--v9-dark) !important; border-color:var(--v9-dark) !important; } .pelv-wrapper .pelv-mstat__n { font-family:Georgia,serif !important; font-size:30px !important; color:var(--v9-cream) !important; -webkit-text-fill-color:var(--v9-cream) !important; line-height:1 !important; } .pelv-wrapper .pelv-mstat__l { font-size:10px !important; font-weight:700 !important; letter-spacing:.12em !important; text-transform:uppercase !important; color:var(--v9-accent) !important; -webkit-text-fill-color:var(--v9-accent) !important; text-align:center !important; line-height:1.5 !important; } .pelv-wrapper .pelv-mtile--more { font-size:12px !important; font-weight:800 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:var(--v9-faint) !important; -webkit-text-fill-color:var(--v9-faint) !important; border-style:dashed !important; } .pelv-wrapper .pelv-mshows { margin-top:20px !important; text-align:center !important; font-size:13.5px !important; letter-spacing:.04em !important; color:var(--v9-faint) !important; } .pelv-wrapper .pelv-mshows b { color:var(--v9-ink) !important; } @media (max-width:900px){ .pelv-wrapper .pelv-mosaic { grid-template-columns:repeat(4,1fr) !important; } } @media (max-width:600px){ .pelv-wrapper .pelv-mosaic { grid-template-columns:repeat(2,1fr) !important; grid-auto-rows:84px !important; } } /* Editorial portfolio grid (replaces marquee) */ .pelv-wrapper .pelv-pgrid { display:grid !important; grid-template-columns:repeat(12,1fr) !important; grid-auto-rows:118px !important; gap:16px !important; margin-top:28px !important; } .pelv-wrapper .pelv-ptile { grid-column:span 3 !important; grid-row:span 2 !important; width:auto !important; } .pelv-wrapper .pelv-ptile--xl { grid-column:span 6 !important; grid-row:span 3 !important; } .pelv-wrapper .pelv-ptile img { height:100% !important; transition:transform .5s ease !important; } .pelv-wrapper .pelv-ptile:hover img { transform:scale(1.045) !important; } .pelv-wrapper .pelv-ptile { overflow:hidden !important; } @media (max-width:980px){ .pelv-wrapper .pelv-ptile { grid-column:span 6 !important; } .pelv-wrapper .pelv-ptile--xl { grid-column:span 12 !important; } } @media (max-width:580px){ .pelv-wrapper .pelv-pgrid { grid-auto-rows:96px !important; } .pelv-wrapper .pelv-ptile, .pelv-wrapper .pelv-ptile--xl { grid-column:span 12 !important; grid-row:span 2 !important; } } /* Trusted-builder split: top-aligned, tamed heading */ .pelv-wrapper .pelv-split--top { align-items:start !important; } .pelv-wrapper .pelv-split--top h2 { font-size:clamp(26px, 3vw, 38px) !important; } .pelv-wrapper .pelv-split--top .pelv-fade { min-height:420px !important; } /* Sizes: grid of rich cards + help strip */ .pelv-wrapper .pelv-sizes { display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:20px !important; overflow:visible !important; padding:8px 0 6px !important; } .pelv-wrapper a.pelv-size { flex:none !important; } @media (max-width:1080px){ .pelv-wrapper .pelv-sizes { grid-template-columns:repeat(2,1fr) !important; } } @media (max-width:600px){ .pelv-wrapper .pelv-sizes { grid-template-columns:1fr !important; } } .pelv-wrapper .pelv-sizehelp { margin-top:26px !important; padding:22px 26px !important; background:#ffffff !important; border:1px solid var(--v9-line) !important; border-radius:12px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; flex-wrap:wrap !important; } .pelv-wrapper .pelv-sizehelp p { margin:0 !important; color:var(--v9-soft) !important; font-size:15.5px !important; } .pelv-wrapper .pelv-sizehelp .pelv-actions { margin:0 !important; justify-content:flex-end !important; } /* Grid alignment: fixed column counts so no orphan/empty cells appear (auto-fit was packing 4 columns and leaving blank slots) */ .pelv-wrapper .pelv-grid--3 { grid-template-columns:repeat(3,1fr) !important; } .pelv-wrapper .pelv-grid--4 { grid-template-columns:repeat(4,1fr) !important; } @media (max-width:1080px){ .pelv-wrapper .pelv-grid--4 { grid-template-columns:repeat(2,1fr) !important; } } @media (max-width:980px){ .pelv-wrapper .pelv-grid--3 { grid-template-columns:repeat(2,1fr) !important; } } @media (max-width:620px){ .pelv-wrapper .pelv-grid--3, .pelv-wrapper .pelv-grid--4 { grid-template-columns:1fr !important; } } /* Action rows: centered by default (matches centered CTA band + section helper text); left-aligned contexts override inline */ .pelv-wrapper .pelv-actions { display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:12px !important; } /* Hero: extra top clearance below the site nav */ .pelv-wrapper .pelv-hero { padding-top:140px !important; } //@media (max-width:1200px){ .pelv-wrapper .pelv-hero { padding-top:120px !important; } } @media (max-width:768px){ .pelv-wrapper .pelv-hero { padding-top:112px !important; } } /* Event-manager section */ .pelv-wrapper .pelv-em__media { position:relative !important; border-radius:12px !important; } .pelv-wrapper .pelv-em__media > img { width:100% !important; height:100% !important; min-height:380px !important; object-fit:cover !important; display:block !important; border-radius:12px !important; } .pelv-wrapper .pelv-em__badge { position:absolute !important; background:#ffffff !important; border:1px solid var(--v9-line) !important; border-radius:10px !important; padding:12px 16px !important; box-shadow:0 10px 30px rgba(15,21,32,.18) !important; display:flex !important; flex-direction:column !important; animation:pelvFloat 5s ease-in-out infinite !important; } .pelv-wrapper .pelv-em__badge--a { top:22px !important; right:-14px !important; } .pelv-wrapper .pelv-em__badge--b { bottom:26px !important; left:-14px !important; animation-delay:2.5s !important; } .pelv-wrapper .pelv-em__bn { font-size:22px !important; font-weight:800 !important; color:#b0782a !important; -webkit-text-fill-color:#b0782a !important; line-height:1.1 !important; } .pelv-wrapper .pelv-em__bl { font-size:11px !important; color:var(--v9-soft) !important; -webkit-text-fill-color:var(--v9-soft) !important; margin-top:3px !important; max-width:150px !important; line-height:1.4 !important; } @keyframes pelvFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } } .pelv-wrapper .pelv-em__panel { margin-top:20px !important; } .pelv-wrapper .pelv-gcards { display:grid !important; grid-template-columns:1fr 1fr !important; gap:12px !important; margin-top:18px !important; } .pelv-wrapper .pelv-gcard { border:1px solid var(--v9-line) !important; border-left:3px solid var(--v9-accent) !important; border-radius:8px !important; padding:13px 15px !important; background:#ffffff !important; display:flex !important; flex-direction:column !important; } .pelv-wrapper .pelv-gcard__t { font-size:13.5px !important; font-weight:800 !important; color:var(--v9-ink) !important; -webkit-text-fill-color:var(--v9-ink) !important; } .pelv-wrapper .pelv-gcard__d { font-size:12.5px !important; color:var(--v9-faint) !important; -webkit-text-fill-color:var(--v9-faint) !important; margin-top:3px !important; line-height:1.5 !important; } @media (max-width:640px){ .pelv-wrapper .pelv-gcards { grid-template-columns:1fr !important; } .pelv-wrapper .pelv-em__badge--a { right:8px !important; } .pelv-wrapper .pelv-em__badge--b { left:8px !important; } } /* Scroll-reveal (progressive: class only ever added by JS, so no-JS = fully visible; reduced-motion users never get it) */ .pelv-wrapper .pelv-rv { opacity:0; transform:translateY(20px); transition:opacity .65s ease, transform .65s ease; } .pelv-wrapper .pelv-rv--in { opacity:1 !important; transform:none !important; } @media (prefers-reduced-motion: reduce) { .pelv-wrapper .pelv-rv { opacity:1 !important; transform:none !important; transition:none !important; } .pelv-wrapper .pelv-em__badge { animation:none !important; } }