.elementor-kit-10{--e-global-color-primary:#00565A;--e-global-color-secondary:#E1FFF8;--e-global-color-text:#FFFFFF;--e-global-color-accent:#073A3F;--e-global-color-64d6e82:#073A3F;--e-global-color-e5477a9:#007478;--e-global-color-7061abd:#00565A;--e-global-color-c0f289f:#E1FFF8;--e-global-color-4f9fbfc:#00676B;--e-global-color-569db8f:#598487;--e-global-color-dd10fb8:#93B5B6;--e-global-color-05906b1:#05292C;--e-global-color-0f23dba:#F5F5F5;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-size:120px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-font-style:italic;--e-global-typography-primary-line-height:1em;--e-global-typography-primary-letter-spacing:-6px;--e-global-typography-secondary-font-family:"aileron";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"aileron";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:1.4em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"aileron";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-8bfa6bf-font-family:"aileron";--e-global-typography-8bfa6bf-font-size:14px;--e-global-typography-8bfa6bf-font-weight:400;--e-global-typography-8bfa6bf-text-transform:uppercase;--e-global-typography-8bfa6bf-font-style:normal;--e-global-typography-8bfa6bf-line-height:1.4em;--e-global-typography-8bfa6bf-letter-spacing:8px;--e-global-typography-c2bedb7-font-family:"aileron";--e-global-typography-c2bedb7-font-size:90px;--e-global-typography-c2bedb7-font-weight:100;--e-global-typography-c2bedb7-text-transform:none;--e-global-typography-c2bedb7-font-style:normal;--e-global-typography-c2bedb7-line-height:1.4em;--e-global-typography-c2bedb7-letter-spacing:-2.5px;--e-global-typography-266afd9-font-family:"Cormorant Garamond";--e-global-typography-266afd9-font-size:120px;--e-global-typography-266afd9-font-weight:300;--e-global-typography-266afd9-font-style:italic;--e-global-typography-266afd9-line-height:1em;--e-global-typography-266afd9-letter-spacing:-6px;--e-global-typography-882b391-font-family:"aileron";--e-global-typography-882b391-font-size:18px;--e-global-typography-882b391-font-weight:400;--e-global-typography-882b391-text-transform:none;--e-global-typography-882b391-font-style:normal;--e-global-typography-882b391-line-height:1em;--e-global-typography-882b391-letter-spacing:0px;--e-global-typography-22cc64d-font-family:"aileron";--e-global-typography-22cc64d-font-size:30px;--e-global-typography-22cc64d-font-weight:600;--e-global-typography-22cc64d-text-transform:none;--e-global-typography-22cc64d-font-style:normal;--e-global-typography-22cc64d-line-height:1.4em;--e-global-typography-22cc64d-letter-spacing:0px;--e-global-typography-a566dbd-font-family:"aileron";--e-global-typography-a566dbd-font-size:14px;--e-global-typography-a566dbd-font-weight:300;--e-global-typography-a566dbd-text-transform:none;--e-global-typography-a566dbd-font-style:normal;--e-global-typography-a566dbd-line-height:1.2em;--e-global-typography-a566dbd-letter-spacing:0px;--e-global-typography-2aa2446-font-family:"aileron";--e-global-typography-2aa2446-font-size:20px;--e-global-typography-2aa2446-font-weight:300;--e-global-typography-2aa2446-text-transform:none;--e-global-typography-2aa2446-font-style:normal;--e-global-typography-2aa2446-line-height:1.4em;--e-global-typography-2aa2446-letter-spacing:0px;--e-global-typography-cd3367c-font-family:"aileron";--e-global-typography-cd3367c-font-size:26px;--e-global-typography-cd3367c-font-weight:400;--e-global-typography-cd3367c-text-transform:none;--e-global-typography-cd3367c-font-style:normal;--e-global-typography-cd3367c-line-height:1.4em;--e-global-typography-cd3367c-letter-spacing:0px;--e-global-typography-3bec9a6-font-family:"aileron";--e-global-typography-3bec9a6-font-size:16px;--e-global-typography-3bec9a6-font-weight:300;--e-global-typography-3bec9a6-text-transform:none;--e-global-typography-3bec9a6-font-style:normal;--e-global-typography-3bec9a6-line-height:1.4em;--e-global-typography-3bec9a6-letter-spacing:0px;--e-global-typography-15e94b5-font-family:"aileron";--e-global-typography-15e94b5-font-size:14px;--e-global-typography-15e94b5-font-weight:400;--e-global-typography-15e94b5-text-transform:uppercase;--e-global-typography-15e94b5-font-style:normal;--e-global-typography-15e94b5-line-height:1.4em;--e-global-typography-15e94b5-letter-spacing:8px;--e-global-typography-f9558ed-font-family:"aileron";--e-global-typography-f9558ed-font-size:90px;--e-global-typography-f9558ed-font-weight:100;--e-global-typography-f9558ed-text-transform:none;--e-global-typography-f9558ed-font-style:normal;--e-global-typography-f9558ed-line-height:1.4em;--e-global-typography-f9558ed-letter-spacing:-2.5px;--e-global-typography-10b2761-font-family:"Cormorant Garamond";--e-global-typography-10b2761-font-size:120px;--e-global-typography-10b2761-font-weight:300;--e-global-typography-10b2761-font-style:italic;--e-global-typography-10b2761-line-height:1em;--e-global-typography-10b2761-letter-spacing:-6px;--e-global-typography-50c101d-font-family:"aileron";--e-global-typography-50c101d-font-size:65px;--e-global-typography-50c101d-font-weight:400;--e-global-typography-50c101d-text-transform:none;--e-global-typography-50c101d-font-style:normal;--e-global-typography-50c101d-line-height:1.4em;--e-global-typography-50c101d-letter-spacing:0px;background-color:var( --e-global-color-primary );}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:#02010100;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;}.elementor-kit-10 button:hover,.elementor-kit-10 button:focus,.elementor-kit-10 input[type="button"]:hover,.elementor-kit-10 input[type="button"]:focus,.elementor-kit-10 input[type="submit"]:hover,.elementor-kit-10 input[type="submit"]:focus,.elementor-kit-10 .elementor-button:hover,.elementor-kit-10 .elementor-button:focus{background-color:var( --e-global-color-e5477a9 );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-e5477a9 );border-radius:50px 50px 50px 50px;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:var( --e-global-color-text );}.elementor-kit-10 label{color:var( --e-global-color-text );font-family:"aileron", Sans-serif;font-size:16px;font-weight:500;line-height:1.4em;}.elementor-kit-10 input:not([type="button"]):not([type="submit"]),.elementor-kit-10 textarea,.elementor-kit-10 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );accent-color:var( --e-global-color-text );background-color:#02010100;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1150px){.elementor-kit-10{--e-global-typography-secondary-font-size:26px;--e-global-typography-accent-font-size:16px;--e-global-typography-c2bedb7-font-size:60px;--e-global-typography-266afd9-font-size:90px;--e-global-typography-882b391-font-size:16px;--e-global-typography-22cc64d-font-size:24px;--e-global-typography-a566dbd-font-size:12px;--e-global-typography-2aa2446-font-size:18px;--e-global-typography-cd3367c-font-size:20px;--e-global-typography-3bec9a6-font-size:14px;--e-global-typography-f9558ed-font-size:60px;--e-global-typography-10b2761-font-size:90px;--e-global-typography-50c101d-font-size:26px;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-10 input:not([type="button"]):not([type="submit"]),.elementor-kit-10 textarea,.elementor-kit-10 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-secondary-font-size:22px;--e-global-typography-accent-font-size:16px;--e-global-typography-8bfa6bf-font-size:11px;--e-global-typography-c2bedb7-font-size:40px;--e-global-typography-c2bedb7-line-height:1em;--e-global-typography-c2bedb7-letter-spacing:-1px;--e-global-typography-266afd9-font-size:60px;--e-global-typography-266afd9-line-height:0.9em;--e-global-typography-266afd9-letter-spacing:-3px;--e-global-typography-882b391-font-size:16px;--e-global-typography-22cc64d-font-size:22px;--e-global-typography-2aa2446-font-size:16px;--e-global-typography-15e94b5-font-size:11px;--e-global-typography-f9558ed-font-size:40px;--e-global-typography-f9558ed-line-height:1em;--e-global-typography-f9558ed-letter-spacing:-1px;--e-global-typography-10b2761-font-size:60px;--e-global-typography-10b2761-line-height:0.9em;--e-global-typography-10b2761-letter-spacing:-3px;--e-global-typography-50c101d-font-size:22px;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-10 input:not([type="button"]):not([type="submit"]),.elementor-kit-10 textarea,.elementor-kit-10 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================ Stoke Shortlist Bar Dark teal background, teal-white text, brand buttons ============================================ */ .stoke-shortlist-bar { /* Override the plugin's default variables */ --sslst-bar-bg: var(--e-global-color-accent, #073A3F); --sslst-bar-color: var(--e-global-color-secondary, #E1FFF8); --sslst-bar-border: rgba(225, 255, 248, 0.15); padding: 14px 30px; box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.2); font-family: var(--e-global-typography-text-font-family, "aileron"), sans-serif; } .stoke-shortlist-bar__inner { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; gap: 20px; } .stoke-shortlist-bar__summary { font-size: 14px; line-height: 1.4; } .stoke-shortlist-bar__count { font-weight: 600; font-size: 18px; display: block; } .stoke-shortlist-bar__names { font-size: 12px; opacity: 0.7; display: block; margin-top: 2px; } .stoke-shortlist-bar__actions { display: flex; gap: 10px; flex-shrink: 0; } /* Enquire button: solid teal-white on dark teal */ .stoke-shortlist-bar__enquire { background: var(--e-global-color-secondary, #E1FFF8); color: var(--e-global-color-accent, #073A3F); border: none; border-radius: 50px; padding: 10px 22px; font-size: 14px; font-family: inherit; font-weight: 400; cursor: pointer; transition: all 0.2s; } .stoke-shortlist-bar__enquire:hover { background: #ffffff; } /* Clear button: outlined teal-white */ .stoke-shortlist-bar__clear { background: transparent; color: var(--e-global-color-secondary, #E1FFF8); border: 1px solid var(--e-global-color-secondary, #E1FFF8); border-radius: 50px; padding: 10px 22px; font-size: 14px; font-family: inherit; font-weight: 400; cursor: pointer; transition: all 0.2s; } .stoke-shortlist-bar__clear:hover { background: rgba(225, 255, 248, 0.1); } /* ============================================ Shortlisted names inside the popup ============================================ */ .stoke-shortlist-names { margin: 0 0 24px; padding: 0 0 20px; border-bottom: 1px solid rgba(225, 255, 248, 0.2); display: flex; flex-wrap: wrap; gap: 8px 14px; list-style: none; font-family: var(--e-global-typography-text-font-family, "aileron"), sans-serif; color: var(--e-global-color-secondary, #E1FFF8); } .stoke-shortlist-names > * { font-size: 16px; color: var(--e-global-color-secondary, #E1FFF8); font-weight: 600; line-height: 1.4; text-decoration: none; } .stoke-shortlist-names a { border-bottom: 1px solid rgba(225, 255, 248, 0.4); padding-bottom: 2px; transition: border-color 0.2s, color 0.2s; } .stoke-shortlist-names a:hover { color: #ffffff; border-bottom-color: #ffffff; } /* ============================================ Shortlist toggle (single barrister) TEMPORARY: full styling while Cloudflare serves the old plugin CSS. Once frontend.css?ver=1.0.3+ is live, reduce to the variable overrides only. ============================================ */ .stoke-shortlist-toggle[type="button"] { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; border-color: var(--e-global-color-secondary); color: var(--e-global-color-secondary); line-height: 1.2; } /* ============================================ Stoke Gravity Forms: Site-wide Style Applies to every Gravity Form on dark backgrounds Uses body prefix + !important for critical props to beat Gravity Forms' Orbital theme ============================================ */ body .gform_wrapper { font-family: var(--e-global-typography-text-font-family, "aileron"), sans-serif; color: var(--e-global-color-secondary, #E1FFF8); --gf-form-gap-x: 32px; --gf-form-gap-y: 32px; } /* Hide form title */ body .gform_wrapper .gform_title, body .gform_wrapper .gform_heading .gform_title { display: none !important; } /* Column gaps */ body .gform_wrapper .gform_fields { column-gap: 32px; row-gap: 22px; } body .gform_wrapper .gfield { margin-bottom: 16px; } /* Labels */ body .gform_wrapper .gfield_label, body .gform_wrapper .gform-field-label { font-size: 16px !important; font-weight: 400 !important; color: var(--e-global-color-secondary, #E1FFF8) !important; margin-bottom: 2px; line-height: 1.2; } /* Hide (Required) text */ body .gform_wrapper .gfield_required, body .gform_wrapper .gfield_required_text { display: none !important; } body .gform_wrapper .ginput_container { margin-top: 0; } /* Inputs, textareas, selects */ body .gform_wrapper input[type="text"], body .gform_wrapper input[type="email"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="url"], body .gform_wrapper input[type="number"], body .gform_wrapper input[type="password"], body .gform_wrapper textarea, body .gform_wrapper select { background: transparent !important; background-color: transparent !important; border: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.8) !important; border-radius: 0 !important; color: #ffffff !important; font-size: 14px !important; padding: 6px 0 8px !important; box-shadow: none !important; font-family: inherit !important; -webkit-appearance: none; appearance: none; } /* Focus state */ body .gform_wrapper input:focus, body .gform_wrapper textarea:focus, body .gform_wrapper select:focus { outline: none !important; box-shadow: none !important; border-bottom-color: #ffffff !important; } /* Placeholder */ body .gform_wrapper ::placeholder { font-size: 14px; color: rgba(225, 255, 248, 0.58); opacity: 1; } /* Select: custom arrow */ body .gform_wrapper select { color: rgba(255, 255, 255, 0.7) !important; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='white' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right center !important; padding-right: 36px !important; } body .gform_wrapper select option { color: #ffffff; background: var(--e-global-color-accent, #073A3F); } /* Textarea */ body .gform_wrapper textarea { min-height: 140px !important; padding-top: 8px !important; } /* Character counter */ body .gform_wrapper .ginput_counter { font-size: 13px; color: rgba(225, 255, 248, 0.58); margin-top: 6px; } /* Footer */ body .gform_wrapper .gform_footer { margin-top: 26px; padding: 0; } /* Submit button (covers both