.elementor-30585 .elementor-element.elementor-element-12120b7{--display:flex;--min-height:640px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--overlay-opacity:0.92;--padding-top:104px;--padding-bottom:104px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-12120b7:not(.elementor-motion-effects-element-type-background), .elementor-30585 .elementor-element.elementor-element-12120b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theothertour.co/wp-content/uploads/2024/03/Istanbul-Food-Tours-in-Kadikoy-Private-tour-by-The-Other-Tour-1.jpg");background-position:custom;background-repeat:no-repeat;background-size:cover;}.elementor-30585 .elementor-element.elementor-element-12120b7::before, .elementor-30585 .elementor-element.elementor-element-12120b7 > .elementor-background-video-container::before, .elementor-30585 .elementor-element.elementor-element-12120b7 > .e-con-inner > .elementor-background-video-container::before, .elementor-30585 .elementor-element.elementor-element-12120b7 > .elementor-background-slideshow::before, .elementor-30585 .elementor-element.elementor-element-12120b7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-30585 .elementor-element.elementor-element-12120b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #08151F 0%, #08151F4D 100%);}.elementor-30585 .elementor-element.elementor-element-dd3c3f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-94f95f5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-1f23c82{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:76px;--padding-bottom:76px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-3774b07 .elementor-tab-title, .elementor-30585 .elementor-element.elementor-element-3774b07 .elementor-tab-title:before, .elementor-30585 .elementor-element.elementor-element-3774b07 .elementor-tab-title:after, .elementor-30585 .elementor-element.elementor-element-3774b07 .elementor-tab-content, .elementor-30585 .elementor-element.elementor-element-3774b07 .elementor-tabs-content-wrapper{border-width:1px;}.elementor-30585 .elementor-element.elementor-element-864fd37{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-6a0b9c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--overlay-opacity:0.92;--padding-top:84px;--padding-bottom:88px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-6a0b9c1:not(.elementor-motion-effects-element-type-background), .elementor-30585 .elementor-element.elementor-element-6a0b9c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theothertour.co/wp-content/uploads/2023/05/Istanbul-Food-Tours-2023-The-Other-Tour.jpg");background-position:custom;background-repeat:no-repeat;background-size:cover;}.elementor-30585 .elementor-element.elementor-element-6a0b9c1::before, .elementor-30585 .elementor-element.elementor-element-6a0b9c1 > .elementor-background-video-container::before, .elementor-30585 .elementor-element.elementor-element-6a0b9c1 > .e-con-inner > .elementor-background-video-container::before, .elementor-30585 .elementor-element.elementor-element-6a0b9c1 > .elementor-background-slideshow::before, .elementor-30585 .elementor-element.elementor-element-6a0b9c1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-30585 .elementor-element.elementor-element-6a0b9c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #08151F 0%, #08151F4D 100%);}.elementor-30585 .elementor-element.elementor-element-f55ac17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-af9f7c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:76px;--padding-bottom:76px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-af9f7c7:not(.elementor-motion-effects-element-type-background), .elementor-30585 .elementor-element.elementor-element-af9f7c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F9FF;}.elementor-30585 .elementor-element.elementor-element-710f0ab{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:stretch;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-0b6d57b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-27e0e8f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-81f9e62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-60c9c7a img{border-radius:14px 14px 14px 14px;}.elementor-30585 .elementor-element.elementor-element-c91e9ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:80px;--padding-bottom:84px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-c91e9ff:not(.elementor-motion-effects-element-type-background), .elementor-30585 .elementor-element.elementor-element-c91e9ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C4A6E;}.elementor-30585 .elementor-element.elementor-element-bce71d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:76px;--padding-bottom:76px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-bce71d3:not(.elementor-motion-effects-element-type-background), .elementor-30585 .elementor-element.elementor-element-bce71d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F9FF;}.elementor-30585 .elementor-element.elementor-element-21c61ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:80px;--padding-bottom:84px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-21c61ab:not(.elementor-motion-effects-element-type-background), .elementor-30585 .elementor-element.elementor-element-21c61ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C4A6E;}.elementor-30585 .elementor-element.elementor-element-bf5eedb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:76px;--padding-bottom:76px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-cd9504a .elementor-tab-title .elementor-accordion-icon i:before{color:#EA580C;}.elementor-30585 .elementor-element.elementor-element-cd9504a .elementor-tab-title .elementor-accordion-icon svg{fill:#EA580C;}.elementor-30585 .elementor-element.elementor-element-cd9504a .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#0C4A6E;}.elementor-30585 .elementor-element.elementor-element-cd9504a .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#0C4A6E;}.elementor-30585 .elementor-element.elementor-element-84ec9d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-84ec9d8:not(.elementor-motion-effects-element-type-background), .elementor-30585 .elementor-element.elementor-element-84ec9d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0A2A3D;}.elementor-30585 .elementor-element.elementor-element-f72a146{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-60668fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:14px;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-14px;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-field-group > label, .elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-field-subgroup label{color:#CBD5E1;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-field-type-html{color:#FFFFFF;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-field-group .elementor-field{color:#1f2937;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:#CBD5E1;border-width:0px 0px 1px 0px;border-radius:8px 8px 8px 8px;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:#CBD5E1;border-width:0px 0px 1px 0px;border-radius:8px 8px 8px 8px;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-field-group .elementor-select-wrapper::before{color:#CBD5E1;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-button{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;border-style:solid;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-30585 .elementor-element.elementor-element-68d88653 .e-form__buttons__wrapper__button-next{background-color:#EA580C;color:#FFFFFF;border-color:#EA580C;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-button[type="submit"]{background-color:#EA580C;color:#FFFFFF;border-color:#EA580C;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-30585 .elementor-element.elementor-element-68d88653 .e-form__buttons__wrapper__button-previous{background-color:#1B252F;color:#1B252F;}.elementor-30585 .elementor-element.elementor-element-68d88653 .e-form__buttons__wrapper__button-next:hover{background-color:#C2410C;color:#FFFFFF;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-button[type="submit"]:hover{background-color:#C2410C;color:#FFFFFF;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-button[type="submit"]:hover svg *{fill:#FFFFFF;}.elementor-30585 .elementor-element.elementor-element-68d88653 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-message.elementor-message-success{color:#F1F5F9;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-message.elementor-message-danger{color:#FE114B;}.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-message.elementor-help-inline{color:#CBD5E1;}.elementor-30585 .elementor-element.elementor-element-68d88653{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-30585 .elementor-element.elementor-element-bf7a279{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-e1b5288 img{border-radius:14px 14px 14px 14px;}@media(max-width:1024px){.elementor-30585 .elementor-element.elementor-element-68d88653 .elementor-button{font-size:18px;}}@media(max-width:767px){.elementor-30585 .elementor-element.elementor-element-12120b7{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-dd3c3f6{--width:100%;}.elementor-30585 .elementor-element.elementor-element-1f23c82{--padding-top:52px;--padding-bottom:52px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-6a0b9c1{--padding-top:60px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-f55ac17{--width:100%;}.elementor-30585 .elementor-element.elementor-element-af9f7c7{--padding-top:52px;--padding-bottom:52px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-710f0ab{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-30585 .elementor-element.elementor-element-0b6d57b{--width:100%;}.elementor-30585 .elementor-element.elementor-element-81f9e62{--width:100%;}.elementor-30585 .elementor-element.elementor-element-c91e9ff{--padding-top:56px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-bce71d3{--padding-top:52px;--padding-bottom:52px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-21c61ab{--padding-top:56px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-bf5eedb{--padding-top:52px;--padding-bottom:52px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-84ec9d8{--padding-top:56px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-30585 .elementor-element.elementor-element-f72a146{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-30585 .elementor-element.elementor-element-60668fe{--width:100%;}.elementor-30585 .elementor-element.elementor-element-bf7a279{--width:100%;}}@media(min-width:768px){.elementor-30585 .elementor-element.elementor-element-dd3c3f6{--width:720px;}.elementor-30585 .elementor-element.elementor-element-94f95f5{--width:100%;}.elementor-30585 .elementor-element.elementor-element-864fd37{--width:100%;}.elementor-30585 .elementor-element.elementor-element-f55ac17{--width:660px;}.elementor-30585 .elementor-element.elementor-element-0b6d57b{--width:56%;}.elementor-30585 .elementor-element.elementor-element-27e0e8f{--width:100%;}.elementor-30585 .elementor-element.elementor-element-81f9e62{--width:44%;}.elementor-30585 .elementor-element.elementor-element-60668fe{--width:56%;}.elementor-30585 .elementor-element.elementor-element-bf7a279{--width:44%;}}/* Start custom CSS *//* ========================================================================== THE OTHER TOUR — BLOG PAGE CUSTOM CSS -------------------------------------------------------------------------- CONTENTS 00. Fonts 01. Typography 02. Links 03. Editorial components 04. Images & captions 05. FAQ / accordion 06. Slides widget 07. Review cards 08. CTA card — structure 09. CTA card — text 10. CTA card — buttons 11. Light-mode colour locks 12. Dark mode NOTE ON ORDER: sections 11 and 12 both use !important at equal specificity, so source order decides the winner. Dark mode MUST stay last. ========================================================================== */ /* ========================================================================== 00. FONTS ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Newsreader:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap'); /* ========================================================================== 01. TYPOGRAPHY ========================================================================== */ /* ---- Body text ---- */ body.elementor-page-30585 .elementor-widget-text-editor { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 1.7; color: #1f2937; } /* ---- Headings ---- */ body.elementor-page-30585 .elementor-widget-heading h2 { font-family: 'Newsreader', serif; font-weight: 700; font-size: 31px; line-height: 1.2; } body.elementor-page-30585 .elementor-widget-heading h3 { font-family: 'Newsreader', serif; font-weight: 600; font-size: 23px; line-height: 1.3; } /* ---- Section divider accent before each H2 ---- */ body.elementor-page-30585 .elementor-widget-heading h2::before { content: ""; display: block; width: 48px; height: 3px; background: #EA580C; margin-bottom: 16px; border-radius: 2px; } /* ---- Lead paragraph: class "lead" on a Text Editor widget ---- */ body.elementor-page-30585 .lead p:first-of-type { font-size: 20px; line-height: 1.6; font-weight: 400; color: #334155; } /* ---- Drop cap: class "dropcap" on a Text Editor widget ---- */ body.elementor-page-30585 .dropcap p:first-of-type::first-letter { float: left; font-family: 'Newsreader', serif; font-size: 3.4em; line-height: 0.8; font-weight: 700; margin: 0.05em 0.1em 0 0; color: #0C4A6E; } /* ========================================================================== 02. LINKS ========================================================================== */ body.elementor-page-30585 a { transition: color 0.2s ease; } body.elementor-page-30585 a:hover { color: #2b8fc4; text-decoration: underline; } /* ========================================================================== 03. EDITORIAL COMPONENTS ========================================================================== */ /* ---- Pull-quote: class "pullquote" on a Text Editor widget ---- */ body.elementor-page-30585 .pullquote { border-left: 4px solid #EA580C; padding: 8px 0 8px 24px; margin: 24px 0; font-family: 'Newsreader', serif; font-size: 1.4em; font-style: italic; color: #0C4A6E; } /* ---- "Did You Know?" callout: class "didyouknow" on a Text Editor widget ---- */ body.elementor-page-30585 .didyouknow { background: #F0F9FF; border-radius: 12px; padding: 20px 24px; border-left: 4px solid #0EA5E9; font-size: 1.05em; } /* ========================================================================== 04. IMAGES & CAPTIONS ========================================================================== */ /* ---- Uniform framing for in-article images: class "frame" ---- */ body.elementor-page-30585 .frame img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; } /* ---- Captions (set Caption to "Custom Caption" on the image widget) ---- */ body.elementor-page-30585 .elementor-widget-image figcaption, body.elementor-page-30585 .elementor-image-caption { font-family: 'Newsreader', serif; font-style: italic; font-size: 14px; color: #64748b; text-align: center; margin-top: 8px; line-height: 1.4; } /* ========================================================================== 05. FAQ / ACCORDION ========================================================================== */ /* ---- Elementor accordion & toggle ---- */ body.elementor-page-30585 .elementor-accordion .elementor-tab-title, body.elementor-page-30585 .elementor-toggle .elementor-toggle-title { transition: background 0.2s ease, color 0.2s ease; font-family: 'Newsreader', serif; font-weight: 600; } body.elementor-page-30585 .elementor-accordion .elementor-tab-title.elementor-active, body.elementor-page-30585 .elementor-toggle .elementor-tab-title.elementor-active { background: #F0F9FF; color: #0C4A6E; } body.elementor-page-30585 .elementor-accordion .elementor-tab-content, body.elementor-page-30585 .elementor-toggle .elementor-tab-content { font-family: 'Roboto', sans-serif; font-size: 17px; line-height: 1.7; } /* ---- JNews FAQ block — question font ---- */ body.elementor-page-30585 .myra-faq .jeg_faq_title, body.elementor-page-30585 .myra-faq .jeg_faq_question, body.elementor-page-30585 .myra-faq h3, body.elementor-page-30585 .myra-faq a { font-family: 'Newsreader', serif !important; font-weight: 600; } /* ========================================================================== 06. SLIDES WIDGET ========================================================================== */ body.elementor-page-30585 .elementor-slides .elementor-slide-heading { font-family: 'Newsreader', serif; font-weight: 600; font-size: 22px; margin-bottom: 6px; } body.elementor-page-30585 .elementor-slides .elementor-slide-description { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 1.5; } /* ========================================================================== 07. REVIEW CARDS Wrapper: class "totc-reviews" Card: class "totc-review" ========================================================================== */ body.elementor-page-30585 .totc-reviews { display: flex; flex-wrap: wrap; gap: 20px; align-items: stretch; justify-content: center; } body.elementor-page-30585 .totc-review { flex: 1 1 260px; max-width: 340px; display: flex; flex-direction: column; gap: 12px; background: #fff; border: 1px solid #E2E8F0; border-top: 3px solid #EA580C; border-radius: 14px; padding: 26px 26px 28px; box-shadow: 0 4px 6px rgba(12,74,110,.08); transition: transform .2s ease, box-shadow .2s ease; } body.elementor-page-30585 .totc-review:hover { transform: translateY(-3px); box-shadow: 0 12px 22px rgba(12,74,110,.14); } /* ---- Quote ---- */ body.elementor-page-30585 .totc-quote, body.elementor-page-30585 .totc-quote * { font-size: 15.5px; line-height: 1.65; color: #334155; margin: 0; } body.elementor-page-30585 .totc-quote { position: relative; padding-top: 6px; } body.elementor-page-30585 .totc-quote::before { content: "“"; font-family: 'Newsreader', serif; font-size: 52px; line-height: 0; color: #EA580C; opacity: .22; position: absolute; top: 22px; left: -8px; } /* ---- Attribution ---- */ body.elementor-page-30585 .totc-name { margin-top: auto; } body.elementor-page-30585 .totc-name, body.elementor-page-30585 .totc-name * { font-family: 'Newsreader', serif; font-size: 17px; font-weight: 600; color: #0C4A6E; margin: 0; } body.elementor-page-30585 .totc-role, body.elementor-page-30585 .totc-role * { font-size: 17px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: #C2410C; margin: 0; } /* ---- Mobile: swipeable carousel ---- justify-content stays `center` from the base rule, and a centred flex row that OVERFLOWS spills equally off both ends. The left spill sits before scrollLeft 0, so it can never be scrolled back into view: measured 26 Aug 2026 at 390px, the first card began at -109px with scrollLeft already 0. Reset the axis to flex-start here, and snap to `start` so the first card rests flush against the left edge. */ @media (max-width: 767px) { body.elementor-page-30585 .totc-reviews { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 10px; } body.elementor-page-30585 .totc-review { flex: 0 0 82%; max-width: none; scroll-snap-align: start; } } /* ========================================================================== 08. CTA CARD — STRUCTURE Class "tot-cta-card" on the CONTAINER holding the whole card. Class "tot-cta-media" on the image column. ========================================================================== */ .tot-cta-card { background: #fff; border: 1px solid #E2E8F0; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 6px rgba(12,74,110,.08); transition: transform .2s ease, box-shadow .2s ease; font-family: 'Roboto', sans-serif; margin: 10px 0; } .tot-cta-card:hover { transform: translateY(-3px); box-shadow: 0 12px 22px rgba(12,74,110,.14); } /* ---- Media column ---- */ .tot-cta-media { flex: 0 0 210px; min-height: 200px; align-self: stretch; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 0; } .tot-cta-card .tot-cta-media, .tot-cta-card .tot-cta-media .elementor-widget-container, .tot-cta-card .tot-cta-media figure { margin: 0; height: 100%; } .tot-cta-card .tot-cta-media img { width: 100%; height: 100%; object-fit: cover; display: block; } /* ---- Mobile: media goes full width above the text ---- */ @media (max-width: 767px) { .tot-cta-media { flex-basis: auto; width: 100%; min-height: 170px; } } /* ========================================================================== 09. CTA CARD — TEXT ========================================================================== */ /* ---- Eyebrow: class "tot-cta-eyebrow" on a Heading or Text widget ---- */ .tot-cta-eyebrow, .tot-cta-eyebrow .elementor-heading-title, .tot-cta-eyebrow p { font-size: 12px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; color: #C2410C; margin: 0; } /* ---- Title: class "tot-cta-title" on a Heading widget ---- */ .tot-cta-title, .tot-cta-title .elementor-heading-title { font-family: 'Newsreader', serif; font-size: 23px; font-weight: 600; line-height: 1.22; color: #0C4A6E; margin: 0; } /* ---- Body: class "tot-cta-text" on a Text Editor widget ---- */ .tot-cta-text, .tot-cta-text p { font-size: 15px; line-height: 1.6; color: #334155; margin: 0; } /* ========================================================================== 10. CTA CARD — BUTTONS Row container -> class "tot-cta-actions" Primary button -> class "tot-cta-btn" Secondary button -> class "tot-cta-btn-alt" ========================================================================== */ /* ---- Button row ---- */ .tot-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; } /* ---- Shared geometry: flex centring is what actually centres the label. Elementor's default inline-block dumps the min-height leftover at the bottom, which pushes the text visually high. ---- */ .tot-cta-btn .elementor-button, .tot-cta-btn a.elementor-button, .tot-cta-btn-alt .elementor-button, .tot-cta-btn-alt a.elementor-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 8px; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none !important; } /* ---- Primary (filled) ---- Colour is forced for the same reason as the secondary button: the theme styles .elementor-button as a link, and its blue wins whenever the widget's own text colour isn't set in Elementor. */ .tot-cta-btn .elementor-button, .tot-cta-btn a.elementor-button { background: #EA580C; color: #fff !important; padding: 12px 22px; border: 2px solid #EA580C; transition: background .2s ease, border-color .2s ease; } .tot-cta-btn .elementor-button .elementor-button-text, .tot-cta-btn .elementor-button .elementor-button-content-wrapper, .tot-cta-btn .elementor-button .elementor-button-icon, .tot-cta-btn .elementor-button i, .tot-cta-btn .elementor-button svg { color: #fff !important; fill: currentColor; } .tot-cta-btn .elementor-button:hover, .tot-cta-btn a.elementor-button:hover { background: #C2410C; border-color: #C2410C; color: #fff !important; } .tot-cta-btn .elementor-button:hover .elementor-button-text, .tot-cta-btn .elementor-button:hover .elementor-button-icon, .tot-cta-btn .elementor-button:hover i, .tot-cta-btn .elementor-button:hover svg { color: #fff !important; } /* ---- Secondary (outline) ---- The !important on colour is required: a button duplicated from the primary one keeps its widget-level "color: #fff" in Elementor's own stylesheet, which would otherwise win and leave the label invisible. The inner span is targeted too, since that's where the label lives. */ .tot-cta-btn-alt .elementor-button, .tot-cta-btn-alt a.elementor-button { background: transparent !important; color: #C2410C !important; padding: 12px 22px; border: 2px solid #EA580C; transition: background .2s ease, color .2s ease, border-color .2s ease; } .tot-cta-btn-alt .elementor-button .elementor-button-text, .tot-cta-btn-alt .elementor-button .elementor-button-content-wrapper, .tot-cta-btn-alt .elementor-button .elementor-button-icon, .tot-cta-btn-alt .elementor-button i, .tot-cta-btn-alt .elementor-button svg { color: #C2410C !important; fill: currentColor; } .tot-cta-btn-alt .elementor-button:hover, .tot-cta-btn-alt a.elementor-button:hover { background: #FFF7ED !important; color: #9A3412 !important; border-color: #C2410C; } .tot-cta-btn-alt .elementor-button:hover .elementor-button-text, .tot-cta-btn-alt .elementor-button:hover .elementor-button-icon, .tot-cta-btn-alt .elementor-button:hover i, .tot-cta-btn-alt .elementor-button:hover svg { color: #9A3412 !important; } /* Navy variant — if you'd rather the outline echo the card title, swap the three secondary values for: #0C4A6E text, #0C4A6E border, #F0F9FF hover. */ /* ---- Mobile: stack full width ---- */ @media (max-width: 480px) { .tot-cta-actions { flex-direction: column; } .tot-cta-actions .elementor-widget-button { width: 100%; } .tot-cta-actions .elementor-button { width: 100%; } } /* ========================================================================== 11. LIGHT-MODE COLOUR LOCKS These beat theme and widget-level colours. Section 12 overrides them by source order, so nothing below this point may be moved above it. ========================================================================== */ .tot-cta-card .tot-cta-eyebrow, .tot-cta-card .tot-cta-eyebrow .elementor-heading-title, .tot-cta-card .tot-cta-eyebrow p { color: #C2410C !important; } .tot-cta-card .tot-cta-title, .tot-cta-card .tot-cta-title .elementor-heading-title { color: #0C4A6E !important; } .tot-cta-card .tot-cta-text, .tot-cta-card .tot-cta-text p { color: #334155 !important; } body.elementor-page-30585 .didyouknow, body.elementor-page-30585 .didyouknow p { color: #1f2937 !important; } /* ========================================================================== 12. DARK MODE Body class: .jnews-dark-mode (JNews theme) ========================================================================== */ /* ---- Pull-quote ---- */ body.elementor-page-30585.jnews-dark-mode .pullquote, body.elementor-page-30585.jnews-dark-mode .elementor-widget-text-editor blockquote { border-left-color: #FB923C; color: #F1F5F9 !important; } /* ---- "Did You Know?" callout ---- */ body.elementor-page-30585.jnews-dark-mode .didyouknow { background: #152B3A !important; border-left-color: #38BDF8; } body.elementor-page-30585.jnews-dark-mode .didyouknow, body.elementor-page-30585.jnews-dark-mode .didyouknow p { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .didyouknow strong { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .didyouknow a, body.elementor-page-30585.jnews-dark-mode .didyouknow a strong { color: #7DD3FC !important; } /* ---- Image captions ---- */ body.elementor-page-30585.jnews-dark-mode .elementor-widget-image figcaption, body.elementor-page-30585.jnews-dark-mode .elementor-image-caption { color: #9FB3C4; } /* ---- FAQ accordion ---- */ body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-title.elementor-active, body.elementor-page-30585.jnews-dark-mode .elementor-toggle .elementor-tab-title.elementor-active { background: #10344A; color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-content, body.elementor-page-30585.jnews-dark-mode .elementor-toggle .elementor-tab-content { color: #DDE5EC !important; } /* ---- Review cards ---- */ body.elementor-page-30585.jnews-dark-mode .totc-review { background: #0F2A3D !important; border-color: rgba(255,255,255,.14); border-top-color: #FB923C; box-shadow: 0 4px 6px rgba(0,0,0,.40); } body.elementor-page-30585.jnews-dark-mode .totc-review:hover { box-shadow: 0 12px 22px rgba(0,0,0,.55); } body.elementor-page-30585.jnews-dark-mode .totc-quote, body.elementor-page-30585.jnews-dark-mode .totc-quote * { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .totc-quote::before { color: #FB923C; } body.elementor-page-30585.jnews-dark-mode .totc-name, body.elementor-page-30585.jnews-dark-mode .totc-name * { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .totc-role, body.elementor-page-30585.jnews-dark-mode .totc-role * { color: #FB923C !important; } /* ---- CTA card — structure ---- */ .jnews-dark-mode .tot-cta-card { background: #1B2733 !important; border-color: rgba(255,255,255,.10); box-shadow: none; } .jnews-dark-mode .tot-cta-card:hover { border-color: rgba(255,255,255,.18); box-shadow: 0 10px 24px rgba(0,0,0,.45); } .jnews-dark-mode .tot-cta-media { background-color: #22323F; } /* ---- CTA card — text ---- */ .jnews-dark-mode .tot-cta-eyebrow, .jnews-dark-mode .tot-cta-eyebrow .elementor-heading-title, .jnews-dark-mode .tot-cta-eyebrow p { color: #FB923C !important; } .jnews-dark-mode .tot-cta-title, .jnews-dark-mode .tot-cta-title .elementor-heading-title { color: #F1F5F9 !important; } .jnews-dark-mode .tot-cta-text, .jnews-dark-mode .tot-cta-text p { color: #CBD5E1 !important; } /* ---- CTA card — primary button ---- */ .jnews-dark-mode .tot-cta-btn .elementor-button:hover, .jnews-dark-mode .tot-cta-btn a.elementor-button:hover { background: #F97316; border-color: #F97316; color: #fff !important; } .jnews-dark-mode .tot-cta-btn .elementor-button:hover .elementor-button-text, .jnews-dark-mode .tot-cta-btn .elementor-button:hover .elementor-button-icon, .jnews-dark-mode .tot-cta-btn .elementor-button:hover i, .jnews-dark-mode .tot-cta-btn .elementor-button:hover svg { color: #fff !important; } /* ---- CTA card — secondary button ---- */ .jnews-dark-mode .tot-cta-btn-alt .elementor-button, .jnews-dark-mode .tot-cta-btn-alt a.elementor-button { background: transparent !important; color: #FDBA74 !important; border-color: rgba(251,146,60,.55); } .jnews-dark-mode .tot-cta-btn-alt .elementor-button .elementor-button-text, .jnews-dark-mode .tot-cta-btn-alt .elementor-button .elementor-button-icon, .jnews-dark-mode .tot-cta-btn-alt .elementor-button i, .jnews-dark-mode .tot-cta-btn-alt .elementor-button svg { color: #FDBA74 !important; } .jnews-dark-mode .tot-cta-btn-alt .elementor-button:hover, .jnews-dark-mode .tot-cta-btn-alt a.elementor-button:hover { background: rgba(249,115,22,.14) !important; color: #FED7AA !important; border-color: #FB923C; } .jnews-dark-mode .tot-cta-btn-alt .elementor-button:hover .elementor-button-text, .jnews-dark-mode .tot-cta-btn-alt .elementor-button:hover .elementor-button-icon, .jnews-dark-mode .tot-cta-btn-alt .elementor-button:hover i, .jnews-dark-mode .tot-cta-btn-alt .elementor-button:hover svg { color: #FED7AA !important; } /* ========================================================================== 13. PAGE ADDITIONS — culinary-tours v4 gateway (11 Sep 2026) Same additions block as the private-guides landing, with this page's media crops (landscape scenes, 4:3) and a pull-quote blockquote reset. ========================================================================== */ body.elementor-page-30585 .elementor-widget-heading h1 { font-family: 'Newsreader', serif; font-weight: 700; font-size: 46px; line-height: 1.08; letter-spacing: -0.01em; color: #0C4A6E; text-wrap: balance; margin: 0; } @media (max-width: 767px) { body.elementor-page-30585 .elementor-widget-heading h1 { font-size: 32px; } } body.elementor-page-30585 .elementor-widget-heading h2, body.elementor-page-30585 .elementor-widget-heading h3 { color: #0C4A6E; } /* ---- Rhythm: the flex gap is the single source of spacing between blocks ---- */ body.elementor-page-30585 .elementor-widget-text-editor p:last-child, body.elementor-page-30585 .elementor-widget-text-editor ul:last-child { margin-bottom: 0; } body.elementor-page-30585 .pullquote { margin: 0; } body.elementor-page-30585 .tot-cta-card { margin: 0; } body.elementor-page-30585 .elementor-widget-text-editor a, body.elementor-page-30585 .elementor-tab-content a { color: #6EC1E4; } body.elementor-page-30585 .elementor-widget-text-editor a:hover, body.elementor-page-30585 .elementor-tab-content a:hover { color: #2b8fc4; } body.elementor-page-30585 .elementor-widget-text-editor ul, body.elementor-page-30585 .elementor-tab-content ul { list-style: square; padding-left: 1.4em; margin: 0 0 1em; } body.elementor-page-30585 .elementor-widget-text-editor li, body.elementor-page-30585 .elementor-tab-content li { margin: 0 0 6px; } body.elementor-page-30585 .didyouknow, body.elementor-page-30585 .didyouknow p, body.elementor-page-30585 .didyouknow li { font-size: 17px; line-height: 1.6; } body.elementor-page-30585 .elementor-accordion .elementor-accordion-title { font-family: 'Newsreader', serif; font-weight: 600; font-size: 21px; line-height: 1.3; } body.elementor-page-30585 .elementor-accordion .elementor-tab-content, body.elementor-page-30585 .elementor-accordion .elementor-tab-content p { font-family: 'Roboto', sans-serif; font-size: 17px; line-height: 1.7; color: #1f2937; } body.elementor-page-30585 .tot-hero-media img, body.elementor-page-30585 .tot-guide-media img { width: 100%; object-fit: cover; border-radius: 14px; display: block; } body.elementor-page-30585 .tot-hero-media img { aspect-ratio: 1 / 1; } body.elementor-page-30585 .tot-guide-media img { aspect-ratio: 4 / 3; } /* desktop: the photo fills its column's full height beside the text */ @media (min-width: 768px) { body.elementor-page-30585 .tot-hero-media, body.elementor-page-30585 .tot-guide-media, body.elementor-page-30585 .tot-hero-media .elementor-widget-container, body.elementor-page-30585 .tot-guide-media .elementor-widget-container { height: 100%; } body.elementor-page-30585 .tot-hero-media img, body.elementor-page-30585 .tot-guide-media img { aspect-ratio: auto; height: 100%; } } @media (max-width: 767px) { body.elementor-page-30585 .tot-guide-media img { aspect-ratio: 3 / 2; } } body.elementor-page-30585 .tot-trust { background: #F0F9FF; border-radius: 12px; padding: 14px 22px; } body.elementor-page-30585 .tot-trust, body.elementor-page-30585 .tot-trust p { font-size: 15px; line-height: 1.6; color: #334155; text-align: center; margin: 0; } body.elementor-page-30585 .tot-trust strong { color: #0C4A6E; } body.elementor-page-30585 .tot-trust a, body.elementor-page-30585 .tot-trust a strong { color: #C2410C; } /* pull-quote written as a real
for machine readability; neutralise any theme/editor blockquote chrome inside it */ body.elementor-page-30585 .pullquote blockquote { margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; } body.elementor-page-30585 .tot-quote-by, body.elementor-page-30585 .tot-quote-by p { font-size: 14px; line-height: 1.5; color: #64748b; margin: -6px 0 0 28px; } .tot-cta-card .totc-body { padding: 22px 26px; } .tot-form-lede, .tot-form-lede .elementor-heading-title { font-family: 'Newsreader', serif; font-size: 22px; font-weight: 600; line-height: 1.3; color: #0C4A6E; margin: 0 0 4px; } body.elementor-page-30585 .tot-book .elementor-field-group label { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 500; color: #334155; } body.elementor-page-30585 .tot-book .elementor-button[type="submit"] { min-height: 46px; } @media (prefers-reduced-motion: reduce) { .tot-cta-card, body.elementor-page-30585 .totc-review, body.elementor-page-30585 a { transition: none; } .tot-cta-card:hover { transform: none; } } /* ========================================================================== 14. DARK MODE — page additions ========================================================================== */ body.elementor-page-30585.jnews-dark-mode .elementor-widget-heading h1 { color: #F1F5F9; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-heading h2, body.elementor-page-30585.jnews-dark-mode .elementor-widget-heading h3 { color: #F1F5F9; } body.elementor-page-30585.jnews-dark-mode .tot-trust { background: #152B3A; } body.elementor-page-30585.jnews-dark-mode .tot-trust, body.elementor-page-30585.jnews-dark-mode .tot-trust p { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .tot-trust strong { color: #F1F5F9; } body.elementor-page-30585.jnews-dark-mode .tot-trust a, body.elementor-page-30585.jnews-dark-mode .tot-trust a strong { color: #FDBA74 !important; } body.elementor-page-30585.jnews-dark-mode .tot-quote-by, body.elementor-page-30585.jnews-dark-mode .tot-quote-by p { color: #9FB3C4; } .jnews-dark-mode .tot-form-lede, .jnews-dark-mode .tot-form-lede .elementor-heading-title { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .tot-book { background-color: #0F2A3D !important; } body.elementor-page-30585.jnews-dark-mode .tot-book .elementor-field-group label { color: #CBD5E1; } /* ========================================================================== 15. FULL-BLEED VARIANT BANDS (explicit colours; identical in both themes) ========================================================================== */ body.elementor-page-30585 .tot-hero-full .elementor-widget-heading h1 { color: #FFFFFF; font-size: 54px; } @media (max-width: 767px) { body.elementor-page-30585 .tot-hero-full .elementor-widget-heading h1 { font-size: 34px; } } body.elementor-page-30585 .tot-hero-full .lead p:first-of-type { color: #E2E8F0; } body.elementor-page-30585 .tot-band-dark .elementor-widget-heading h2, body.elementor-page-30585 .tot-band-dark .elementor-widget-heading h3 { color: #F1F5F9; } body.elementor-page-30585 .tot-band-dark .elementor-widget-text-editor, body.elementor-page-30585 .tot-band-dark .elementor-widget-text-editor p, body.elementor-page-30585 .tot-band-dark .elementor-widget-text-editor li { color: #CBD5E1; } body.elementor-page-30585 .tot-band-dark .elementor-widget-text-editor strong { color: #F1F5F9; } body.elementor-page-30585 .tot-band-dark .elementor-widget-text-editor a, body.elementor-page-30585 .tot-band-dark .elementor-widget-text-editor a strong { color: #7DD3FC; } body.elementor-page-30585 .tot-band-dark .elementor-widget-text-editor a:hover, body.elementor-page-30585 .tot-band-dark .elementor-widget-text-editor a:hover strong { color: #BAE6FD; } body.elementor-page-30585 .tot-band-dark .pullquote, body.elementor-page-30585 .tot-band-dark .pullquote blockquote, body.elementor-page-30585 .tot-band-dark .pullquote p { color: #F1F5F9; } body.elementor-page-30585 .tot-band-dark .pullquote { border-left-color: #FB923C; } body.elementor-page-30585 .tot-band-dark .tot-quote-by, body.elementor-page-30585 .tot-band-dark .tot-quote-by p, body.elementor-page-30585 .tot-band-dark .tot-quote-by em { color: #9FB3C4; } body.elementor-page-30585 .tot-band-dark .tot-cta-btn-alt .elementor-button, body.elementor-page-30585 .tot-band-dark .tot-cta-btn-alt a.elementor-button { color: #FDBA74 !important; border-color: rgba(251, 146, 60, .55); } body.elementor-page-30585 .tot-band-dark .tot-cta-btn-alt .elementor-button .elementor-button-text, body.elementor-page-30585 .tot-band-dark .tot-cta-btn-alt .elementor-button .elementor-button-content-wrapper { color: #FDBA74 !important; } body.elementor-page-30585 .tot-band-dark .tot-cta-btn-alt .elementor-button:hover, body.elementor-page-30585 .tot-band-dark .tot-cta-btn-alt a.elementor-button:hover { background: rgba(249, 115, 22, .14) !important; color: #FED7AA !important; border-color: #FB923C; } body.elementor-page-30585 .tot-band-dark .tot-cta-btn-alt .elementor-button:hover .elementor-button-text { color: #FED7AA !important; } body.elementor-page-30585 .tot-band-dark .tot-form-lede, body.elementor-page-30585 .tot-band-dark .tot-form-lede .elementor-heading-title { color: #F1F5F9; } body.elementor-page-30585 .tot-band-dark .elementor-field-group label { color: #CBD5E1; } body.elementor-page-30585 .tot-band-tint .tot-trust { background: transparent; padding: 6px 0; } body.elementor-page-30585 .tot-band-tint .didyouknow { background: #FFFFFF; } /* ========================================================================== 15b. REVIEW CARD SOURCE LINKS (pinned over the kit's link colour) ========================================================================== */ body.elementor-page-30585 .totc-role a, body.elementor-page-30585 .totc-role a:visited { color: #C2410C !important; text-decoration: none; } body.elementor-page-30585 .totc-role a:hover { color: #9A3412 !important; text-decoration: underline; } /* ========================================================================== 15c. HOUSE COMPONENTS - icon trust bar, labelled icon row, comparison table ========================================================================== */ /* Trust bar: one icon per fact, wraps on small screens */ body.elementor-page-30585 .tot-trustbar { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 40px; } body.elementor-page-30585 .tot-trustfact { display: flex; align-items: center; gap: 10px; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; color: #0C4A6E; } body.elementor-page-30585 .tot-trustfact strong { font-weight: 700; } body.elementor-page-30585 .tot-trust-ico { width: 34px; height: 34px; flex: none; } /* Labelled icon row */ body.elementor-page-30585 .tot-kindsrow { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 2px 0 4px; } body.elementor-page-30585 .tot-kind { display: flex; align-items: center; gap: 10px; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 600; color: #0C4A6E; } body.elementor-page-30585 .tot-kind-ico { width: 34px; height: 34px; flex: none; } /* Comparison table */ body.elementor-page-30585 .tot-table-wrap { overflow-x: auto; margin: 6px 0 2px; } body.elementor-page-30585 .tot-table { width: 100%; border-collapse: collapse; font-size: 16.5px; min-width: 520px; } body.elementor-page-30585 .tot-table th { text-align: left; font-family: 'Newsreader', Georgia, serif; font-size: 15px; letter-spacing: .04em; text-transform: uppercase; color: #0C4A6E; border-bottom: 2px solid #EA580C; padding: 10px 14px 8px 0; } body.elementor-page-30585 .tot-table td { padding: 11px 14px 11px 0; border-bottom: 1px solid #E2E8F0; color: #334155; vertical-align: top; } body.elementor-page-30585 .tot-table tr:last-child td { border-bottom: none; } body.elementor-page-30585 .tot-table td strong { color: #0C4A6E; } /* ========================================================================== 19. V4 GATEWAY (value lattice, routing rail, full-bleed folds) ========================================================================== */ /* --- the fold: every band owns its ground, so the page reads as a sequence of rooms rather than a scroll of prose. Width is handled by the container; this only owns the inner alignment to the 1140 frame. --------------------------- */ body.elementor-page-30585 .tot-fold-pad { padding-left: max(20px, calc((100vw - 1140px) / 2)); padding-right: max(20px, calc((100vw - 1140px) / 2)); } @media (max-width: 767px) { body.elementor-page-30585 .tot-fold-pad { padding-left: 16px !important; padding-right: 16px !important; } } /* --- value lattice --------------------------------------------------------- NOT a card grid. One continuous field cut by hairline rules, so six values read as one argument instead of six boxes. 🔴 Fixed 3 columns, not auto-fit: auto-fit at minmax(260px) resolved to FOUR on a 1140 frame, which left a six-item lattice with two filled cells and two holes on its second row. A lattice's column count has to divide its item count. */ body.elementor-page-30585 .tot-lattice { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid rgba(255,255,255,.18); border-left: 1px solid rgba(255,255,255,.18); margin: 6px 0 0; } @media (max-width: 999px) { body.elementor-page-30585 .tot-lattice { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 599px) { body.elementor-page-30585 .tot-lattice { grid-template-columns: 1fr; } } body.elementor-page-30585 .tot-lattice > div { border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); padding: 30px 28px 32px; min-width: 0; } /* The icon is a MASK, not a filtered PNG: a filter chain that tries to reach amber from navy is guesswork and measured as a washed grey. A mask paints the exact token colour, and it is the same PNG either way. */ body.elementor-page-30585 .tot-lattice .tot-ico { display: block; width: 44px; height: 44px; margin: 0 0 18px; background-color: #FDBA74; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } body.elementor-page-30585 .tot-lattice h4 { font-family: 'Newsreader', Georgia, serif; font-size: 21px; line-height: 1.25; font-weight: 600; color: #FFFFFF; margin: 0 0 9px; text-wrap: balance; } body.elementor-page-30585 .tot-lattice p { font-family: 'Roboto', system-ui, sans-serif; font-size: 16px; line-height: 1.62; color: #CBD5E1; margin: 0; max-width: 42ch; text-wrap: pretty; } /* --- routing rail ---------------------------------------------------------- The doors. A destination, a reason, a whole-tile hit area. */ body.elementor-page-30585 .tot-routes { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 14px; margin: 8px 0 0; } body.elementor-page-30585 .tot-route { display: block; padding: 22px 24px 24px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.20); border-radius: 14px; text-decoration: none !important; /* 180ms, strong ease-out: a hover is seen tens of times a day, so it has to feel instant. 280ms read as the tile lagging the cursor. */ transition: background-color 180ms cubic-bezier(.23,1,.32,1), border-color 180ms cubic-bezier(.23,1,.32,1), transform 180ms cubic-bezier(.23,1,.32,1); } /* hover only where a hover exists: touch fires it on tap and leaves the tile raised */ @media (hover: hover) and (pointer: fine) { body.elementor-page-30585 .tot-route:hover { background: rgba(255,255,255,.11); border-color: rgba(253,186,116,.75); transform: translateY(-2px); } } body.elementor-page-30585 .tot-route:focus-visible { background: rgba(255,255,255,.11); border-color: rgba(253,186,116,.75); outline: 2px solid #FDBA74; outline-offset: 2px; } /* press feedback: the interface heard the tap */ body.elementor-page-30585 .tot-route:active { transform: scale(.985); transition-duration: 120ms; } body.elementor-page-30585 .tot-route span.r-t { display: block; font-family: 'Newsreader', Georgia, serif; font-size: 19px; font-weight: 600; line-height: 1.3; color: #FFFFFF !important; margin: 0 0 6px; } body.elementor-page-30585 .tot-route span.r-d { display: block; font-family: 'Roboto', system-ui, sans-serif; font-size: 15px; line-height: 1.55; color: #CBD5E1 !important; margin: 0; } /* 🔴 A LITERAL arrow glyph, never the CSS escape. `update_post_meta` unslashes what it stores, so `content: "2192"` loses its backslash on the way into _elementor_page_settings and the tile prints the digits 2192. Measured on tot-test-2, 6 Sep. Same class of bug the house CSS hit with its curly quotes. */ /* The space before the arrow is a LITERAL no-break space (U+00A0), so the arrow can never wrap onto a line of its own. An orphaned arrow under a two-line title read as a bug on three of the eight tiles. */ body.elementor-page-30585 .tot-route span.r-t::after { content: " →"; color: #FDBA74; font-weight: 400; } @media (prefers-reduced-motion: reduce) { body.elementor-page-30585 .tot-route { transition: background-color .01ms linear; } body.elementor-page-30585 .tot-route:hover, body.elementor-page-30585 .tot-route:focus-visible { transform: none; } } /* --- face row: three guides as a row of portraits, nav-paced ---------------- 🔴 A FIXED height, not height:100%. The roster's photographs are a mix of portrait and landscape, so height:100% let each one keep its own aspect and the tallest pushed its whole column out of line with the other two. A face row is a row. */ body.elementor-page-30585 .tot-face-media img { width: 100%; height: 360px; object-fit: cover; object-position: center 26%; } @media (max-width: 767px) { body.elementor-page-30585 .tot-face-media img { height: 280px; } } /* Each face column is a flex column; pushing the actions row to the bottom lines the three buttons up even when the credential lines run 2, 3 and 4 lines. */ body.elementor-page-30585 .tot-face { display: flex; flex-direction: column; } body.elementor-page-30585 .tot-face > .e-con-inner, body.elementor-page-30585 .tot-face .tot-cta-actions { margin-top: auto; } /* --- step strip: a REAL sequence, so the numerals are earned --------------- Four light tiles on a photo fold: a different family from the navy route rail, the navy lattice and the white/tint splits, so the page keeps changing shape. */ body.elementor-page-30585 .tot-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 10px 0 0; } @media (max-width: 999px) { body.elementor-page-30585 .tot-steps { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 599px) { body.elementor-page-30585 .tot-steps { grid-template-columns: 1fr; } } body.elementor-page-30585 .tot-step { background: rgba(255,255,255,.94); border-radius: 14px; padding: 22px 22px 24px; min-width: 0; } body.elementor-page-30585 .tot-step b { display: block; font-family: 'Newsreader', Georgia, serif; font-weight: 700; font-size: 30px; line-height: 1; color: #EA580C; margin: 0 0 12px; } body.elementor-page-30585 .tot-step h4 { font-family: 'Newsreader', Georgia, serif; font-size: 20px; line-height: 1.25; font-weight: 600; color: #0C4A6E !important; margin: 0 0 8px; text-wrap: balance; } body.elementor-page-30585 .tot-step p { font-family: 'Roboto', system-ui, sans-serif; font-size: 15.5px; line-height: 1.58; color: #334155 !important; margin: 0; } /* --- shape list: the six things that decide a quote, scannable, no paragraph ------- */ body.elementor-page-30585 .tot-shape { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 32px; margin: 6px 0 0; } @media (max-width: 767px) { body.elementor-page-30585 .tot-shape { grid-template-columns: 1fr; } } body.elementor-page-30585 .tot-shape div { border-top: 1px solid #E2E8F0; padding: 16px 0 18px; min-width: 0; } body.elementor-page-30585 .tot-shape h4 { font-family: 'Newsreader', Georgia, serif; font-size: 20px; line-height: 1.25; font-weight: 600; color: #0C4A6E; margin: 0 0 6px; } body.elementor-page-30585 .tot-shape p { font-family: 'Roboto', system-ui, sans-serif; font-size: 16px; line-height: 1.58; color: #334155; margin: 0; } /* --- press feedback on every house button: the house CSS transitions hover but has no :active, so a tap gave nothing back. 120ms, scale only. ------------------------- */ body.elementor-page-30585 .tot-cta-btn .elementor-button, body.elementor-page-30585 .tot-cta-btn-alt .elementor-button, body.elementor-page-30585 .elementor-button[type="submit"] { transition: transform 120ms cubic-bezier(.23,1,.32,1), background-color .2s ease, color .2s ease, border-color .2s ease; } body.elementor-page-30585 .tot-cta-btn .elementor-button:active, body.elementor-page-30585 .tot-cta-btn-alt .elementor-button:active, body.elementor-page-30585 .elementor-button[type="submit"]:active { transform: scale(.97); } @media (prefers-reduced-motion: reduce) { body.elementor-page-30585 .tot-cta-btn .elementor-button:active, body.elementor-page-30585 .tot-cta-btn-alt .elementor-button:active, body.elementor-page-30585 .elementor-button[type="submit"]:active, body.elementor-page-30585 .tot-route:active { transform: none; } } /* --- comparison table on a phone ------------------------------------------- Three prose columns do not fit 390px; the house .tot-table-wrap falls back to a horizontal scroll, which on a nav page reads as a cut-off column (measured: the "Group tour" column clipped at the viewport edge). Under 600px each row becomes a block: the label full width, the two values side by side with their column name restated as a literal-text ::before, so nothing depends on the hidden header. */ @media (max-width: 599px) { body.elementor-page-30585 .tot-table-wrap { overflow: visible; } /* the house component sets a min-width so the columns never crush; on a phone the columns no longer exist, so the floor goes with them */ body.elementor-page-30585 .tot-table, body.elementor-page-30585 .tot-table tbody { display: block; width: 100%; min-width: 0 !important; } body.elementor-page-30585 .tot-table thead { display: none; } body.elementor-page-30585 .tot-table tr { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 14px; padding: 12px 0 14px; border-bottom: 1px solid #E2E8F0; } body.elementor-page-30585 .tot-table tr:last-child { border-bottom: none; } body.elementor-page-30585 .tot-table td { display: block; border: none !important; padding: 0 !important; } body.elementor-page-30585 .tot-table td:first-child { grid-column: 1 / -1; padding-bottom: 2px !important; } body.elementor-page-30585 .tot-table td:nth-child(2)::before, body.elementor-page-30585 .tot-table td:nth-child(3)::before { display: block; font: 600 11px/1.4 'Roboto', system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #64748B; margin: 0 0 2px; } body.elementor-page-30585 .tot-table td:nth-child(2)::before { content: "Private day"; } body.elementor-page-30585 .tot-table td:nth-child(3)::before { content: "Group tour"; } } /* --- ordered lists --------------------------------------------------------- Elementor Full Width has no .entry-content, so the theme's OL styling never arrives and a numbered sequence renders with no numbers at all. */ body.elementor-page-30585 .elementor-widget-text-editor ol { list-style: decimal; padding-left: 24px; margin: 0 0 16px; } body.elementor-page-30585 .elementor-widget-text-editor ol > li { margin: 0 0 13px; padding-left: 4px; } body.elementor-page-30585 .elementor-widget-text-editor ol > li::marker { color: #EA580C; font-weight: 700; } body.elementor-page-30585 .tot-fold-dark .elementor-widget-text-editor ol > li::marker { color: #FDBA74; } /* --- kit pins: values measured on LIVE, because the tot-test-2 kit is empty and paints both of these green. Reference pages /private-istanbul-tour-guides/ and /services/culinary-tours/, 6 Sep. ------------------------------------------ */ body.elementor-page-30585 .elementor-accordion .elementor-accordion-title, body.elementor-page-30585 a.elementor-accordion-title { color: #0C4A6E !important; font-family: 'Newsreader', Georgia, serif !important; font-size: 21px !important; } /* 🔴 Reconciler, 11 Sep (brief B7, dmc-partners' finding). The OPEN item's +/- mark is not covered by the title pin above, and the tot-test-2 kit is empty, so Elementor paints it its stock accent #61CE70. Measured: stock green on an open FAQ item on six of the seven institutional pages. Pin the mark and the open row with the house colours. */ body.elementor-page-30585 .elementor-accordion .elementor-tab-title.elementor-active, body.elementor-page-30585 .elementor-toggle .elementor-tab-title.elementor-active { background: #F0F9FF; color: #0C4A6E; } body.elementor-page-30585 .elementor-accordion .elementor-active .elementor-accordion-icon, body.elementor-page-30585 .elementor-accordion .elementor-active .elementor-accordion-icon i, body.elementor-page-30585 .elementor-accordion .elementor-active .elementor-accordion-icon svg, body.elementor-page-30585 .elementor-accordion .elementor-tab-title .elementor-accordion-icon, body.elementor-page-30585 .elementor-accordion .elementor-tab-title .elementor-accordion-icon i, body.elementor-page-30585 .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg { color: #EA580C !important; fill: #EA580C !important; } body.elementor-page-30585 .elementor-button[type="submit"] { background-color: #EA580C !important; color: #ffffff !important; border-radius: 8px !important; } /* --- oversized fold heading, one per fold ---------------------------------- */ body.elementor-page-30585 .tot-fold h2.elementor-heading-title, body.elementor-page-30585 .tot-fold .elementor-widget-heading h2 { font-size: clamp(28px, 3.1vw, 40px); line-height: 1.14; letter-spacing: -0.015em; text-wrap: balance; } body.elementor-page-30585 .tot-fold-dark h2.elementor-heading-title, body.elementor-page-30585 .tot-fold-dark .elementor-widget-heading h2, body.elementor-page-30585 .tot-fold-dark .elementor-widget-heading h3 { color: #FFFFFF !important; } body.elementor-page-30585 .tot-fold-dark .elementor-widget-text-editor, body.elementor-page-30585 .tot-fold-dark .elementor-widget-text-editor p, body.elementor-page-30585 .tot-fold-dark .elementor-widget-text-editor li { color: #CBD5E1; } body.elementor-page-30585 .tot-fold-dark .elementor-widget-text-editor a, body.elementor-page-30585 .tot-fold-dark .elementor-widget-text-editor a strong { color: #7DD3FC; } /* hero: the photograph is the design, so the type sits on it rather than beside it */ body.elementor-page-30585 .tot-fold-hero h1.elementor-heading-title, body.elementor-page-30585 .tot-fold-hero h1 { color: #FFFFFF !important; font-size: clamp(34px, 4.4vw, 60px); line-height: 1.06; letter-spacing: -0.02em; text-wrap: balance; } body.elementor-page-30585 .tot-fold-hero .elementor-widget-text-editor, body.elementor-page-30585 .tot-fold-hero .elementor-widget-text-editor p { color: #E2E8F0; font-size: 19px; line-height: 1.62; max-width: 56ch; } /* --- 20. culinary-tours v4: the price menu, its tabs, the photo folds --------- */ /* The menu is the page's reference content: 24 tours in four tabs, name and price on one line with a dotted leader, the stops underneath. Prices are #C2410C, not the house orange: #EA580C on white is 3.56:1, and a price is text a reader must read. */ body.elementor-page-30585 .tot-menu-tabs .elementor-tabs-wrapper { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid #E2E8F0; } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-title { font: 600 16px/1.2 'Roboto', system-ui, sans-serif; color: #334155; border: 0 !important; cursor: pointer; transition: color 160ms cubic-bezier(.23,1,.32,1), border-color 160ms cubic-bezier(.23,1,.32,1); } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-desktop-title { padding: 14px 18px 12px !important; border-bottom: 3px solid transparent !important; margin-bottom: -1px; } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-title a { color: inherit !important; text-decoration: none !important; } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-title.elementor-active { color: #0C4A6E; } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-desktop-title.elementor-active { border-bottom-color: #EA580C !important; } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-title::before, body.elementor-page-30585 .tot-menu-tabs .elementor-tab-title::after { display: none !important; } @media (hover: hover) and (pointer: fine) { body.elementor-page-30585 .tot-menu-tabs .elementor-tab-title:hover { color: #0C4A6E; } } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-title:focus-visible { outline: 2px solid #EA580C; outline-offset: 2px; } body.elementor-page-30585 .tot-menu-tabs .elementor-tabs-content-wrapper, body.elementor-page-30585 .tot-menu-tabs .elementor-tab-content { border: 0 !important; } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-content { padding: 8px 0 0 !important; } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-mobile-title { padding: 16px 0 !important; border-top: 1px solid #E2E8F0 !important; color: #0C4A6E; } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-mobile-title.elementor-active { color: #C2410C; } /* 🔴 On a phone Elementor collapses the open panel and shows a title above each one, so tapping "Mornings" moved the tapped title 667px off screen (critique A, 11 Sep, measured at 390). The desktop tab row stays instead, as a 2x2 grid of 48px buttons, and the per-panel titles are hidden. 🔴 It must come AFTER the desktop tab rules: first placed above them, the equal-specificity desktop rules won and the active button printed navy text on navy with no borders on the others. */ @media (max-width: 767px) { body.elementor-page-30585 .tot-menu-tabs .elementor-tabs-wrapper { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; border-bottom: 0 !important; margin: 0 0 8px; } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-desktop-title { display: flex !important; align-items: center; justify-content: center; min-height: 48px; padding: 10px 12px !important; margin: 0; text-align: center; border: 1px solid #CBD5E1 !important; border-radius: 8px; } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-desktop-title.elementor-active { background: #0C4A6E !important; color: #FFFFFF !important; border-color: #0C4A6E !important; } body.elementor-page-30585 .tot-menu-tabs .elementor-tab-mobile-title { display: none !important; } } body.elementor-page-30585 .tot-menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; } @media (max-width: 767px) { body.elementor-page-30585 .tot-menu { grid-template-columns: 1fr; } } body.elementor-page-30585 .tot-menu-item { border-top: 1px solid #E2E8F0; padding: 18px 0 20px; min-width: 0; } body.elementor-page-30585 .tot-menu-tabs .tot-menu-item:nth-child(-n+2) { border-top-color: transparent; } @media (max-width: 767px) { body.elementor-page-30585 .tot-menu-tabs .tot-menu-item:nth-child(2) { border-top-color: #E2E8F0; } } body.elementor-page-30585 .tot-menu-head { display: flex; align-items: baseline; gap: 10px; } body.elementor-page-30585 .tot-menu-item h3 { font-family: 'Newsreader', Georgia, serif; font-size: 21px; line-height: 1.25; font-weight: 600; color: #0C4A6E; margin: 0; text-wrap: balance; } body.elementor-page-30585 .tot-menu-lead { flex: 1 1 24px; min-width: 24px; border-bottom: 1px dotted #94A3B8; transform: translateY(-5px); } body.elementor-page-30585 .tot-menu-price { font: 700 19px/1 'Roboto', system-ui, sans-serif; font-variant-numeric: tabular-nums; color: #C2410C; white-space: nowrap; } body.elementor-page-30585 .tot-menu-item p { font-family: 'Roboto', system-ui, sans-serif; font-size: 16px; line-height: 1.6; color: #334155; margin: 8px 0 0; max-width: 62ch; text-wrap: pretty; } /* 🔴 Keyboard focus was invisible on buttons, links, FAQ rows and inputs (critique A, 11 Sep). */ body.elementor-page-30585 .tot-fold a:focus-visible, body.elementor-page-30585 .tot-fold .elementor-button:focus-visible, body.elementor-page-30585 .tot-fold .elementor-tab-title:focus-visible, body.elementor-page-30585 .tot-fold .elementor-accordion-title:focus-visible { outline: 2px solid #EA580C !important; outline-offset: 3px; border-radius: 2px; } body.elementor-page-30585 .tot-fold-dark a:focus-visible, body.elementor-page-30585 .tot-fold-dark .elementor-button:focus-visible { outline-color: #FDBA74 !important; } body.elementor-page-30585 .tot-fold .elementor-tab-content:focus-visible { outline: 2px solid #EA580C; outline-offset: 6px; } body.elementor-page-30585 .tot-fold .elementor-field-group .elementor-field:focus { outline: none; box-shadow: 0 0 0 3px rgba(253,186,116,.65) !important; } /* inputs and the send button reach a 48px touch target */ body.elementor-page-30585 .tot-fold .elementor-field-group:not(.elementor-field-type-textarea) .elementor-field, body.elementor-page-30585 .tot-fold .elementor-button[type="submit"] { min-height: 48px; } /* the line under the send button is a note, not a second headline */ body.elementor-page-30585 .tot-form-after, body.elementor-page-30585 .tot-form-after p { font-size: 15px; line-height: 1.55; margin: 0; } /* FAQ titles that wrap on a phone line up under their own text, not under the + icon */ body.elementor-page-30585 .tot-fold .elementor-accordion .elementor-tab-title { display: flex; align-items: baseline; gap: 10px; } body.elementor-page-30585 .tot-fold .elementor-accordion .elementor-accordion-icon { flex: none; float: none; } /* 🔴 Item headings are h3, not the shared components' h4: a fold's h2 followed by an h4 skips a level (impeccable detector, 11 Sep). The components' h4 type is restated on h3 so nothing looks different. */ body.elementor-page-30585 .tot-lattice h3 { font-family: 'Newsreader', Georgia, serif; font-size: 21px; line-height: 1.25; font-weight: 600; color: #FFFFFF; margin: 0 0 9px; text-wrap: balance; text-transform: none; letter-spacing: normal; } body.elementor-page-30585 .tot-step h3 { font-family: 'Newsreader', Georgia, serif; font-size: 20px; line-height: 1.25; font-weight: 600; color: #0C4A6E !important; margin: 0 0 8px; text-wrap: balance; text-transform: none; letter-spacing: normal; } body.elementor-page-30585 .tot-shape h3 { font-family: 'Newsreader', Georgia, serif; font-size: 20px; line-height: 1.25; font-weight: 600; color: #0C4A6E; margin: 0 0 6px; text-transform: none; letter-spacing: normal; } /* 🔴 Prose never runs the whole 1140 frame: measured ~127 characters a line at 1440 (detector, 11 Sep). */ body.elementor-page-30585 .tot-fold .elementor-widget-text-editor p { max-width: 72ch; } body.elementor-page-30585 .tot-fold .elementor-accordion { max-width: 900px; } /* the venue write-ups: the name is the link, navy with an orange underline, never the kit blue */ body.elementor-page-30585 .tot-eat h3 a { color: #0C4A6E !important; text-decoration: underline; text-decoration-thickness: 2px; text-decoration-color: rgba(234,88,12,.55); text-underline-offset: 4px; transition: color 160ms cubic-bezier(.23,1,.32,1); } @media (hover: hover) and (pointer: fine) { body.elementor-page-30585 .tot-eat h3 a:hover { color: #C2410C !important; } } /* the venue names were 22px-tall tap targets; padding lifts the hit area without moving the text */ body.elementor-page-30585 .tot-eat h3 a { display: inline-block; padding: 6px 0; margin: -6px 0; } body.elementor-page-30585 .tot-eat h3 a:active, body.elementor-page-30585 .tot-menu-tabs .elementor-tab-title:active { color: #C2410C !important; } /* 🔴 Elementor drops a container's custom background-position, so every photo fold pins its own. */ body.elementor-page-30585 .tot-fold-hero { background-position: 50% 45% !important; } body.elementor-page-30585 .tot-fold-steps { background-position: 50% 40% !important; } /* 🔴 The house scrim fades to 30% on the right; text over a photo is measured from pixels, not by eye. */ body.elementor-page-30585 .tot-fold-hero::before { background-image: linear-gradient(90deg, rgba(8,21,31,1) 0%, rgba(8,21,31,.95) 50%, rgba(8,21,31,.5) 100%) !important; } body.elementor-page-30585 .tot-fold-steps::before { background-image: linear-gradient(90deg, rgba(8,21,31,.97) 0%, rgba(8,21,31,.9) 55%, rgba(8,21,31,.74) 100%) !important; } @media (max-width: 767px) { body.elementor-page-30585 .tot-fold-hero::before { background-image: linear-gradient(180deg, rgba(8,21,31,.92), rgba(8,21,31,.84)) !important; } body.elementor-page-30585 .tot-fold-steps::before { background-image: linear-gradient(180deg, rgba(8,21,31,.96), rgba(8,21,31,.9)) !important; } } /* six doors, three columns, two clean rows: a grid's column count must divide its item count */ @media (min-width: 1000px) { body.elementor-page-30585 .tot-routes { grid-template-columns: repeat(3, 1fr); } } /* the quote attribution measured 4.46:1 on the tint band (house #64748b); slate-600 clears it */ body.elementor-page-30585 .tot-band-tint .tot-quote-by, body.elementor-page-30585 .tot-band-tint .tot-quote-by p, body.elementor-page-30585 .tot-band-tint .tot-quote-by em { color: #475569; } /* band photographs fill their column beside the copy */ body.elementor-page-30585 .tot-band-media, body.elementor-page-30585 .tot-band-media .elementor-widget-container, body.elementor-page-30585 .tot-band-media figure, body.elementor-page-30585 .tot-band-media img { height: 100%; } body.elementor-page-30585 .tot-band-media img { width: 100%; object-fit: cover; display: block; } @media (max-width: 767px) { body.elementor-page-30585 .tot-band-media, body.elementor-page-30585 .tot-band-media img { height: auto; } } /* ========================================================================== 18. PHOTO SLIDES + ENQUIRY FORM (CSS only, 8 Oct 2026) Slides: a framed 3:2 photo with a soft foot scrim, round arrows, pill dots. Form: a tinted panel, 48px fields at 16px type (no iOS zoom), the house orange button. ========================================================================== */ /* ---- slides ---- */ body.elementor-page-30585 .elementor-widget-slides { --tot-ease: cubic-bezier(0.23, 1, 0.32, 1); margin: 6px 0 10px; } body.elementor-page-30585 .elementor-widget-slides .elementor-slides-wrapper { border-radius: 14px; overflow: hidden; border: 1px solid #E2E8F0; box-shadow: 0 1px 2px rgba(12, 74, 110, .06), 0 12px 32px -18px rgba(12, 74, 110, .35); background: #E2E8F0; } /* the widget's own 400px height becomes a 3:2 frame that follows the column width */ body.elementor-page-30585 .elementor-widget-slides .elementor-slides .swiper-slide { height: auto !important; aspect-ratio: 3 / 2; overflow: hidden; /* the Ken Burns zoom of the NEXT photo bled 80px into the current one (live, before this) */ } /* a quiet foot scrim so the dots read on any photo; deeper where the slide carries words */ body.elementor-page-30585 .elementor-widget-slides .swiper-slide::after { content: ""; position: absolute; inset: auto 0 0 0; height: 34%; background: linear-gradient(to top, rgba(10, 24, 34, .50), rgba(10, 24, 34, 0)); pointer-events: none; z-index: 1; } body.elementor-page-30585 .elementor-widget-slides .swiper-slide:has(.elementor-slide-heading, .elementor-slide-description, .elementor-slide-button)::after { height: 72%; background: linear-gradient(to top, rgba(10, 24, 34, .86) 0%, rgba(10, 24, 34, .55) 38%, rgba(10, 24, 34, 0) 100%); } /* the old flat 50% black veil dulls every photo; the gradient does its job only where words sit */ body.elementor-page-30585 .elementor-widget-slides .elementor-background-overlay { background: transparent !important; } body.elementor-page-30585 .elementor-widget-slides .swiper-slide-inner { z-index: 2; } /* captions: bottom-left, editorial, always white (the slide is a link on some pages, and the page's link blue + underline would otherwise colour the heading, the text and the button) */ body.elementor-page-30585 .elementor-widget-slides .swiper-slide-inner, body.elementor-page-30585 .elementor-widget-slides a.swiper-slide-inner { display: flex !important; align-items: flex-end !important; justify-content: flex-start !important; text-align: left !important; padding: 28px 32px 46px !important; text-decoration: none !important; color: #FFFFFF !important; } body.elementor-page-30585 .elementor-widget-slides .swiper-slide-contents { max-width: min(560px, 82%) !important; margin: 0 !important; } body.elementor-page-30585 .elementor-widget-slides .elementor-slide-heading { font-family: 'Newsreader', Georgia, serif !important; font-size: clamp(21px, 2.1vw, 28px) !important; font-weight: 600 !important; line-height: 1.15 !important; letter-spacing: -.1px; color: #FFFFFF !important; text-decoration: none !important; text-shadow: 0 1px 12px rgba(10, 24, 34, .45); margin: 0 0 6px !important; } body.elementor-page-30585 .elementor-widget-slides .elementor-slide-heading::before { display: none !important; } body.elementor-page-30585 .elementor-widget-slides .elementor-slide-description { font-family: 'Roboto', sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.45 !important; color: #E2E8F0 !important; text-decoration: none !important; margin: 0 0 12px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.elementor-page-30585 .elementor-widget-slides .elementor-slide-heading + .elementor-slide-button, body.elementor-page-30585 .elementor-widget-slides .elementor-slide-description:last-child { margin-top: 6px !important; } /* the button: a small white pill with a navy label instead of Elementor's outlined box */ body.elementor-page-30585 .elementor-widget-slides .elementor-slide-button, body.elementor-page-30585 .elementor-widget-slides .elementor-slide-button.elementor-button { display: inline-flex !important; align-items: center; gap: 6px; background: rgba(255, 255, 255, .95) !important; color: #0C4A6E !important; border: 0 !important; border-radius: 999px !important; padding: 8px 16px !important; font-family: 'Roboto', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.2 !important; text-decoration: none !important; text-transform: none !important; box-shadow: 0 2px 10px rgba(10, 24, 34, .25); transition: background-color 160ms ease, color 160ms ease, transform 160ms var(--tot-ease); } body.elementor-page-30585 .elementor-widget-slides .elementor-slide-button::after { content: "→"; } body.elementor-page-30585 .elementor-widget-slides a.swiper-slide-inner:active .elementor-slide-button, body.elementor-page-30585 .elementor-widget-slides .elementor-slide-button:active { transform: scale(.97); } /* arrows: white discs, navy chevrons */ body.elementor-page-30585 .elementor-widget-slides .elementor-swiper-button { width: 42px; height: 42px; border-radius: 50%; background: rgba(255, 255, 255, .94); color: #0C4A6E; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(10, 24, 34, .22); font-size: 15px; z-index: 3; transition: transform 160ms var(--tot-ease), background-color 160ms ease; } body.elementor-page-30585 .elementor-widget-slides .elementor-swiper-button svg { width: 15px; height: 15px; fill: #0C4A6E; } body.elementor-page-30585 .elementor-widget-slides .elementor-swiper-button-prev { left: 14px; } body.elementor-page-30585 .elementor-widget-slides .elementor-swiper-button-next { right: 14px; } body.elementor-page-30585 .elementor-widget-slides .elementor-swiper-button:active { transform: translateY(-50%) scale(.92); } /* dots: small white rounds, the current one an orange pill */ body.elementor-page-30585 .elementor-widget-slides .swiper-pagination { bottom: 16px !important; left: auto !important; right: 20px !important; width: auto !important; text-align: right; z-index: 3; } body.elementor-page-30585 .elementor-widget-slides .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 4px !important; border-radius: 999px; background: #FFFFFF; opacity: .6; transition: width 200ms var(--tot-ease), opacity 160ms ease, background-color 160ms ease; } body.elementor-page-30585 .elementor-widget-slides .swiper-pagination-bullet-active { width: 22px; opacity: 1; background: #EA580C; } @media (hover: hover) and (pointer: fine) { body.elementor-page-30585 .elementor-widget-slides .elementor-swiper-button:hover { background: #FFFFFF; } body.elementor-page-30585 .elementor-widget-slides .swiper-pagination-bullet:hover { opacity: .9; } body.elementor-page-30585 .elementor-widget-slides a.swiper-slide-inner:hover .elementor-slide-button { background: #FFFFFF !important; color: #C2410C !important; } } @media (max-width: 600px) { body.elementor-page-30585 .elementor-widget-slides .elementor-slides-wrapper { border-radius: 12px; } /* phones swipe; the arrows only covered the caption */ body.elementor-page-30585 .elementor-widget-slides .elementor-swiper-button { display: none !important; } body.elementor-page-30585 .elementor-widget-slides .swiper-slide-inner { padding: 16px 16px 34px !important; } /* on a phone the caption fills most of the photo's height: shade all of it (measured 30 of 82 captions under 4.5:1 without) */ body.elementor-page-30585 .elementor-widget-slides .swiper-slide:has(.elementor-slide-heading, .elementor-slide-description, .elementor-slide-button)::after { height: 100%; background: linear-gradient(to top, rgba(10, 24, 34, .92) 0%, rgba(10, 24, 34, .78) 45%, rgba(10, 24, 34, .45) 80%, rgba(10, 24, 34, .25) 100%); } body.elementor-page-30585 .elementor-widget-slides .swiper-slide-contents { max-width: 100% !important; } body.elementor-page-30585 .elementor-widget-slides .elementor-slide-heading { font-size: 19px !important; } body.elementor-page-30585 .elementor-widget-slides .elementor-slide-description { font-size: 13.5px !important; -webkit-line-clamp: 2; margin-bottom: 8px !important; } body.elementor-page-30585 .elementor-widget-slides .elementor-slide-button { font-size: 13px !important; padding: 6px 12px !important; } body.elementor-page-30585 .elementor-widget-slides .swiper-pagination { bottom: 12px !important; right: 14px !important; } } /* ---- enquiry form ---- */ body.elementor-page-30585 .elementor-widget-form .elementor-form { --tot-ease: cubic-bezier(0.23, 1, 0.32, 1); background: #F0F9FF; border: 1px solid #E2E8F0; border-radius: 16px; padding: 28px 28px 24px; } body.elementor-page-30585 .elementor-widget-form .elementor-field-group { margin-bottom: 16px !important; } body.elementor-page-30585 .elementor-widget-form .elementor-field-group.e-form__buttons { margin-bottom: 0 !important; margin-top: 4px; } body.elementor-page-30585 .elementor-widget-form .elementor-field-label { font-family: 'Roboto', sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.3 !important; color: #0C4A6E !important; padding-bottom: 7px !important; letter-spacing: .1px; } body.elementor-page-30585 .elementor-widget-form .elementor-mark-required .elementor-field-label::after { color: #EA580C; } body.elementor-page-30585 .elementor-widget-form .elementor-field-textual, body.elementor-page-30585 .elementor-widget-form input.elementor-field, body.elementor-page-30585 .elementor-widget-form textarea.elementor-field, body.elementor-page-30585 .elementor-widget-form select.elementor-field { font-family: 'Roboto', sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.4 !important; color: #1F2937 !important; background: #FFFFFF !important; border: 1px solid #CBD5E1 !important; border-radius: 10px !important; height: 48px !important; min-height: 48px; padding: 11px 14px !important; box-shadow: none !important; transition: border-color 160ms ease, box-shadow 160ms ease; } body.elementor-page-30585 .elementor-widget-form textarea.elementor-field { height: auto !important; min-height: 140px; resize: vertical; } body.elementor-page-30585 .elementor-widget-form .elementor-field::placeholder { color: #94A3B8; opacity: 1; } body.elementor-page-30585 .elementor-widget-form .elementor-field:focus { outline: none !important; border-color: #0C4A6E !important; box-shadow: 0 0 0 3px rgba(12, 74, 110, .16) !important; } /* the house orange button, full width */ body.elementor-page-30585 .elementor-widget-form .e-form__buttons .elementor-button, body.elementor-page-30585 .elementor-widget-form button[type="submit"] { width: 100%; min-height: 52px; background: #EA580C !important; color: #FFFFFF !important; border: 0 !important; border-radius: 10px !important; font-family: 'Roboto', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: .2px; text-transform: none !important; transition: background-color 160ms ease, transform 160ms var(--tot-ease); } body.elementor-page-30585 .elementor-widget-form button[type="submit"] .elementor-button-text::after { content: " →"; } body.elementor-page-30585 .elementor-widget-form button[type="submit"]:active { transform: scale(.98); } body.elementor-page-30585 .elementor-widget-form button[type="submit"]:focus-visible { outline: 2px solid #0C4A6E; outline-offset: 3px; } /* Elementor's own sent / failed messages, in house colours */ body.elementor-page-30585 .elementor-widget-form .elementor-message { font-family: 'Roboto', sans-serif; font-size: 15px; margin-top: 14px; padding: 12px 14px; border-radius: 10px; } body.elementor-page-30585 .elementor-widget-form .elementor-message-success { background: #DCFCE7; color: #166534; } body.elementor-page-30585 .elementor-widget-form .elementor-message-danger { background: #FFE4E6; color: #9F1239; } body.elementor-page-30585 .elementor-widget-form .elementor-message::before { display: none; } @media (hover: hover) and (pointer: fine) { body.elementor-page-30585 .elementor-widget-form button[type="submit"]:hover { background: #C2410C !important; } body.elementor-page-30585 .elementor-widget-form .elementor-field:hover:not(:focus) { border-color: #94A3B8 !important; } } @media (max-width: 600px) { body.elementor-page-30585 .elementor-widget-form .elementor-form { padding: 20px 16px 18px; border-radius: 14px; } } @media (prefers-reduced-motion: reduce) { body.elementor-page-30585 .elementor-widget-slides *, body.elementor-page-30585 .elementor-widget-form * { transition: none !important; } body.elementor-page-30585 .elementor-widget-slides .elementor-swiper-button:active, body.elementor-page-30585 .elementor-widget-form button[type="submit"]:active { transform: none; } body.elementor-page-30585 .elementor-widget-slides .elementor-swiper-button:active { transform: translateY(-50%); } } /* ========================================================================== 19. LEGACY ELEMENTS IN THE HOUSE LANGUAGE (CSS only, 10 Oct 2026) Headings typed in text blocks, old dropdowns, hard-coded colours, floated captions, square photos, plain quotes, raw embeds and the posts grid, restated in house tokens. ========================================================================== */ /* ---- headings typed inside text blocks = the house H2 / H3 / H4 ---- never inside a house component or band: v4/v5 tiles carry their own heading design (navy-on-navy at 1:1 when this rule reached them, 11 Oct 2026) */ body.elementor-page-30585 .elementor-widget-text-editor h2:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *), body.elementor-page-30585 .elementor-widget-text-editor h3:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *), body.elementor-page-30585 .elementor-widget-text-editor h4:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *) { font-family: 'Newsreader', Georgia, serif !important; color: #0C4A6E !important; letter-spacing: normal; text-transform: none; } body.elementor-page-30585 .elementor-widget-text-editor h2:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *) { font-size: 31px !important; font-weight: 700 !important; line-height: 1.2 !important; margin: 36px 0 14px !important; } body.elementor-page-30585 .elementor-widget-text-editor h2:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *)::before { content: ""; display: block; width: 48px; height: 3px; background: #EA580C; margin-bottom: 16px; border-radius: 2px; } body.elementor-page-30585 .elementor-widget-text-editor h3:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *) { font-size: 23px !important; font-weight: 600 !important; line-height: 1.3 !important; margin: 28px 0 10px !important; } body.elementor-page-30585 .elementor-widget-text-editor h4:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *) { font-size: 19px !important; font-weight: 600 !important; line-height: 1.35 !important; margin: 22px 0 8px !important; } body.elementor-page-30585 .elementor-widget-text-editor > :first-child:is(h2, h3, h4):not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *), body.elementor-page-30585 .elementor-widget-text-editor .elementor-widget-container > :first-child:is(h2, h3, h4):not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *) { margin-top: 0 !important; } body.elementor-page-30585 .elementor-widget-text-editor :is(h2, h3, h4):not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *) a { color: inherit !important; text-decoration: none !important; } /* ---- h4/h5 heading widgets: the house has no pin for them, so the kit's primary colour decided (kit blue at 2.02:1 on the 11 Oct verify). A widget's own colour setting (.elementor-element-xxx, higher specificity) still wins. ---- */ body.elementor-page-30585 .elementor-widget-heading :is(h4, h5).elementor-heading-title:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *) { color: #0C4A6E; font-family: 'Newsreader', Georgia, serif; } /* ---- WordPress emoji images are text-sized, never photos (one grew to the full column, 750px, on the 11 Oct verify) ---- */ body.elementor-page-30585 img.emoji, body.elementor-page-30585 img.wp-smiley { display: inline !important; width: 1em !important; height: 1em !important; max-width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; border-radius: 0 !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; } /* ---- a link inside an icon box / image box description shows as a link, not in the box's text colour ---- */ body.elementor-page-30585 :is(.elementor-icon-box-description, .elementor-image-box-description) a:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *) { color: #6EC1E4 !important; } @media (hover: hover) and (pointer: fine) { body.elementor-page-30585 :is(.elementor-icon-box-description, .elementor-image-box-description) a:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *):hover { color: #2b8fc4 !important; } } /* ---- a heading widget that wraps a link keeps the heading's own colour ---- */ body.elementor-page-30585 .elementor-widget-heading .elementor-heading-title a { color: inherit !important; text-decoration: none !important; } /* ---- hard-coded colours and fake underlines inside prose ---- */ /* a coloured word that is not a link takes the paragraph's colour (bold stays bold) */ body.elementor-page-30585 .elementor-widget-text-editor [style*="color"]:not(a):not(a *):not(.instagram-media *):not(.twitter-tweet *):not(.tiktok-embed *), body.elementor-page-30585 .elementor-tab-content [style*="color"]:not(a):not(a *):not(.instagram-media *):not(.twitter-tweet *):not(.tiktok-embed *) { color: inherit !important; } /* a link with a hard-coded colour shows in the house link colour (the kit's #6EC1E4, hover #2b8fc4); a coloured span inside a link takes the link's colour */ body.elementor-page-30585 .elementor-widget-text-editor a[style*="color"]:not(.instagram-media *):not(.twitter-tweet *):not(.tiktok-embed *), body.elementor-page-30585 .elementor-tab-content a[style*="color"]:not(.instagram-media *):not(.twitter-tweet *):not(.tiktok-embed *) { color: #6EC1E4 !important; } body.elementor-page-30585 .elementor-widget-text-editor a[style*="color"]:not(.instagram-media *):not(.twitter-tweet *):not(.tiktok-embed *):hover, body.elementor-page-30585 .elementor-tab-content a[style*="color"]:not(.instagram-media *):not(.twitter-tweet *):not(.tiktok-embed *):hover { color: #2b8fc4 !important; } body.elementor-page-30585 .elementor-widget-text-editor a [style*="color"], body.elementor-page-30585 .elementor-tab-content a [style*="color"] { color: inherit !important; } /* underline means link: drop it from words that are not links */ body.elementor-page-30585 .elementor-widget-text-editor [style*="underline"]:not(a):not(a *):not(.instagram-media *):not(.twitter-tweet *):not(.tiktok-embed *), body.elementor-page-30585 .elementor-widget-text-editor u:not(a u) { text-decoration: none !important; } /* ---- photos: the house corner on every in-article photo ---- */ /* (CTA-card photos keep their own 14px: Elementor's per-widget rule is more specific than this one) */ body.elementor-page-30585 .elementor-widget-image img, body.elementor-page-30585 .elementor-widget-text-editor:not(.tot-trustbar) img:not(.emoji), body.elementor-page-30585 .elementor-tab-content img { border-radius: 12px; } /* old WordPress captioned photos floated at 960px inside a narrower column: un-float, full column width */ body.elementor-page-30585 .elementor-widget-text-editor .wp-caption, body.elementor-page-30585 .elementor-widget-text-editor img.alignleft, body.elementor-page-30585 .elementor-widget-text-editor img.alignright, body.elementor-page-30585 .elementor-tab-content .wp-caption, body.elementor-page-30585 .elementor-tab-content img.alignleft, body.elementor-page-30585 .elementor-tab-content img.alignright { float: none !important; display: block; width: 100% !important; max-width: 100% !important; margin: 22px 0 !important; } body.elementor-page-30585 .elementor-widget-text-editor .wp-caption img, body.elementor-page-30585 .elementor-tab-content .wp-caption img { width: 100% !important; height: auto !important; margin: 0 !important; } body.elementor-page-30585 .elementor-widget-text-editor .wp-caption-text, body.elementor-page-30585 .elementor-tab-content .wp-caption-text, body.elementor-page-30585 .elementor-widget-image .widget-image-caption { font-family: 'Roboto', sans-serif !important; font-size: 13.5px !important; font-style: normal !important; line-height: 1.45 !important; color: #64748B !important; text-align: left !important; margin: 8px 0 0 !important; padding: 0 !important; } /* ---- plain blockquotes = a quiet house quote (the pullquote keeps its own look) ---- */ body.elementor-page-30585 .elementor-widget-text-editor blockquote:not(.pullquote):not([class*="instagram"]):not([class*="twitter"]):not([class*="tiktok"]):not([class*="facebook"]) { margin: 24px 0 !important; padding: 18px 22px !important; background: #F0F9FF !important; border: 0 !important; border-left: 4px solid #EA580C !important; border-radius: 0 12px 12px 0 !important; font-family: 'Newsreader', Georgia, serif !important; font-size: 19px !important; font-style: italic !important; line-height: 1.55 !important; color: #0C4A6E !important; quotes: none; } body.elementor-page-30585 .elementor-widget-text-editor blockquote:not(.pullquote):not([class*="instagram"]):not([class*="twitter"]):not([class*="tiktok"]):not([class*="facebook"])::before, body.elementor-page-30585 .elementor-widget-text-editor blockquote:not(.pullquote):not([class*="instagram"]):not([class*="twitter"]):not([class*="tiktok"]):not([class*="facebook"])::after { display: none !important; content: none !important; } body.elementor-page-30585 .elementor-widget-text-editor blockquote:not(.pullquote):not([class*="instagram"]):not([class*="twitter"]):not([class*="tiktok"]):not([class*="facebook"]) p { margin: 0 0 8px !important; font: inherit !important; color: inherit !important; } body.elementor-page-30585 .elementor-widget-text-editor blockquote:not(.pullquote):not([class*="instagram"]):not([class*="twitter"]):not([class*="tiktok"]):not([class*="facebook"]) p:last-child { margin-bottom: 0 !important; } body.elementor-page-30585 .elementor-widget-text-editor blockquote:not(.pullquote):not([class*="instagram"]):not([class*="twitter"]):not([class*="tiktok"]):not([class*="facebook"]) :is(ul, ol, cite, footer) { font-family: 'Roboto', sans-serif !important; font-size: 14px !important; font-style: normal !important; color: #475569 !important; margin: 10px 0 0 !important; } /* ---- old dropdowns (accordion) = the house disclosure list ---- */ body.elementor-page-30585 .elementor-widget-accordion .elementor-accordion { --tot-ease: cubic-bezier(0.23, 1, 0.32, 1); border: 1px solid #E2E8F0; border-radius: 14px; overflow: hidden; background: #FFFFFF; } body.elementor-page-30585 .elementor-widget-accordion .elementor-accordion-item { border: 0 !important; border-bottom: 1px solid #E2E8F0 !important; } body.elementor-page-30585 .elementor-widget-accordion .elementor-accordion-item:last-child { border-bottom: 0 !important; } body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-title { display: flex !important; align-items: center; gap: 14px; padding: 18px 22px !important; margin: 0 !important; border: 0 !important; background: #FFFFFF !important; cursor: pointer; transition: background-color 160ms ease; } body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-title.elementor-active { background: #F0F9FF !important; } body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-title::before { display: none !important; } body.elementor-page-30585 .elementor-widget-accordion a.elementor-accordion-title, body.elementor-page-30585 .elementor-widget-accordion .elementor-accordion-title { font-family: 'Newsreader', Georgia, serif !important; font-size: 19px !important; font-weight: 600 !important; line-height: 1.3 !important; color: #0C4A6E !important; text-decoration: none !important; flex: 1; } body.elementor-page-30585 .elementor-widget-accordion .elementor-accordion-icon { order: 2; float: none !important; flex: 0 0 30px; width: 30px !important; height: 30px; margin: 0 !important; border-radius: 50%; background: #FFF7ED; display: flex !important; align-items: center; justify-content: center; transition: background-color 160ms ease, transform 160ms var(--tot-ease); } body.elementor-page-30585 .elementor-widget-accordion .elementor-accordion-icon :is(svg, i) { width: 12px; height: 12px; fill: #EA580C !important; color: #EA580C !important; font-size: 12px; } body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon { background: #EA580C; } body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon :is(svg, i) { fill: #FFFFFF !important; color: #FFFFFF !important; } body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-title:active .elementor-accordion-icon { transform: scale(.92); } body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-content { padding: 2px 22px 22px !important; border: 0 !important; background: #F0F9FF !important; font-family: 'Roboto', sans-serif !important; font-size: 16px !important; line-height: 1.65 !important; color: #334155 !important; } body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-content p { margin: 0 0 12px !important; } body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-content ul { padding-left: 20px !important; margin: 0 0 12px !important; list-style: disc !important; } body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-content img { display: block; width: 100%; height: auto; margin: 14px 0 !important; } /* ---- embeds: video, YouTube, map, Instagram in the house frame ---- */ body.elementor-page-30585 .elementor-widget-video .elementor-wrapper, body.elementor-page-30585 .elementor-widget-video video, body.elementor-page-30585 .elementor-widget-google_maps iframe, body.elementor-page-30585 .elementor-widget-text-editor iframe[src*="youtube"], body.elementor-page-30585 .elementor-widget-text-editor iframe[src*="youtu.be"] { border-radius: 14px !important; overflow: hidden; box-shadow: 0 1px 2px rgba(12, 74, 110, .06), 0 12px 32px -18px rgba(12, 74, 110, .35); } body.elementor-page-30585 .elementor-widget-text-editor iframe[src*="youtube"], body.elementor-page-30585 .elementor-widget-text-editor iframe[src*="youtu.be"] { display: block; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; border: 0; margin: 22px 0; } body.elementor-page-30585 .elementor-widget-google_maps iframe { border: 1px solid #E2E8F0 !important; } body.elementor-page-30585 .elementor-widget-text-editor iframe.instagram-media, body.elementor-page-30585 .elementor-widget-text-editor iframe[src*="instagram.com"], body.elementor-page-30585 .elementor-widget-html iframe.instagram-media, body.elementor-page-30585 .elementor-widget-html iframe[src*="instagram.com"] { margin: 22px auto !important; border-radius: 14px !important; border: 1px solid #E2E8F0 !important; box-shadow: none !important; } /* ---- the posts grid = house cards ---- */ body.elementor-page-30585 .elementor-widget-posts .elementor-post { --tot-ease: cubic-bezier(0.23, 1, 0.32, 1); background: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 14px; overflow: hidden; transition: transform 160ms var(--tot-ease), box-shadow 160ms ease; } body.elementor-page-30585 .elementor-widget-posts .elementor-post__thumbnail__link { margin-bottom: 0 !important; } body.elementor-page-30585 .elementor-widget-posts .elementor-post__thumbnail img { border-radius: 0 !important; } body.elementor-page-30585 .elementor-widget-posts .elementor-post__text { padding: 14px 16px 18px; } body.elementor-page-30585 .elementor-widget-posts .elementor-post__title, body.elementor-page-30585 .elementor-widget-posts .elementor-post__title a { font-family: 'Newsreader', Georgia, serif !important; font-size: 19px !important; font-weight: 600 !important; line-height: 1.25 !important; color: #0C4A6E !important; text-decoration: none !important; } body.elementor-page-30585 .elementor-widget-posts .elementor-post__excerpt p { font-family: 'Roboto', sans-serif !important; font-size: 14.5px !important; line-height: 1.5 !important; color: #475569 !important; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 6px 0 0 !important; } body.elementor-page-30585 .elementor-widget-posts .elementor-post__read-more { display: inline-block; margin-top: 10px; font-family: 'Roboto', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; color: #C2410C !important; text-decoration: none !important; text-transform: none !important; } @media (hover: hover) and (pointer: fine) { body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-title:hover a.elementor-accordion-title { color: #C2410C !important; } body.elementor-page-30585 .elementor-widget-posts .elementor-post:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -20px rgba(12, 74, 110, .45); } } @media (max-width: 767px) { body.elementor-page-30585 .elementor-widget-text-editor h2:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *) { font-size: 26px !important; margin-top: 28px !important; } body.elementor-page-30585 .elementor-widget-text-editor h3:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *) { font-size: 21px !important; } body.elementor-page-30585 .elementor-widget-text-editor h4:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *) { font-size: 18px !important; } body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-title { padding: 15px 16px !important; } body.elementor-page-30585 .elementor-widget-accordion a.elementor-accordion-title { font-size: 17.5px !important; } body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-content { padding: 2px 16px 18px !important; font-size: 15.5px !important; } body.elementor-page-30585 .elementor-widget-text-editor blockquote:not(.pullquote):not([class*="instagram"]):not([class*="twitter"]):not([class*="tiktok"]):not([class*="facebook"]) { padding: 14px 16px !important; font-size: 17.5px !important; } } @media (prefers-reduced-motion: reduce) { body.elementor-page-30585 .elementor-widget-accordion *, body.elementor-page-30585 .elementor-widget-posts .elementor-post { transition: none !important; } body.elementor-page-30585 .elementor-widget-posts .elementor-post:hover, body.elementor-page-30585 .elementor-widget-accordion .elementor-tab-title:active .elementor-accordion-icon { transform: none !important; } } /* ========================================================================== 16. DARK MODE - full-bleed bands Bands carry an explicit background from the Elementor container, which does not follow the theme, so they are flipped here. Must stay the LAST section. ========================================================================== */ body.elementor-page-30585.jnews-dark-mode .tot-band-tint { background-color: #10344A !important; } body.elementor-page-30585.jnews-dark-mode .tot-band-tint .elementor-widget-heading h2, body.elementor-page-30585.jnews-dark-mode .tot-band-tint .elementor-widget-heading h3 { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor, body.elementor-page-30585.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor p, body.elementor-page-30585.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor li { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor strong { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor a, body.elementor-page-30585.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor a strong { color: #7DD3FC !important; } body.elementor-page-30585.jnews-dark-mode .tot-band-tint .didyouknow { background: #152B3A !important; border-left-color: #38BDF8 !important; } /* The trust strip paints its own pale panel (.tot-trust{background:#F0F9FF}), separate from the band behind it. Inside a band it stays transparent as it does in light mode; standing on its own (the private-guides layout) it needs repainting. */ body.elementor-page-30585.jnews-dark-mode .tot-trust { background: #152B3A !important; } body.elementor-page-30585.jnews-dark-mode .tot-band-tint .tot-trust, body.elementor-page-30585.jnews-dark-mode .tot-band-dark .tot-trust { background: transparent !important; } body.elementor-page-30585.jnews-dark-mode .tot-band-tint .tot-trust, body.elementor-page-30585.jnews-dark-mode .tot-band-tint .tot-trust p { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .tot-band-tint .tot-trust strong { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .tot-band-tint .tot-trust a, body.elementor-page-30585.jnews-dark-mode .tot-band-tint .tot-trust a strong { color: #FDBA74 !important; } /* ---- Review cards: readable on both the page ground and a flipped band ---- */ body.elementor-page-30585.jnews-dark-mode .totc-review { background: #0F2A3D !important; border-color: rgba(255,255,255,.16) !important; border-top-color: #FB923C !important; } body.elementor-page-30585.jnews-dark-mode .tot-band-tint .totc-review { background: #0C2637 !important; } body.elementor-page-30585.jnews-dark-mode .totc-quote, body.elementor-page-30585.jnews-dark-mode .totc-quote p, body.elementor-page-30585.jnews-dark-mode .totc-quote * { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .totc-name, body.elementor-page-30585.jnews-dark-mode .totc-name * { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .totc-role a, body.elementor-page-30585.jnews-dark-mode .totc-role * { color: #FDBA74 !important; } /* ---- Accordion: its white panels come from widget settings, not from CSS ---- */ body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-title, body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-content { background-color: #0F2A3D !important; border-color: rgba(255,255,255,.14) !important; } body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-title, body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-title a, body.elementor-page-30585.jnews-dark-mode .elementor-accordion a.elementor-accordion-title { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-content, body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-content p { color: #DDE5EC !important; } body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-content a { color: #7DD3FC !important; } /* ---- CTA card sitting on a flipped band ---- */ body.elementor-page-30585.jnews-dark-mode .tot-cta-card { background: #12293A !important; border-color: rgba(255,255,255,.12) !important; } /* ---- In-body links on the plain (theme-darkened) ground ---- */ body.elementor-page-30585.jnews-dark-mode .elementor-widget-text-editor a, body.elementor-page-30585.jnews-dark-mode .elementor-widget-text-editor a strong { color: #7DD3FC !important; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-text-editor a:hover, body.elementor-page-30585.jnews-dark-mode .elementor-widget-text-editor a:hover strong { color: #BAE6FD !important; } /* ---- The navy bands and the photo hero are already dark in both themes and are deliberately NOT flipped here: section 14 deepens .tot-book, and touching background-color on .tot-band-dark would wipe the hero's photo. ---- */ /* ---- 15c components in dark mode ---- */ body.elementor-page-30585.jnews-dark-mode .tot-trustfact, body.elementor-page-30585.jnews-dark-mode .tot-kind { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .tot-trustfact strong { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .tot-trust-ico, body.elementor-page-30585.jnews-dark-mode .tot-kind-ico { filter: brightness(0) invert(1); opacity: .88; } body.elementor-page-30585.jnews-dark-mode .tot-table th { color: #F1F5F9 !important; border-bottom-color: #FB923C !important; } body.elementor-page-30585.jnews-dark-mode .tot-table td { color: #CBD5E1 !important; border-bottom-color: rgba(255,255,255,.14) !important; } body.elementor-page-30585.jnews-dark-mode .tot-table td strong { color: #F1F5F9 !important; } /* A linked cell must still read as a link once the row goes near-white */ body.elementor-page-30585.jnews-dark-mode .tot-table td a, body.elementor-page-30585.jnews-dark-mode .tot-table td a strong { color: #7DD3FC !important; } /* --- 19d. v4 gateway, dark mode ------------------------------------------- The lattice and the rail paint their own dark ground from the container, so they are already correct; what needs restating is anything the shared dark block or a light-mode lock would otherwise flip back. */ body.elementor-page-30585.jnews-dark-mode .tot-lattice h4 { color: #FFFFFF !important; } body.elementor-page-30585.jnews-dark-mode .tot-lattice p { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .tot-route span.r-t { color: #FFFFFF !important; } body.elementor-page-30585.jnews-dark-mode .tot-route span.r-d { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-accordion-title, body.elementor-page-30585.jnews-dark-mode a.elementor-accordion-title { color: #F1F5F9 !important; } /* the outline button's light lock colours the , the wrapper AND the text span, each with !important; naming only some of them leaves the wrapper orange on dark */ body.elementor-page-30585.jnews-dark-mode .tot-cta-btn-alt, body.elementor-page-30585.jnews-dark-mode .tot-cta-btn-alt * { color: #FDBA74 !important; } body.elementor-page-30585.jnews-dark-mode .tot-cta-btn-alt .elementor-button { border-color: #FDBA74 !important; } body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor, body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor p { color: #CBD5E1 !important; } /* Step tiles keep a LIGHT ground in dark mode (they sit on a photograph, not the theme), so the shared rule above that lightens every paragraph inside a dark fold turned their text #CBD5E1 on #F1F1F1: measured 1.32:1. Restate the tile's own ink after it. */ body.elementor-page-30585.jnews-dark-mode .tot-step h4 { color: #0C4A6E !important; } body.elementor-page-30585.jnews-dark-mode .tot-step p { color: #334155 !important; } body.elementor-page-30585.jnews-dark-mode .tot-step b { color: #EA580C !important; } /* 🔴 Reconciler, 11 Sep (brief B9). The three rules above are three classes deep, and the shared dark rule they are meant to beat, `body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor p`, is four, with !important on both sides. Specificity decided it and the step tiles stayed #CBD5E1 on #F1F1F1: 1.32:1. Congress found it and restated it inside its own page CSS; restated here at four classes so every v4 page gets it, not only the page that noticed. */ body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step h4 { color: #0C4A6E !important; } body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step p { color: #334155 !important; } body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step b { color: #EA580C !important; } /* The open accordion row and its mark in dark mode (brief B7). */ body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-title.elementor-active, body.elementor-page-30585.jnews-dark-mode .elementor-toggle .elementor-tab-title.elementor-active { background: #10344A; color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-active .elementor-accordion-icon, body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-active .elementor-accordion-icon i, body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-active .elementor-accordion-icon svg, body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-title .elementor-accordion-icon, body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-title .elementor-accordion-icon i, body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg { color: #FB923C !important; fill: #FB923C !important; } body.elementor-page-30585.jnews-dark-mode .tot-menu-tabs .elementor-tabs-wrapper { border-bottom-color: rgba(255,255,255,.16) !important; } body.elementor-page-30585.jnews-dark-mode .tot-menu-tabs .elementor-tab-title { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .tot-menu-tabs .elementor-tab-title.elementor-active { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .tot-menu-tabs .elementor-tab-desktop-title.elementor-active { border-bottom-color: #FB923C !important; } body.elementor-page-30585.jnews-dark-mode .tot-menu-tabs .elementor-tab-mobile-title { border-top-color: rgba(255,255,255,.14) !important; } body.elementor-page-30585.jnews-dark-mode .tot-menu-item { border-top-color: rgba(255,255,255,.14); } body.elementor-page-30585.jnews-dark-mode .tot-menu-item h3 { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .tot-menu-item p { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .tot-menu-price { color: #FDBA74 !important; } body.elementor-page-30585.jnews-dark-mode .tot-menu-lead { border-bottom-color: rgba(255,255,255,.3); } body.elementor-page-30585.jnews-dark-mode .tot-eat h3 a { color: #F1F5F9 !important; text-decoration-color: rgba(251,146,60,.7); } body.elementor-page-30585.jnews-dark-mode .tot-shape h3 { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .tot-lattice h3 { color: #FFFFFF !important; } body.elementor-page-30585.jnews-dark-mode .tot-shape p { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .tot-shape div { border-top-color: rgba(255,255,255,.14) !important; } /* 🔴 The shared dark rule `.tot-fold-dark .elementor-widget-text-editor p` out-specifies tot_v4's own `.tot-step p` restatement, so the light step tiles printed pale text on a pale tile: 1.32:1 in dark mode, measured 11 Sep. Same body.elementor-page-30585 depth plus the tile class wins. */ body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step p { color: #334155 !important; } body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step h3 { color: #0C4A6E !important; } body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step b { color: #EA580C !important; } /* the light attribution colour sits on the em element too; in dark mode the tint band turns navy, so restate it */ body.elementor-page-30585.jnews-dark-mode .tot-band-tint .tot-quote-by, body.elementor-page-30585.jnews-dark-mode .tot-band-tint .tot-quote-by p, body.elementor-page-30585.jnews-dark-mode .tot-band-tint .tot-quote-by em { color: #9FB3C4 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-accordion-icon i::before { color: #FDBA74 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-accordion .elementor-accordion-icon svg { fill: #FDBA74 !important; } /* the venue names stay near-white on the dark band; the shared dark link rule out-specified the first try */ body.elementor-page-30585.jnews-dark-mode .tot-band-tint .elementor-widget-text-editor .tot-eat h3 a { color: #F1F5F9 !important; } /* in dark mode the tint bands turn navy too, so neighbouring folds merged (1.1:1); a hairline marks the seam */ body.elementor-page-30585.jnews-dark-mode .tot-fold + .tot-fold { box-shadow: inset 0 1px 0 rgba(255,255,255,.09); } @media (max-width: 767px) { body.elementor-page-30585.jnews-dark-mode .tot-menu-tabs .elementor-tab-desktop-title { border-color: rgba(255,255,255,.24) !important; } body.elementor-page-30585.jnews-dark-mode .tot-menu-tabs .elementor-tab-desktop-title.elementor-active { background: #FDBA74 !important; color: #0A2A3D !important; border-color: #FDBA74 !important; } } /* ---- 18. slides + form in dark mode ---- */ body.elementor-page-30585.jnews-dark-mode .elementor-widget-slides .elementor-slides-wrapper { border-color: #274357 !important; box-shadow: 0 12px 32px -18px rgba(0, 0, 0, .7) !important; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-form .elementor-form { background: #152B3A !important; border-color: #274357 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-form .elementor-field-label { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-form .elementor-field { background: #0F1B24 !important; border-color: #33536A !important; color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-form .elementor-field::placeholder { color: #7B93A6; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-form .elementor-field:focus { border-color: #7DD3FC !important; box-shadow: 0 0 0 3px rgba(125, 211, 252, .18) !important; } /* ---- 19. legacy elements in dark mode ---- */ body.elementor-page-30585.jnews-dark-mode .elementor-widget-heading :is(h4, h5).elementor-heading-title:not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-cta-card) *) { color: #F1F5F9; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-text-editor :is(h2, h3, h4):not(:where(.tot-fold, .tot-band-dark, .tot-band-tint, .tot-hero-full, .tot-billboard, .tot-lattice, .tot-step, .tot-steps, .tot-routes, .tot-glance, .tot-checkpoints, .tot-cta-card, .tot-trust, .tot-trustbar) *), body.elementor-page-30585.jnews-dark-mode .elementor-widget-accordion a.elementor-accordion-title, body.elementor-page-30585.jnews-dark-mode .elementor-widget-posts .elementor-post__title a { color: #F1F5F9 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-text-editor blockquote:not(.pullquote):not([class*="instagram"]):not([class*="twitter"]):not([class*="tiktok"]):not([class*="facebook"]) { background: #152B3A !important; color: #E2E8F0 !important; border-left-color: #FB923C !important; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-accordion .elementor-accordion { background: #10222E; border-color: #274357; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-accordion .elementor-accordion-item { border-bottom-color: #274357 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-accordion .elementor-tab-title { background: #10222E !important; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-accordion .elementor-tab-title.elementor-active, body.elementor-page-30585.jnews-dark-mode .elementor-widget-accordion .elementor-tab-content { background: #152B3A !important; color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-accordion .elementor-accordion-icon { background: #3a2410; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-posts .elementor-post { background: #10222E; border-color: #274357; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-posts .elementor-post__excerpt p { color: #CBD5E1 !important; } body.elementor-page-30585.jnews-dark-mode .elementor-widget-text-editor .wp-caption-text, body.elementor-page-30585.jnews-dark-mode .elementor-widget-image .widget-image-caption { color: #9FB3C4 !important; } /* 17d. DARK MODE - step tiles on a photo fold keep their light ground, so they keep their dark ink. The shared dark-fold rule (.tot-fold-dark .elementor-widget-text-editor p) outranks the plain tile rules; restated one level deeper. Was 1.32:1 on #F1F1F1. */ body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step h4 { color: #0C4A6E !important; } body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step p { color: #334155 !important; } body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step b { color: #EA580C !important; } body.elementor-page-30585.jnews-dark-mode .tot-fold-dark .elementor-widget-text-editor .tot-step a { color: #0369A1 !important; }/* End custom CSS */