.elementor-34414 .elementor-element.elementor-element-258e6804{--display:flex;--min-height:620px;--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;--overlay-opacity:0.9;--padding-top:96px;--padding-bottom:96px;--padding-left:20px;--padding-right:20px;}.elementor-34414 .elementor-element.elementor-element-258e6804:not(.elementor-motion-effects-element-type-background), .elementor-34414 .elementor-element.elementor-element-258e6804 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theothertour.co/wp-content/uploads/2026/08/Istanbul-Shore-Excursions-from-Galataport-The-Other-Tour-4.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-34414 .elementor-element.elementor-element-258e6804::before, .elementor-34414 .elementor-element.elementor-element-258e6804 > .elementor-background-video-container::before, .elementor-34414 .elementor-element.elementor-element-258e6804 > .e-con-inner > .elementor-background-video-container::before, .elementor-34414 .elementor-element.elementor-element-258e6804 > .elementor-background-slideshow::before, .elementor-34414 .elementor-element.elementor-element-258e6804 > .e-con-inner > .elementor-background-slideshow::before, .elementor-34414 .elementor-element.elementor-element-258e6804 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #0A1822 15%, #0A182266 100%);}.elementor-34414 .elementor-element.elementor-element-2769f6f5{--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:22px 22px;--row-gap:22px;--column-gap:22px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34414 .elementor-element.elementor-element-92bc042{--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-34414 .elementor-element.elementor-element-b5df2ba{--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:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:16px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;}.elementor-34414 .elementor-element.elementor-element-b5df2ba:not(.elementor-motion-effects-element-type-background), .elementor-34414 .elementor-element.elementor-element-b5df2ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F9FF;}.elementor-34414 .elementor-element.elementor-element-368740bb{--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:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:48px;--padding-bottom:48px;--padding-left:20px;--padding-right:20px;}.elementor-34414 .elementor-element.elementor-element-590eb658{--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:44px 44px;--row-gap:44px;--column-gap:44px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34414 .elementor-element.elementor-element-1ae3c342{--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:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34414 .elementor-element.elementor-element-6ea5de5f{--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-34414 .elementor-element.elementor-element-53ca35a8{--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:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:48px;--padding-bottom:56px;--padding-left:20px;--padding-right:20px;}.elementor-34414 .elementor-element.elementor-element-53ca35a8:not(.elementor-motion-effects-element-type-background), .elementor-34414 .elementor-element.elementor-element-53ca35a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F9FF;}.elementor-34414 .elementor-element.elementor-element-604ba2c8{--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:44px 44px;--row-gap:44px;--column-gap:44px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34414 .elementor-element.elementor-element-546ed532{--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:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34414 .elementor-element.elementor-element-1a4bf844{--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-34414 .elementor-element.elementor-element-1bbb47a5{--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:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:48px;--padding-bottom:48px;--padding-left:20px;--padding-right:20px;}.elementor-34414 .elementor-element.elementor-element-6e86c23a{--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:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34414 .elementor-element.elementor-element-6e86c23a.e-con{--align-self:center;}.elementor-34414 .elementor-element.elementor-element-74682fca{--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:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:48px;--padding-bottom:56px;--padding-left:20px;--padding-right:20px;}.elementor-34414 .elementor-element.elementor-element-74682fca:not(.elementor-motion-effects-element-type-background), .elementor-34414 .elementor-element.elementor-element-74682fca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F9FF;}.elementor-34414 .elementor-element.elementor-element-38677b7b{--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:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34414 .elementor-element.elementor-element-38677b7b.e-con{--align-self:center;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-accordion-item{border-width:1px;border-color:#E2E8F0;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-accordion-item .elementor-tab-content{border-width:1px;border-block-start-color:#E2E8F0;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:1px;border-block-end-color:#E2E8F0;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-tab-title{background-color:#FFFFFF;padding:18px 20px 18px 20px;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-accordion-icon, .elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-accordion-title{color:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-accordion-icon svg{fill:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-active .elementor-accordion-icon, .elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-active .elementor-accordion-title{color:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-active .elementor-accordion-icon svg{fill:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-tab-title .elementor-accordion-icon i:before{color:#EA580C;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-tab-title .elementor-accordion-icon svg{fill:#EA580C;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-1a563f68 .elementor-tab-content{background-color:#FFFFFF;color:#1f2937;padding:4px 20px 22px 20px;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-accordion-item{border-width:1px;border-color:#E2E8F0;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-accordion-item .elementor-tab-content{border-width:1px;border-block-start-color:#E2E8F0;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:1px;border-block-end-color:#E2E8F0;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-tab-title{background-color:#FFFFFF;padding:14px 20px 14px 20px;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-accordion-icon, .elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-accordion-title{color:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-accordion-icon svg{fill:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-active .elementor-accordion-icon, .elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-active .elementor-accordion-title{color:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-active .elementor-accordion-icon svg{fill:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-tab-title .elementor-accordion-icon i:before{color:#EA580C;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-tab-title .elementor-accordion-icon svg{fill:#EA580C;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-64b1bd56 .elementor-tab-content{background-color:#FFFFFF;color:#1f2937;padding:4px 20px 18px 20px;}.elementor-34414 .elementor-element.elementor-element-43eca9f0{--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:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:64px;--padding-bottom:72px;--padding-left:20px;--padding-right:20px;}.elementor-34414 .elementor-element.elementor-element-43eca9f0:not(.elementor-motion-effects-element-type-background), .elementor-34414 .elementor-element.elementor-element-43eca9f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C4A6E;}.elementor-34414 .elementor-element.elementor-element-69383ec2{--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:flex-start;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34414 .elementor-element.elementor-element-3975186f{--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:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34414 .elementor-element.elementor-element-30f7ae8b{--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-34414 .elementor-element.elementor-element-21fc37c7 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:14px;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-14px;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-field-group > label, .elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-field-subgroup label{color:#CBD5E1;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-field-type-html{padding-bottom:0px;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-field-group .elementor-field{color:#1f2937;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:#CBD5E1;border-radius:8px 8px 8px 8px;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:#CBD5E1;border-radius:8px 8px 8px 8px;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-field-group .elementor-select-wrapper::before{color:#CBD5E1;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-button{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;border-radius:8px 8px 8px 8px;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .e-form__buttons__wrapper__button-next{background-color:#EA580C;color:#FFFFFF;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-button[type="submit"]{background-color:#EA580C;color:#FFFFFF;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .e-form__buttons__wrapper__button-next:hover{background-color:#C2410C;color:#FFFFFF;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-button[type="submit"]:hover{background-color:#C2410C;color:#FFFFFF;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-button[type="submit"]:hover svg *{fill:#FFFFFF;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-message.elementor-message-success{color:#F1F5F9;}.elementor-34414 .elementor-element.elementor-element-21fc37c7 .elementor-message.elementor-help-inline{color:#CBD5E1;}.elementor-34414 .elementor-element.elementor-element-21fc37c7{--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;}@media(max-width:767px){.elementor-34414 .elementor-element.elementor-element-258e6804{--padding-top:56px;--padding-bottom:56px;--padding-left:16px;--padding-right:16px;}.elementor-34414 .elementor-element.elementor-element-2769f6f5{--width:100%;}.elementor-34414 .elementor-element.elementor-element-b5df2ba{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-34414 .elementor-element.elementor-element-368740bb{--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-34414 .elementor-element.elementor-element-590eb658{--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-34414 .elementor-element.elementor-element-1ae3c342{--width:100%;}.elementor-34414 .elementor-element.elementor-element-6ea5de5f{--width:100%;}.elementor-34414 .elementor-element.elementor-element-53ca35a8{--padding-top:32px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-34414 .elementor-element.elementor-element-604ba2c8{--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-34414 .elementor-element.elementor-element-546ed532{--width:100%;}.elementor-34414 .elementor-element.elementor-element-1a4bf844{--width:100%;}.elementor-34414 .elementor-element.elementor-element-1bbb47a5{--padding-top:32px;--padding-bottom:32px;--padding-left:16px;--padding-right:16px;}.elementor-34414 .elementor-element.elementor-element-6e86c23a{--width:100%;}.elementor-34414 .elementor-element.elementor-element-74682fca{--padding-top:32px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-34414 .elementor-element.elementor-element-38677b7b{--width:100%;}.elementor-34414 .elementor-element.elementor-element-43eca9f0{--padding-top:48px;--padding-bottom:56px;--padding-left:16px;--padding-right:16px;}.elementor-34414 .elementor-element.elementor-element-69383ec2{--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-34414 .elementor-element.elementor-element-3975186f{--width:100%;}.elementor-34414 .elementor-element.elementor-element-30f7ae8b{--width:100%;}}@media(min-width:768px){.elementor-34414 .elementor-element.elementor-element-258e6804{--content-width:1140px;}.elementor-34414 .elementor-element.elementor-element-2769f6f5{--width:780px;}.elementor-34414 .elementor-element.elementor-element-92bc042{--width:100%;}.elementor-34414 .elementor-element.elementor-element-b5df2ba{--content-width:1140px;}.elementor-34414 .elementor-element.elementor-element-368740bb{--content-width:1140px;}.elementor-34414 .elementor-element.elementor-element-1ae3c342{--width:55%;}.elementor-34414 .elementor-element.elementor-element-6ea5de5f{--width:45%;}.elementor-34414 .elementor-element.elementor-element-53ca35a8{--content-width:1140px;}.elementor-34414 .elementor-element.elementor-element-546ed532{--width:55%;}.elementor-34414 .elementor-element.elementor-element-1a4bf844{--width:45%;}.elementor-34414 .elementor-element.elementor-element-1bbb47a5{--content-width:1140px;}.elementor-34414 .elementor-element.elementor-element-6e86c23a{--width:900px;}.elementor-34414 .elementor-element.elementor-element-74682fca{--content-width:1140px;}.elementor-34414 .elementor-element.elementor-element-38677b7b{--width:900px;}.elementor-34414 .elementor-element.elementor-element-43eca9f0{--content-width:1140px;}.elementor-34414 .elementor-element.elementor-element-3975186f{--width:50%;}.elementor-34414 .elementor-element.elementor-element-30f7ae8b{--width:50%;}}/* 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-34414 .elementor-widget-text-editor {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #1f2937;
}

/* ---- Headings ---- */
body.elementor-page-34414 .elementor-widget-heading h2 {
  font-family: 'Newsreader', serif;
  font-weight: 700;
  font-size: 31px;
  line-height: 1.2;
}

body.elementor-page-34414 .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-34414 .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-34414 .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-34414 .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-34414 a {
  transition: color 0.2s ease;
}

body.elementor-page-34414 a:hover {
  color: #2b8fc4;
  text-decoration: underline;
}


/* ==========================================================================
   03. EDITORIAL COMPONENTS
   ========================================================================== */

/* ---- Pull-quote: class "pullquote" on a Text Editor widget ---- */
body.elementor-page-34414 .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-34414 .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-34414 .frame img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

/* ---- Captions (set Caption to "Custom Caption" on the image widget) ---- */
body.elementor-page-34414 .elementor-widget-image figcaption,
body.elementor-page-34414 .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-34414 .elementor-accordion .elementor-tab-title,
body.elementor-page-34414 .elementor-toggle .elementor-toggle-title {
  transition: background 0.2s ease, color 0.2s ease;
  font-family: 'Newsreader', serif;
  font-weight: 600;
}

body.elementor-page-34414 .elementor-accordion .elementor-tab-title.elementor-active,
body.elementor-page-34414 .elementor-toggle .elementor-tab-title.elementor-active {
  background: #F0F9FF;
  color: #0C4A6E;
}

body.elementor-page-34414 .elementor-accordion .elementor-tab-content,
body.elementor-page-34414 .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-34414 .myra-faq .jeg_faq_title,
body.elementor-page-34414 .myra-faq .jeg_faq_question,
body.elementor-page-34414 .myra-faq h3,
body.elementor-page-34414 .myra-faq a {
  font-family: 'Newsreader', serif !important;
  font-weight: 600;
}


/* ==========================================================================
   06. SLIDES WIDGET
   ========================================================================== */

body.elementor-page-34414 .elementor-slides .elementor-slide-heading {
  font-family: 'Newsreader', serif;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 6px;
}

body.elementor-page-34414 .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-34414 .totc-reviews {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: stretch;
  justify-content: center;
}

body.elementor-page-34414 .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-34414 .totc-review:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 22px rgba(12,74,110,.14);
}

/* ---- Quote ---- */
body.elementor-page-34414 .totc-quote,
body.elementor-page-34414 .totc-quote * {
  font-size: 15.5px;
  line-height: 1.65;
  color: #334155;
  margin: 0;
}

body.elementor-page-34414 .totc-quote {
  position: relative;
  padding-top: 6px;
}

body.elementor-page-34414 .totc-quote::before {
  content: "201C";
  font-family: 'Newsreader', serif;
  font-size: 52px;
  line-height: 0;
  color: #EA580C;
  opacity: .22;
  position: absolute;
  top: 22px;
  left: -8px;
}

/* ---- Attribution ---- */
body.elementor-page-34414 .totc-name {
  margin-top: auto;
}

body.elementor-page-34414 .totc-name,
body.elementor-page-34414 .totc-name * {
  font-family: 'Newsreader', serif;
  font-size: 17px;
  font-weight: 600;
  color: #0C4A6E;
  margin: 0;
}

body.elementor-page-34414 .totc-role,
body.elementor-page-34414 .totc-role * {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #C2410C;
  margin: 0;
}

/* ---- Mobile: swipeable carousel ---- */
@media (max-width: 767px) {
  body.elementor-page-34414 .totc-reviews {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }

  body.elementor-page-34414 .totc-review {
    flex: 0 0 82%;
    max-width: none;
    scroll-snap-align: center;
  }
}


/* ==========================================================================
   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-34414 .didyouknow,
body.elementor-page-34414 .didyouknow p {
  color: #1f2937 !important;
}


/* ==========================================================================
   12. DARK MODE
   Body class: .jnews-dark-mode  (JNews theme)
   ========================================================================== */

/* ---- Pull-quote ---- */
.jnews-dark-mode body.elementor-page-34414 .pullquote,
.jnews-dark-mode body.elementor-page-34414 .elementor-widget-text-editor blockquote {
  border-left-color: #FB923C;
  color: #F1F5F9 !important;
}

/* ---- "Did You Know?" callout ---- */
.jnews-dark-mode body.elementor-page-34414 .didyouknow {
  background: #152B3A !important;
  border-left-color: #38BDF8;
}

.jnews-dark-mode body.elementor-page-34414 .didyouknow,
.jnews-dark-mode body.elementor-page-34414 .didyouknow p {
  color: #CBD5E1 !important;
}

.jnews-dark-mode body.elementor-page-34414 .didyouknow strong {
  color: #F1F5F9 !important;
}

.jnews-dark-mode body.elementor-page-34414 .didyouknow a,
.jnews-dark-mode body.elementor-page-34414 .didyouknow a strong {
  color: #7DD3FC !important;
}

/* ---- Image captions ---- */
.jnews-dark-mode body.elementor-page-34414 .elementor-widget-image figcaption,
.jnews-dark-mode body.elementor-page-34414 .elementor-image-caption {
  color: #9FB3C4;
}

/* ---- FAQ accordion ---- */
.jnews-dark-mode body.elementor-page-34414 .elementor-accordion .elementor-tab-title.elementor-active,
.jnews-dark-mode body.elementor-page-34414 .elementor-toggle .elementor-tab-title.elementor-active {
  background: #10344A;
  color: #F1F5F9 !important;
}

.jnews-dark-mode body.elementor-page-34414 .elementor-accordion .elementor-tab-content,
.jnews-dark-mode body.elementor-page-34414 .elementor-toggle .elementor-tab-content {
  color: #DDE5EC !important;
}

/* ---- Review cards ---- */
.jnews-dark-mode body.elementor-page-34414 .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);
}

.jnews-dark-mode body.elementor-page-34414 .totc-review:hover {
  box-shadow: 0 12px 22px rgba(0,0,0,.55);
}

.jnews-dark-mode body.elementor-page-34414 .totc-quote,
.jnews-dark-mode body.elementor-page-34414 .totc-quote * {
  color: #CBD5E1 !important;
}

.jnews-dark-mode body.elementor-page-34414 .totc-quote::before {
  color: #FB923C;
}

.jnews-dark-mode body.elementor-page-34414 .totc-name,
.jnews-dark-mode body.elementor-page-34414 .totc-name * {
  color: #F1F5F9 !important;
}

.jnews-dark-mode body.elementor-page-34414 .totc-role,
.jnews-dark-mode body.elementor-page-34414 .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 — istanbul-layover-tours landing page (added 25 Aug 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-34414 .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-34414 .elementor-widget-heading h1 {
    font-size: 32px;
  }
}

body.elementor-page-34414 .elementor-widget-heading h2,
body.elementor-page-34414 .elementor-widget-heading h3 {
  color: #0C4A6E;
}

/* ---- Rhythm: the flex gap is the single source of spacing between blocks ---- */
body.elementor-page-34414 .elementor-widget-text-editor p:last-child,
body.elementor-page-34414 .elementor-widget-text-editor ul:last-child {
  margin-bottom: 0;
}

body.elementor-page-34414 .pullquote {
  margin: 0;
}

body.elementor-page-34414 .tot-cta-card {
  margin: 0;
}

body.elementor-page-34414 .elementor-widget-text-editor a,
body.elementor-page-34414 .elementor-tab-content a {
  color: #6EC1E4;
}

body.elementor-page-34414 .elementor-widget-text-editor a:hover,
body.elementor-page-34414 .elementor-tab-content a:hover {
  color: #2b8fc4;
}

body.elementor-page-34414 .elementor-widget-text-editor ul,
body.elementor-page-34414 .elementor-tab-content ul {
  list-style: square;
  padding-left: 1.4em;
  margin: 0 0 1em;
}

body.elementor-page-34414 .elementor-widget-text-editor li,
body.elementor-page-34414 .elementor-tab-content li {
  margin: 0 0 6px;
}

body.elementor-page-34414 .didyouknow,
body.elementor-page-34414 .didyouknow p,
body.elementor-page-34414 .didyouknow li {
  font-size: 17px;
  line-height: 1.6;
}

body.elementor-page-34414 .elementor-accordion .elementor-accordion-title {
  font-family: 'Newsreader', serif;
  font-weight: 600;
  font-size: 21px;
  line-height: 1.3;
}

body.elementor-page-34414 .elementor-accordion .elementor-tab-content,
body.elementor-page-34414 .elementor-accordion .elementor-tab-content p {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 1.7;
  color: #1f2937;
}

body.elementor-page-34414 .tot-hero-media img,
body.elementor-page-34414 .tot-guide-media img {
  width: 100%;
  object-fit: cover;
  border-radius: 14px;
  display: block;
}

body.elementor-page-34414 .tot-hero-media img {
  aspect-ratio: 1 / 1;
}

body.elementor-page-34414 .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-34414 .tot-hero-media,
  body.elementor-page-34414 .tot-guide-media,
  body.elementor-page-34414 .tot-hero-media .elementor-widget-container,
  body.elementor-page-34414 .tot-guide-media .elementor-widget-container {
    height: 100%;
  }

  body.elementor-page-34414 .tot-hero-media img,
  body.elementor-page-34414 .tot-guide-media img {
    aspect-ratio: auto;
    height: 100%;
  }
}

@media (max-width: 767px) {
  body.elementor-page-34414 .tot-guide-media img {
    aspect-ratio: 3 / 2;
  }
}

body.elementor-page-34414 .tot-trust {
  background: #F0F9FF;
  border-radius: 12px;
  padding: 14px 22px;
}

body.elementor-page-34414 .tot-trust,
body.elementor-page-34414 .tot-trust p {
  font-size: 15px;
  line-height: 1.6;
  color: #334155;
  text-align: center;
  margin: 0;
}

body.elementor-page-34414 .tot-trust strong {
  color: #0C4A6E;
}

body.elementor-page-34414 .tot-trust a,
body.elementor-page-34414 .tot-trust a strong {
  color: #C2410C;
}

/* pull-quote written as a real <blockquote> for machine readability;
   neutralise any theme/editor blockquote chrome inside it */
body.elementor-page-34414 .pullquote blockquote {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
}

body.elementor-page-34414 .tot-quote-by,
body.elementor-page-34414 .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-34414 .tot-book .elementor-field-group label {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #334155;
}

body.elementor-page-34414 .tot-book .elementor-button[type="submit"] {
  min-height: 46px;
}

@media (prefers-reduced-motion: reduce) {
  .tot-cta-card,
  body.elementor-page-34414 .totc-review,
  body.elementor-page-34414 a {
    transition: none;
  }
  .tot-cta-card:hover {
    transform: none;
  }
}


/* ==========================================================================
   14. DARK MODE — page additions
   ========================================================================== */

.jnews-dark-mode body.elementor-page-34414 .elementor-widget-heading h1 {
  color: #F1F5F9;
}

.jnews-dark-mode body.elementor-page-34414 .elementor-widget-heading h2,
.jnews-dark-mode body.elementor-page-34414 .elementor-widget-heading h3 {
  color: #F1F5F9;
}

.jnews-dark-mode body.elementor-page-34414 .tot-trust {
  background: #152B3A;
}

.jnews-dark-mode body.elementor-page-34414 .tot-trust,
.jnews-dark-mode body.elementor-page-34414 .tot-trust p {
  color: #CBD5E1 !important;
}

.jnews-dark-mode body.elementor-page-34414 .tot-trust strong {
  color: #F1F5F9;
}

.jnews-dark-mode body.elementor-page-34414 .tot-trust a,
.jnews-dark-mode body.elementor-page-34414 .tot-trust a strong {
  color: #FDBA74 !important;
}

.jnews-dark-mode body.elementor-page-34414 .tot-quote-by,
.jnews-dark-mode body.elementor-page-34414 .tot-quote-by p {
  color: #9FB3C4;
}

.jnews-dark-mode .tot-form-lede,
.jnews-dark-mode .tot-form-lede .elementor-heading-title {
  color: #F1F5F9 !important;
}

.jnews-dark-mode body.elementor-page-34414 .tot-book {
  background-color: #0F2A3D !important;
}

.jnews-dark-mode body.elementor-page-34414 .tot-book .elementor-field-group label {
  color: #CBD5E1;
}


/* ==========================================================================
   15. FULL-BLEED VARIANT BANDS (explicit colours; identical in both themes)
   ========================================================================== */

body.elementor-page-34414 .tot-hero-full .elementor-widget-heading h1 {
  color: #FFFFFF;
  font-size: 54px;
}

@media (max-width: 767px) {
  body.elementor-page-34414 .tot-hero-full .elementor-widget-heading h1 {
    font-size: 34px;
  }
}

body.elementor-page-34414 .tot-hero-full .lead p:first-of-type {
  color: #E2E8F0;
}

body.elementor-page-34414 .tot-band-dark .elementor-widget-heading h2,
body.elementor-page-34414 .tot-band-dark .elementor-widget-heading h3 {
  color: #F1F5F9;
}

body.elementor-page-34414 .tot-band-dark .elementor-widget-text-editor,
body.elementor-page-34414 .tot-band-dark .elementor-widget-text-editor p,
body.elementor-page-34414 .tot-band-dark .elementor-widget-text-editor li {
  color: #CBD5E1;
}

body.elementor-page-34414 .tot-band-dark .elementor-widget-text-editor strong {
  color: #F1F5F9;
}

body.elementor-page-34414 .tot-band-dark .elementor-widget-text-editor a,
body.elementor-page-34414 .tot-band-dark .elementor-widget-text-editor a strong {
  color: #7DD3FC;
}

body.elementor-page-34414 .tot-band-dark .elementor-widget-text-editor a:hover,
body.elementor-page-34414 .tot-band-dark .elementor-widget-text-editor a:hover strong {
  color: #BAE6FD;
}

body.elementor-page-34414 .tot-band-dark .pullquote,
body.elementor-page-34414 .tot-band-dark .pullquote blockquote,
body.elementor-page-34414 .tot-band-dark .pullquote p {
  color: #F1F5F9;
}

body.elementor-page-34414 .tot-band-dark .pullquote {
  border-left-color: #FB923C;
}

body.elementor-page-34414 .tot-band-dark .tot-quote-by,
body.elementor-page-34414 .tot-band-dark .tot-quote-by p,
body.elementor-page-34414 .tot-band-dark .tot-quote-by em {
  color: #9FB3C4;
}

body.elementor-page-34414 .tot-band-dark .tot-cta-btn-alt .elementor-button,
body.elementor-page-34414 .tot-band-dark .tot-cta-btn-alt a.elementor-button {
  color: #FDBA74 !important;
  border-color: rgba(251, 146, 60, .55);
}

body.elementor-page-34414 .tot-band-dark .tot-cta-btn-alt .elementor-button .elementor-button-text,
body.elementor-page-34414 .tot-band-dark .tot-cta-btn-alt .elementor-button .elementor-button-content-wrapper {
  color: #FDBA74 !important;
}

body.elementor-page-34414 .tot-band-dark .tot-cta-btn-alt .elementor-button:hover,
body.elementor-page-34414 .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-34414 .tot-band-dark .tot-cta-btn-alt .elementor-button:hover .elementor-button-text {
  color: #FED7AA !important;
}

body.elementor-page-34414 .tot-band-dark .tot-form-lede,
body.elementor-page-34414 .tot-band-dark .tot-form-lede .elementor-heading-title {
  color: #F1F5F9;
}

body.elementor-page-34414 .tot-band-dark .elementor-field-group label {
  color: #CBD5E1;
}

body.elementor-page-34414 .tot-band-tint .tot-trust {
  background: transparent;
  padding: 6px 0;
}

body.elementor-page-34414 .tot-band-tint .didyouknow {
  background: #FFFFFF;
}

/* ==========================================================================
   TOT DARK MODE FIX  —  paste at the very END of a page's Custom CSS
   Elementor -> Page Settings -> Advanced -> Custom CSS

   Add nothing else and delete nothing above it. Everything here is scoped to
   dark mode, so light mode is untouched.

   WHY THIS IS NEEDED
   Elementor compiles `body.elementor-page-34414` to `body.elementor-page-<id>`, and the JNews
   theme puts `jnews-dark-mode` on <body> as well. So every existing rule
   written `.jnews-dark-mode body.elementor-page-34414 .thing` is asking for a <body> nested
   inside a <body>, which cannot happen: those rules never match. 36 of the 66
   dark rules on these pages were dead. The surviving ones lightened the text
   while the bands kept their explicit light background, which is why dark mode
   looked broken. Rules below use `body.elementor-page-34414.jnews-dark-mode` (both classes on
   the same element) and sit last, so they win.

   Built and measured 26 August 2026 on tot-test-2 against copies of all five
   live rebuilds. Safe to paste on all of them; rules for a component a given
   page does not use simply do nothing.
   ========================================================================== */


/* ---- 1. Bands. Elementor paints these from the container settings, so they
        do not follow the theme and must be flipped explicitly. ---- */

body.elementor-page-34414.jnews-dark-mode .tot-band-tint {
  background-color: #10344A !important;
}

body.elementor-page-34414.jnews-dark-mode .tot-book {
  background-color: #0B2739 !important;
}

/* The navy bands and the photo hero are already dark in both themes.
   Deliberately not touched: setting background-color on .tot-hero-full would
   sit on top of the hero photograph. */


/* ---- 2. Headings ---- */

body.elementor-page-34414.jnews-dark-mode .elementor-widget-heading h1,
body.elementor-page-34414.jnews-dark-mode .elementor-widget-heading h2,
body.elementor-page-34414.jnews-dark-mode .elementor-widget-heading h3,
body.elementor-page-34414.jnews-dark-mode .elementor-widget-heading h4,
body.elementor-page-34414.jnews-dark-mode .elementor-widget-heading h5 {
  color: #F1F5F9 !important;
}

body.elementor-page-34414.jnews-dark-mode .tot-hero-full .elementor-widget-heading h1 {
  color: #FFFFFF !important;
}

body.elementor-page-34414.jnews-dark-mode .tot-cta-eyebrow .elementor-heading-title {
  color: #FDBA74 !important;
}


/* ---- 3. Body copy and links ---- */

body.elementor-page-34414.jnews-dark-mode .elementor-widget-text-editor,
body.elementor-page-34414.jnews-dark-mode .elementor-widget-text-editor p,
body.elementor-page-34414.jnews-dark-mode .elementor-widget-text-editor li {
  color: #CBD5E1 !important;
}

body.elementor-page-34414.jnews-dark-mode .elementor-widget-text-editor strong {
  color: #F1F5F9 !important;
}

body.elementor-page-34414.jnews-dark-mode .elementor-widget-text-editor a,
body.elementor-page-34414.jnews-dark-mode .elementor-widget-text-editor a strong {
  color: #7DD3FC !important;
}

body.elementor-page-34414.jnews-dark-mode .elementor-widget-text-editor a:hover,
body.elementor-page-34414.jnews-dark-mode .elementor-widget-text-editor a:hover strong {
  color: #BAE6FD !important;
}

body.elementor-page-34414.jnews-dark-mode .elementor-widget-image figcaption,
body.elementor-page-34414.jnews-dark-mode .elementor-image-caption {
  color: #9FB3C4 !important;
}


/* ---- 4. Trust strip. It paints its own pale panel (`.tot-trust {background:#F0F9FF}`),
        which is separate from the band behind it, so it needs repainting too. Inside a
        band it stays transparent, the way it already does in light mode. ---- */

body.elementor-page-34414.jnews-dark-mode .tot-trust {
  background: #152B3A !important;
}

body.elementor-page-34414.jnews-dark-mode .tot-band-tint .tot-trust,
body.elementor-page-34414.jnews-dark-mode .tot-band-dark .tot-trust {
  background: transparent !important;
}

body.elementor-page-34414.jnews-dark-mode .tot-trust,
body.elementor-page-34414.jnews-dark-mode .tot-trust p {
  color: #CBD5E1 !important;
}

body.elementor-page-34414.jnews-dark-mode .tot-trust strong {
  color: #F1F5F9 !important;
}

body.elementor-page-34414.jnews-dark-mode .tot-trust a,
body.elementor-page-34414.jnews-dark-mode .tot-trust a strong {
  color: #FDBA74 !important;
}


/* ---- 5. "Did you know" callout and pull-quotes ---- */

body.elementor-page-34414.jnews-dark-mode .didyouknow {
  background: #152B3A !important;
  border-left-color: #38BDF8 !important;
}

body.elementor-page-34414.jnews-dark-mode .didyouknow,
body.elementor-page-34414.jnews-dark-mode .didyouknow p {
  color: #CBD5E1 !important;
}

body.elementor-page-34414.jnews-dark-mode .didyouknow strong {
  color: #F1F5F9 !important;
}

body.elementor-page-34414.jnews-dark-mode .didyouknow a,
body.elementor-page-34414.jnews-dark-mode .didyouknow a strong {
  color: #7DD3FC !important;
}

body.elementor-page-34414.jnews-dark-mode .pullquote,
body.elementor-page-34414.jnews-dark-mode .pullquote p,
body.elementor-page-34414.jnews-dark-mode .elementor-widget-text-editor blockquote {
  color: #F1F5F9 !important;
  border-left-color: #FB923C !important;
}

/* #9FB3C4 on the navy band measures 4.38:1, just under the 4.5 threshold.
   Lifted to #B6C6D4 = 6.0:1. The same line reads 4.38:1 in LIGHT mode too; if you
   want that fixed as well, change #9FB3C4 to #B6C6D4 in section 15 of the page CSS. */
body.elementor-page-34414.jnews-dark-mode .tot-quote-by,
body.elementor-page-34414.jnews-dark-mode .tot-quote-by p,
body.elementor-page-34414.jnews-dark-mode .tot-quote-by em {
  color: #B6C6D4 !important;
}


/* ---- 6. FAQ accordion. Its white panels come from the widget settings,
        not from CSS, so they need overriding here too. ---- */

body.elementor-page-34414.jnews-dark-mode .elementor-accordion .elementor-tab-title,
body.elementor-page-34414.jnews-dark-mode .elementor-accordion .elementor-tab-content,
body.elementor-page-34414.jnews-dark-mode .elementor-toggle .elementor-tab-title,
body.elementor-page-34414.jnews-dark-mode .elementor-toggle .elementor-tab-content {
  background-color: #0F2A3D !important;
  border-color: rgba(255, 255, 255, .14) !important;
}

body.elementor-page-34414.jnews-dark-mode .elementor-accordion .elementor-tab-title,
body.elementor-page-34414.jnews-dark-mode .elementor-accordion a.elementor-accordion-title,
body.elementor-page-34414.jnews-dark-mode .elementor-toggle .elementor-toggle-title {
  color: #F1F5F9 !important;
}

body.elementor-page-34414.jnews-dark-mode .elementor-accordion .elementor-tab-content,
body.elementor-page-34414.jnews-dark-mode .elementor-accordion .elementor-tab-content p,
body.elementor-page-34414.jnews-dark-mode .elementor-toggle .elementor-tab-content,
body.elementor-page-34414.jnews-dark-mode .elementor-toggle .elementor-tab-content p {
  color: #DDE5EC !important;
}

body.elementor-page-34414.jnews-dark-mode .elementor-accordion .elementor-tab-content a,
body.elementor-page-34414.jnews-dark-mode .elementor-toggle .elementor-tab-content a {
  color: #7DD3FC !important;
}


/* ---- 7. Cards ---- */

body.elementor-page-34414.jnews-dark-mode .tot-cta-card {
  background: #12293A !important;
  border-color: rgba(255, 255, 255, .12) !important;
}

body.elementor-page-34414.jnews-dark-mode .totc-review {
  background: #0F2A3D !important;
  border-color: rgba(255, 255, 255, .16) !important;
  border-top-color: #FB923C !important;
}

body.elementor-page-34414.jnews-dark-mode .tot-band-tint .totc-review {
  background: #0C2637 !important;
}

body.elementor-page-34414.jnews-dark-mode .totc-quote,
body.elementor-page-34414.jnews-dark-mode .totc-quote * {
  color: #CBD5E1 !important;
}

body.elementor-page-34414.jnews-dark-mode .totc-name,
body.elementor-page-34414.jnews-dark-mode .totc-name * {
  color: #F1F5F9 !important;
}

body.elementor-page-34414.jnews-dark-mode .totc-role,
body.elementor-page-34414.jnews-dark-mode .totc-role *,
body.elementor-page-34414.jnews-dark-mode .totc-role a {
  color: #FDBA74 !important;
}


/* ---- 8. The enquiry form ---- */

body.elementor-page-34414.jnews-dark-mode .tot-form-lede,
body.elementor-page-34414.jnews-dark-mode .tot-form-lede .elementor-heading-title {
  color: #F1F5F9 !important;
}

body.elementor-page-34414.jnews-dark-mode .elementor-field-group label {
  color: #CBD5E1 !important;
}


/* ---- 9. Outline buttons need the amber treatment on every dark ground ---- */

body.elementor-page-34414.jnews-dark-mode .tot-cta-btn-alt .elementor-button,
body.elementor-page-34414.jnews-dark-mode .tot-cta-btn-alt a.elementor-button,
body.elementor-page-34414.jnews-dark-mode .tot-cta-btn-alt .elementor-button .elementor-button-text {
  color: #FDBA74 !important;
  border-color: rgba(251, 146, 60, .55) !important;
}

body.elementor-page-34414.jnews-dark-mode .tot-cta-btn-alt .elementor-button:hover,
body.elementor-page-34414.jnews-dark-mode .tot-cta-btn-alt a.elementor-button:hover {
  background: rgba(249, 115, 22, .14) !important;
  color: #FED7AA !important;
  border-color: #FB923C !important;
}



/* ==========================================================================
   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-34414 .elementor-widget-slides {
  --tot-ease: cubic-bezier(0.23, 1, 0.32, 1);
  margin: 6px 0 10px;
}

body.elementor-page-34414 .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-34414 .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-34414 .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-34414 .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-34414 .elementor-widget-slides .elementor-background-overlay { background: transparent !important; }
body.elementor-page-34414 .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-34414 .elementor-widget-slides .swiper-slide-inner,
body.elementor-page-34414 .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-34414 .elementor-widget-slides .swiper-slide-contents { max-width: min(560px, 82%) !important; margin: 0 !important; }
body.elementor-page-34414 .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-34414 .elementor-widget-slides .elementor-slide-heading::before { display: none !important; }
body.elementor-page-34414 .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-34414 .elementor-widget-slides .elementor-slide-heading + .elementor-slide-button,
body.elementor-page-34414 .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-34414 .elementor-widget-slides .elementor-slide-button,
body.elementor-page-34414 .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-34414 .elementor-widget-slides .elementor-slide-button::after { content: "→"; }
body.elementor-page-34414 .elementor-widget-slides a.swiper-slide-inner:active .elementor-slide-button,
body.elementor-page-34414 .elementor-widget-slides .elementor-slide-button:active { transform: scale(.97); }

/* arrows: white discs, navy chevrons */
body.elementor-page-34414 .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-34414 .elementor-widget-slides .elementor-swiper-button svg {
  width: 15px;
  height: 15px;
  fill: #0C4A6E;
}
body.elementor-page-34414 .elementor-widget-slides .elementor-swiper-button-prev { left: 14px; }
body.elementor-page-34414 .elementor-widget-slides .elementor-swiper-button-next { right: 14px; }
body.elementor-page-34414 .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-34414 .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-34414 .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-34414 .elementor-widget-slides .swiper-pagination-bullet-active {
  width: 22px;
  opacity: 1;
  background: #EA580C;
}

@media (hover: hover) and (pointer: fine) {
  body.elementor-page-34414 .elementor-widget-slides .elementor-swiper-button:hover { background: #FFFFFF; }
  body.elementor-page-34414 .elementor-widget-slides .swiper-pagination-bullet:hover { opacity: .9; }
  body.elementor-page-34414 .elementor-widget-slides a.swiper-slide-inner:hover .elementor-slide-button { background: #FFFFFF !important; color: #C2410C !important; }
}

@media (max-width: 600px) {
  body.elementor-page-34414 .elementor-widget-slides .elementor-slides-wrapper { border-radius: 12px; }
  /* phones swipe; the arrows only covered the caption */
  body.elementor-page-34414 .elementor-widget-slides .elementor-swiper-button { display: none !important; }
  body.elementor-page-34414 .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-34414 .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-34414 .elementor-widget-slides .swiper-slide-contents { max-width: 100% !important; }
  body.elementor-page-34414 .elementor-widget-slides .elementor-slide-heading { font-size: 19px !important; }
  body.elementor-page-34414 .elementor-widget-slides .elementor-slide-description { font-size: 13.5px !important; -webkit-line-clamp: 2; margin-bottom: 8px !important; }
  body.elementor-page-34414 .elementor-widget-slides .elementor-slide-button { font-size: 13px !important; padding: 6px 12px !important; }
  body.elementor-page-34414 .elementor-widget-slides .swiper-pagination { bottom: 12px !important; right: 14px !important; }
}

/* ---- enquiry form ---- */
body.elementor-page-34414 .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-34414 .elementor-widget-form .elementor-field-group { margin-bottom: 16px !important; }
body.elementor-page-34414 .elementor-widget-form .elementor-field-group.e-form__buttons { margin-bottom: 0 !important; margin-top: 4px; }

body.elementor-page-34414 .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-34414 .elementor-widget-form .elementor-mark-required .elementor-field-label::after { color: #EA580C; }

body.elementor-page-34414 .elementor-widget-form .elementor-field-textual,
body.elementor-page-34414 .elementor-widget-form input.elementor-field,
body.elementor-page-34414 .elementor-widget-form textarea.elementor-field,
body.elementor-page-34414 .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-34414 .elementor-widget-form textarea.elementor-field { height: auto !important; min-height: 140px; resize: vertical; }

body.elementor-page-34414 .elementor-widget-form .elementor-field::placeholder { color: #94A3B8; opacity: 1; }

body.elementor-page-34414 .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-34414 .elementor-widget-form .e-form__buttons .elementor-button,
body.elementor-page-34414 .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-34414 .elementor-widget-form button[type="submit"] .elementor-button-text::after { content: "  →"; }
body.elementor-page-34414 .elementor-widget-form button[type="submit"]:active { transform: scale(.98); }
body.elementor-page-34414 .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-34414 .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-34414 .elementor-widget-form .elementor-message-success { background: #DCFCE7; color: #166534; }
body.elementor-page-34414 .elementor-widget-form .elementor-message-danger { background: #FFE4E6; color: #9F1239; }
body.elementor-page-34414 .elementor-widget-form .elementor-message::before { display: none; }

@media (hover: hover) and (pointer: fine) {
  body.elementor-page-34414 .elementor-widget-form button[type="submit"]:hover { background: #C2410C !important; }
  body.elementor-page-34414 .elementor-widget-form .elementor-field:hover:not(:focus) { border-color: #94A3B8 !important; }
}

@media (max-width: 600px) {
  body.elementor-page-34414 .elementor-widget-form .elementor-form { padding: 20px 16px 18px; border-radius: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  body.elementor-page-34414 .elementor-widget-slides *,
  body.elementor-page-34414 .elementor-widget-form * { transition: none !important; }
  body.elementor-page-34414 .elementor-widget-slides .elementor-swiper-button:active,
  body.elementor-page-34414 .elementor-widget-form button[type="submit"]:active { transform: none; }
  body.elementor-page-34414 .elementor-widget-slides .elementor-swiper-button:active { transform: translateY(-50%); }
}


/* ---- 18. slides + form in dark mode ---- */
body.elementor-page-34414.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-34414.jnews-dark-mode .elementor-widget-form .elementor-form {
  background: #152B3A !important;
  border-color: #274357 !important;
}
body.elementor-page-34414.jnews-dark-mode .elementor-widget-form .elementor-field-label { color: #CBD5E1 !important; }
body.elementor-page-34414.jnews-dark-mode .elementor-widget-form .elementor-field {
  background: #0F1B24 !important;
  border-color: #33536A !important;
  color: #F1F5F9 !important;
}
body.elementor-page-34414.jnews-dark-mode .elementor-widget-form .elementor-field::placeholder { color: #7B93A6; }
body.elementor-page-34414.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;
}/* End custom CSS */