.elementor-59214 .elementor-element.elementor-element-c3a8b50 .elementor-toc__header-title{text-align:start;}.elementor-59214 .elementor-element.elementor-element-c3a8b50 .elementor-toc__header{flex-direction:row;}.elementor-59214 .elementor-element.elementor-element-c3a8b50{--item-text-hover-decoration:underline;}.elementor-59214 .elementor-element.elementor-element-0c01398{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-f0d1ed4{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-a2fcba7{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-02a8f0f{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-39687be{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-15ce421 .elementor-repeater-item-9734fbf .swiper-slide-bg{background-color:#833ca3;background-image:url(https://theothertour.com/wp-content/uploads/2026/07/prytaneion-ephesus-ruins-gateway-columns.jpg);background-size:cover;}.elementor-59214 .elementor-element.elementor-element-15ce421 .elementor-repeater-item-31bb6e1 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://theothertour.com/wp-content/uploads/2026/07/prytaneion-ephesus-hestia-eternal-flame-virtual-reconstruction.jpg);background-size:cover;}.elementor-59214 .elementor-element.elementor-element-15ce421 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-59214 .elementor-element.elementor-element-15ce421 .swiper-slide-contents{max-width:66%;}.elementor-59214 .elementor-element.elementor-element-15ce421 .swiper-slide-inner{text-align:center;}.elementor-59214 .elementor-element.elementor-element-8ea49bc{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-2f11550{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-bf1cb9b{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-bc74fbb{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-3791f9f{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-f0d0758{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-6d7a78d{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-7052918{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-503f383{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-814ac49{padding:15px 0px 0px 22px;}.elementor-59214 .elementor-element.elementor-element-83ddd66{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-a8beb8b{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-41f3d85{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-b6ce0a0{--spacer-size:25px;}.elementor-59214 .elementor-element.elementor-element-fd27ec4{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-dbe496c{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-ee0cbd0{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-661c99a{padding:15px 0px 0px 22px;}.elementor-59214 .elementor-element.elementor-element-62d045b{--spacer-size:18px;}.elementor-59214 .elementor-element.elementor-element-442550b{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-ba79e8d{--spacer-size:18px;}.elementor-59214 .elementor-element.elementor-element-6ae8f1a{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-59214 .elementor-element.elementor-element-6ae8f1a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-59214 .elementor-element.elementor-element-4cfadef img{height:203px;object-fit:cover;object-position:center center;border-radius:14px 14px 14px 14px;}.elementor-59214 .elementor-element.elementor-element-a3be797{--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:9px 9px;--row-gap:9px;--column-gap:9px;}.elementor-59214 .elementor-element.elementor-element-d111def{text-align:center;}.elementor-59214 .elementor-element.elementor-element-6680894{text-align:center;}.elementor-59214 .elementor-element.elementor-element-0712761.elementor-element{--align-self:center;}.elementor-59214 .elementor-element.elementor-element-0712761{text-align:center;}.elementor-59214 .elementor-element.elementor-element-6520b16{--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;}.elementor-59214 .elementor-element.elementor-element-f1233a7{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-6cc3a31{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-56efe17{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-ef0a05f{padding:15px 0px 0px 22px;}.elementor-59214 .elementor-element.elementor-element-5c661b4{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-2cba3ca{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-db84954{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-dfdf062{padding:15px 0px 0px 22px;}.elementor-59214 .elementor-element.elementor-element-38a4051{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-ab9bf87{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-16dd64d{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-3a765fd .elementor-repeater-item-4959f89 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://theothertour.com/wp-content/uploads/2026/07/octagon-tomb-ephesus-curetes-street-library-celsus-context.png);background-size:cover;}.elementor-59214 .elementor-element.elementor-element-3a765fd .elementor-repeater-item-8fb9e14 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://theothertour.com/wp-content/uploads/2026/07/octagon-tomb-curetes-street-ephesus-visitors-library-celsus.jpg);background-size:cover;}.elementor-59214 .elementor-element.elementor-element-3a765fd .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-59214 .elementor-element.elementor-element-3a765fd .swiper-slide-contents{max-width:66%;}.elementor-59214 .elementor-element.elementor-element-3a765fd .swiper-slide-inner{text-align:center;}.elementor-59214 .elementor-element.elementor-element-ba8104b{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-d9dcdcd{padding:15px 0px 0px 22px;}.elementor-59214 .elementor-element.elementor-element-d855a47{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-975bcec{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-a1c05aa{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-db27f6e{padding:15px 0px 0px 22px;}.elementor-59214 .elementor-element.elementor-element-e2d4a08{--spacer-size:18px;}.elementor-59214 .elementor-element.elementor-element-c6cc171{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-fa0098a{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-4a1ad92{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-8ac5d4b .elementor-repeater-item-38e2601 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://theothertour.com/wp-content/uploads/2026/07/library-of-celsus-ephesus-facade-curetes-street.jpg);background-size:cover;}.elementor-59214 .elementor-element.elementor-element-8ac5d4b .elementor-repeater-item-020a9bd .swiper-slide-bg{background-color:#833ca3;background-image:url(https://theothertour.com/wp-content/uploads/2025/01/great-theatre-ephesus-4-1.jpg);background-size:cover;}.elementor-59214 .elementor-element.elementor-element-8ac5d4b .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-59214 .elementor-element.elementor-element-8ac5d4b .swiper-slide-contents{max-width:66%;}.elementor-59214 .elementor-element.elementor-element-8ac5d4b .swiper-slide-inner{text-align:center;}.elementor-59214 .elementor-element.elementor-element-8142ae0{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-379eac5{padding:15px 0px 0px 22px;}.elementor-59214 .elementor-element.elementor-element-b0dc196{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-0d2a5c0{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-f05a7af{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-1a262c9{padding:15px 0px 0px 22px;}.elementor-59214 .elementor-element.elementor-element-2f456cb{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-85dab40{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-cae2312{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-a55d309{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-788e3e2{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-59214 .elementor-element.elementor-element-788e3e2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-59214 .elementor-element.elementor-element-f0133dc img{height:203px;object-fit:cover;object-position:center center;border-radius:14px 14px 14px 14px;}.elementor-59214 .elementor-element.elementor-element-82c12e9{--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:9px 9px;--row-gap:9px;--column-gap:9px;}.elementor-59214 .elementor-element.elementor-element-b166fb0{text-align:center;}.elementor-59214 .elementor-element.elementor-element-7d0716b{text-align:center;}.elementor-59214 .elementor-element.elementor-element-48b9759.elementor-element{--align-self:center;}.elementor-59214 .elementor-element.elementor-element-48b9759{text-align:center;}.elementor-59214 .elementor-element.elementor-element-f053bd0{--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;}.elementor-59214 .elementor-element.elementor-element-26a378f{--spacer-size:13px;}.elementor-59214 .elementor-element.elementor-element-cde437d .jnews-faq-wrapper .list-wrapper a.list-toogle h5.question{color:#6EC1E4;}.elementor-59214 .elementor-element.elementor-element-cde437d .jnews-faq-wrapper .list-wrapper .card-expand{color:var( --e-global-color-primary );}.elementor-59214 .elementor-element.elementor-element-cde437d .jnews-faq-wrapper .list-wrapper svg.faq-icon path{fill:#6EC1E4;}.elementor-59214 .elementor-element.elementor-element-cde437d .jnews-faq-wrapper.style-3 .list-wrapper, .elementor-59214 .elementor-element.elementor-element-cde437d .jnews-faq-wrapper.style-4 .list-wrapper{border-color:#E2E8F0;}.elementor-59214 .elementor-element.elementor-element-a56b807{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#6EC1E4;}.elementor-59214 .elementor-element.elementor-element-a56b807 .elementor-headline{text-align:center;}.elementor-59214 .elementor-element.elementor-element-a56b807 .elementor-headline-dynamic-wrapper path{stroke:#6EC1E4;}.elementor-59214 .elementor-element.elementor-element-14c8931{--spacer-size:12px;}.elementor-59214 .elementor-element.elementor-element-e9608d6{--spacer-size:12px;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-field-type-html{padding-bottom:0px;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-button{font-size:16px;font-weight:600;padding:16px 16px 16px 16px;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .e-form__buttons__wrapper__button-next{background-color:#6EC1E4;color:#ffffff;transition-duration:200ms;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-button[type="submit"]{background-color:#6EC1E4;color:#ffffff;transition-duration:200ms;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-button[type="submit"] svg *{fill:#ffffff;transition-duration:200ms;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .e-form__buttons__wrapper__button-previous{color:#ffffff;transition-duration:200ms;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .e-form__buttons__wrapper__button-next:hover{background-color:#C2410C;color:#ffffff;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-button[type="submit"]:hover{background-color:#C2410C;color:#ffffff;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-59214 .elementor-element.elementor-element-e0cabf4 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-59214 .elementor-element.elementor-element-e0cabf4{--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(min-width:768px){.elementor-59214 .elementor-element.elementor-element-6ae8f1a{--width:95.616%;}.elementor-59214 .elementor-element.elementor-element-6520b16{--width:100%;}.elementor-59214 .elementor-element.elementor-element-788e3e2{--width:95.616%;}.elementor-59214 .elementor-element.elementor-element-f053bd0{--width:100%;}}@media(max-width:1024px){.elementor-59214 .elementor-element.elementor-element-4cfadef img{height:500px;object-position:center center;}.elementor-59214 .elementor-element.elementor-element-f0133dc img{height:500px;object-position:center center;}}@media(max-width:767px){.elementor-59214 .elementor-element.elementor-element-4cfadef img{height:189px;}.elementor-59214 .elementor-element.elementor-element-f0133dc img{height:189px;}}/* 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-59214 .elementor-widget-text-editor {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 1.7;
  color: #1f2937;
}

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

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

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


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

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

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

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

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


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

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

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

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

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

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

body.elementor-page-59214 .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-59214 .totc-name {
  margin-top: auto;
}

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

body.elementor-page-59214 .totc-role,
body.elementor-page-59214 .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-59214 .totc-reviews {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }

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


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

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

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

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

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

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

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

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

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

/* ---- Review cards ---- */
.jnews-dark-mode body.elementor-page-59214 .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-59214 .totc-review:hover {
  box-shadow: 0 12px 22px rgba(0,0,0,.55);
}

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

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

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

.jnews-dark-mode body.elementor-page-59214 .totc-role,
.jnews-dark-mode body.elementor-page-59214 .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;
}/* End custom CSS */