/* ============================================================
   EESTI LAEVAJUHTIDE LIIDU KODULEHE KOHANDATUD CSS
   ------------------------------------------------------------
   Asukoht: Ilme &gt; Kohanda &gt; Lisa-CSS (Additional CSS).
   Iga plokk algab kommentaariga, mis ütleb, mida ta muudab.
   Ploki kustutamine taastab teema vaikimisi välimuse.
   NB! Ära kasuta siin '&gt;' märki selektorites (Customizer rikub selle).
   Dokumentatsioon: saidi kaustas /dokumentatsioon/
   ============================================================ */

/* === EST/ENG flag switcher (white sub-header bar) === */
.header-lawer .language-switcher .lang-flags { list-style:none; margin:0; padding:0; display:flex; gap:10px; align-items:center; }
.header-lawer .language-switcher .lang-flags li { margin:0; padding:0; }
.header-lawer .language-switcher .lang-flags img { display:block; width:30px; height:20px; object-fit:cover; border-radius:2px; box-shadow:0 0 2px rgba(0,0,0,.25); }
.header-lawer .language-switcher .lang-flags a { display:block; opacity:.5; transition:opacity .2s ease; }
.header-lawer .language-switcher .lang-flags a:hover { opacity:1; }
html[lang^="et"] .lang-flags a[hreflang="et"] { opacity:1; }
html[lang^="en"] .lang-flags a[hreflang="en"] { opacity:1; }

/* === Front-page section anchor menu (white sub-header bar) === */
.header-lawer .section-anchors-menu { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.header-lawer .section-anchors-menu li { margin:0; padding:0; }
.header-lawer .section-anchors-menu a { color:#0a2a43; font-size:13px; font-weight:600; line-height:1; text-decoration:none; white-space:nowrap; transition:color .2s ease; }
.header-lawer .section-anchors-menu a:hover { color:#2ec6c2; }

/* === Smooth scroll + offset anchored sections below fixed header === */
html { scroll-behavior:smooth; }
#welcome, #yachts-for-charter, #what-clients-say, #popular-destinations, #boat-types, #news-articles { scroll-margin-top:120px; }
/* === Front page restructure (2026-06) === */
#tere-tulemast,#missioon,#eljl-numbrites,#juhatus,#koostoopartnerid,#liikmete-spetsialiteet,#viimased-sundmused { scroll-margin-top:120px; }
/* Juhatus: 4 columns */
#juhatus .row .col-xl-4 { flex:0 0 25%; max-width:25%; }
@media (max-width:991px){ #juhatus .row .col-xl-4 { flex:0 0 50%; max-width:50%; } }
@media (max-width:575px){ #juhatus .row .col-xl-4 { flex:0 0 100%; max-width:100%; } }
/* Koostoopartnerid: full-width gallery, hide side image+text */
#koostoopartnerid .boat-area .col-xl-6 { flex:0 0 100%; max-width:100%; }
#koostoopartnerid .boat-image-box { display:none; }
#koostoopartnerid .boat-content-box .sec-title { text-align:center; }
#koostoopartnerid .inner-content-box p { display:none; }
#koostoopartnerid .inner-content-box ul { display:flex; flex-wrap:wrap; justify-content:center; gap:70px; padding:0; margin:0; list-style:none; }
#koostoopartnerid .inner-content-box ul li { flex:0 0 auto; width:300px; height:auto; min-height:240px; padding:20px 12px; justify-content:center; text-align:center; }

/* ===== Site colour scheme (2026-06) ===== */
body { background-color:#F7F9FB; color:#1F2A33; }
.elementor-kit-12 { --e-global-color-primary:#1F5D8C; --e-global-color-secondary:#2E7DB8; --e-global-color-text:#1F2A33; --e-global-color-accent:#163E5C; }

/* ----- Top menu (header) light scheme ----- */
.header-upper { background:#5FA8DA !important; }
.sticky-header { background:#5FA8DA !important; box-shadow:0 2px 10px rgba(22,62,92,.08); }
.main-menu .navigation li a { color:#163E5C !important; }
.main-menu .navigation li:hover a,
.main-menu .navigation li.current-menu-item a,
.main-menu .navigation li.current_page_item a,
.main-menu .navigation li.current-menu-ancestor a { background:#E7F0F7 !important; color:#1F5D8C !important; }
.main-menu .navigation li ul { background:#FFFFFF !important; }
.main-menu .navigation li ul li a { color:#163E5C !important; }
.header-upper .social-links-style1 a, .header-social-links a { color:#163E5C !important; }
.mobile-nav-toggler { color:#163E5C !important; }

/* ----- White sub-bar (flags + section menu) ----- */
.header-lawer { background:#F4F8FB !important; }
.section-anchors-menu a { color:#163E5C; }
.section-anchors-menu a:hover { color:#1F5D8C; }

/* Liikmete spetsialiteet: show full ship photos centered */
#liikmete-spetsialiteet .single-destination-box .img-holder .inner img { width:100%; height:auto; object-fit:contain; object-position:center center; }

/* ===== Hero banner (single slide) ===== */
.main-slider .content { display:flex; flex-direction:column; align-items:center; }
.main-slider .content .big-title { order:1; }
.main-slider .content .text { order:2; margin-top:18px; text-transform:uppercase; max-width:760px; }
.main-slider .big-title, .main-slider .big-title span, .main-slider .content .text { color:#FFFFFF !important; }

/* Hero banner image contrast (banner2) */
.main-slider .slide .image-layer:before { background: radial-gradient(ellipse 75% 65% at center, rgba(1,31,64,0.66) 0%, rgba(1,31,64,0.42) 55%, rgba(1,31,64,0.16) 100%) !important; }
.main-slider .big-title, .main-slider .content .text { text-shadow: 0 2px 14px rgba(0,0,0,0.6); }


/* ===== Enlarged overlapping main logo (initial header only) ===== */
.main-header .header-upper, .main-header .header-upper .container-box, .main-header .header-upper .outer-box, .main-header .header-upper-left, .main-header .header-upper-left .logo, .main-header .header-lawer { overflow: visible; }
.main-header .header-upper { position: relative; z-index: 5; }
.main-header .header-upper-left .logo { padding: 10px 0 0; }
.main-header .header-upper-left .logo a { position: relative; z-index: 30; display: inline-block; }
.main-header .header-upper-left .logo a img.custom-logo { width: auto; height: 145px; max-width: none; margin-bottom: -22px; }

/* ===== Footer 3-column layout ===== */
.footer-area .footer-widgets-area { padding-bottom: 60px; }
.footer-area .footer-columns { margin-left:-15px; margin-right:-15px; }
.footer-area .footer-col { padding: 0 25px; margin-bottom: 30px; }
.footer-area .footer-col-title { color:#163E5C; font-weight:700; margin-bottom:18px; }
.footer-area .footer-col-list { list-style: disc; padding-left: 20px; margin:0; }
.footer-area .footer-col-list li { color:#163E5C; margin-bottom:10px; line-height:1.6; }
.footer-area .footer-bottom .copyright-text p { color:#163E5C; margin:0; }

/* ===== About section: 4 equal images + full-width symmetric text ===== */
.about-style1-area .about-style1-left-content { width:100%; float:none; margin:0; }
.about-style1-area .text-holder { width:100%; max-width:100%; }

/* about-headings-center */
.about-style1-area .text-holder span { display:block; text-align:center; }
.about-style1-area .text-holder h1 { text-align:center; }

/* Missioon heading: same font/size as other section titles */
#missioon .elementor-heading-title { font-family: "Spectral", serif !important; font-size: 60px !important; line-height: 1.2em !important; font-weight: 800 !important; color: #1F5D8C !important; }
@media (max-width:767px){ #missioon .elementor-heading-title { font-size: 36px !important; } }
/* ===== header-vertical-center: align upper menu + social with the overhanging logo ===== */
@media (min-width:992px){
  .main-header .header-upper .main-menu .navigation li { padding-top:58px !important; padding-bottom:35px !important; }
  .main-header .header-upper .menu-right-content .header-social-links { padding-top:58px !important; padding-bottom:35px !important; }
}
.header-social-links .social-links-style1 li { margin-right:12px; }
.header-social-links .social-links-style1 li:last-child { margin-right:0; }

/* ===== header-centering v2 (2026-07): TRUE page-center for both menus ===== */
@media (min-width:992px){
  /* Blue bar: menu strip spans the full bar and centers on the page axis.
     Logo stays in normal flow on the left (defines bar height, keeps overhang). */
  .main-header .header-upper .outer-box { position:relative; }
  .main-header .header-upper-middle { position:absolute; left:0; right:0; top:0; float:none; width:100%; padding-left:0; }
  .main-header .header-upper-middle .nav-outer { display:flex; justify-content:center; position:relative; float:none; }
  .main-header .header-upper .main-menu { float:none; }
  /* Quick links (Facebook/mail): pinned to the right edge, vertically centered on the menu row */
  .main-header .header-upper .menu-right-content { position:absolute; right:0; top:50%; transform:translateY(-50%); margin:0; float:none; }
  .main-header .header-upper .menu-right-content .header-social-links { padding:0 !important; }
}
@media (min-width:768px){
  /* White bar: anchor submenu centered on the page axis; flags pinned right where they were */
  .header-lawer .section-anchors-menu { justify-content:center; }
}

/* ===== contact-page (2026-07): centered EST contact info, form removed ===== */
.contact-form-area .col-xl-5 { display:none; }
.contact-form-area .col-xl-7 { flex:0 0 100%; max-width:100%; }
.contact-form-area .contact-information-box { margin:0 auto; text-align:center; padding-bottom:0; }
.contact-form-area .social-links-style1 { display:flex; justify-content:center; }
.contact-address-block { text-align:center; padding:53px 0 120px; }
.contact-address-block p { color:#5f6973; font-size:14px; line-height:20px; font-weight:500; text-transform:uppercase; letter-spacing:3px; margin:0 0 14px; }
.contact-address-block a { color:#022447; font-size:26px; font-weight:700; }
.contact-address-block a:hover { color:#1F5D8C; }
/* contact-page gap fix: address row sits 53px under E-post like the other rows */
.page-id-175 .contact-form-area, .page-id-1198 .contact-form-area { padding-bottom:0; }
.page-id-175 .elementor-widget-yacher_contact, .page-id-1198 .elementor-widget-yacher_contact { margin-bottom:0 !important; }

/* Missioon: bullet list */
.missioon-list { max-width:820px; margin:0 auto; padding:0; text-align:center; list-style:none; }
.missioon-list li { margin-bottom:14px; color:#1F2A33; font-size:17px; line-height:1.6; }
.missioon-list li:before { content:"\2022\00a0"; color:#1F5D8C; font-weight:700; }
.missioon-list li::marker { color:#1F5D8C; }


/* juhatus-email: email on its own line under the role */
#juhatus .single-team-member .title p a { display:block; margin-top:4px; color:#1F5D8C; font-weight:600; }
#juhatus .single-team-member .title p a:hover { color:#163E5C; text-decoration:underline; }

/* tere-tulemast-text-center */
#tere-tulemast .text-holder .text p, #tere-tulemast .text-holder p { text-align:center; }




/* sticky-overflow-fix: theme .boxed_wrapper{overflow:hidden} breaks position:sticky on scrolly pages */
body.page-id-1196 .boxed_wrapper { overflow:visible; }

.footer-area .footer-col-list a { color:#163E5C; }
.footer-area .footer-col-list a:hover { color:#1F5D8C; text-decoration:underline; }


/* liikmelisus-page-anchors */
#liikmelisus, #miks-liituda, #liikmemaks, #auliikmed, #soodustused, #kuidas-liituda, #valjaastumine { scroll-margin-top:120px; }

/* contact fixes: equal gaps + address value colour like phone/e-post */
.page-id-175 .contact-information-box .social-links-style1, .page-id-1198 .contact-information-box .social-links-style1 { display:none; }
.contact-address-block a { color:#1F5D8C; font-weight:500; }

/* sticky header: center cloned menu like the main bar (logo stays left) */
@media (min-width:992px){
  .sticky-header .container { position:relative; }
  .sticky-header .right-col { position:absolute; left:0; right:0; top:0; float:none !important; }
  .sticky-header .right-col .main-menu { float:none; }
  .sticky-header .main-menu .navigation { display:flex; justify-content:center; float:none; width:100%; }
}

/* pohikiri: white anchor bar rides fixed below the theme sticky header while scrolling */
@media (min-width:992px){
  .pk-lawer-fixed { position:fixed; left:0; right:0; z-index:988; box-shadow:0 6px 18px rgba(22,62,92,.10); }
}

/* breadcrumb-hero-size: subpage banners same height as front hero */
.breadcrumb-area { min-height:860px; display:flex; align-items:center; padding:60px 0; }
@media (max-width:991px){ .breadcrumb-area { min-height:420px; } }
.breadcrumb-area .container { width:100%; }


/* breadcrumb-hero-look: subpage banners get the front-hero dark overlay + big title */
.breadcrumb-area::before { background: radial-gradient(ellipse 75% 65% at center, rgba(1,31,64,0.66) 0%, rgba(1,31,64,0.42) 55%, rgba(1,31,64,0.16) 100%) !important; }
.breadcrumb-area .title h1 { font-family:'Spectral',serif; font-size:100px; line-height:1.1em; font-weight:800; color:#FFFFFF; text-shadow:0 2px 14px rgba(0,0,0,0.6); }
@media (max-width:991px){ .breadcrumb-area .title h1 { font-size:48px; } }


/* breadcrumb-hero-anim: subpage banners animate like the front hero (waves icon + title + subtitle) */
@keyframes bcFadeUp { from { opacity:0; transform:translateY(34px); } to { opacity:1; transform:none; } }
@keyframes bcFadeDown { from { opacity:0; transform:translateY(-24px); } to { opacity:1; transform:none; } }
.breadcrumb-area .inner-content { text-align:center; }
.breadcrumb-hero-waves { animation:bcFadeDown .9s ease .15s both; margin-bottom:6px; }
.breadcrumb-hero-waves img { display:inline-block; width:auto; height:auto; }
.breadcrumb-area .title h1 { animation:bcFadeUp 1s ease .35s both; }
.breadcrumb-hero-sub { animation:bcFadeUp 1s ease .7s both; color:#FFFFFF; font-size:16px; line-height:1.7em; font-weight:600; text-transform:uppercase; letter-spacing:1px; max-width:760px; margin:18px auto 0; text-shadow:0 2px 14px rgba(0,0,0,0.6); }
@media (prefers-reduced-motion: reduce){ .breadcrumb-hero-waves, .breadcrumb-area .title h1, .breadcrumb-hero-sub { animation:none; } }


/* partner-logos: replace boat icons with real partner logos (boxes keep their size) */
#koostoopartnerid .inner-content-box ul li i { display:none; }
#koostoopartnerid .inner-content-box ul li:before { content:''; display:block; flex:0 0 auto; width:100%; height:108px; margin:0 auto 14px; background-position:center; background-repeat:no-repeat; background-size:contain; }
#koostoopartnerid .inner-content-box ul li:nth-child(1):before { background-image:url('/wp-content/uploads/2026/07/Taltech-removebg.png'); }
#koostoopartnerid .inner-content-box ul li:nth-child(2):before { background-image:url('/wp-content/uploads/2026/07/Carenoil-removebg.png'); }
#koostoopartnerid .inner-content-box ul li:nth-child(3):before { background-image:url('/wp-content/uploads/2026/11/Koch-768x330.png'); }



/* meist-rudder: small steering wheel above the Meist tagline */
#tere-tulemast .text-holder span:before { content:''; font-family:Flaticon; display:block; font-size:50px; line-height:50px; color:#1F5D8C; padding-bottom:9px; font-style:normal; }


/* remove-about-images: hide the 4 photos under the front banner, close the gap */
#tere-tulemast .about-images-row { display:none; }
#tere-tulemast .about-style1-area { padding-top:20px; }


/* section-rudders: steering wheel above Liikmelisus + Kontakt headings */
.eml3 .e3-hero h1:before, .eml3 h2:before { content:''; font-family:Flaticon; display:block; font-size:50px; line-height:50px; font-weight:400; color:#1F5D8C; padding-bottom:9px; }
.contact-information-box .title span:before { content:''; font-family:Flaticon; display:block; font-size:50px; line-height:50px; font-weight:400; color:#1F5D8C; padding-bottom:12px; letter-spacing:0; }


/* heading-colors-rudders-2 */
/* Kontakt + Contact Us: heading blue like other pages */
.contact-information-box .title h1 { color:#1F5D8C; }
/* About Us (EN): rudders above hero + section headings */
.au .au-hero h1:before, .au h2:before { content:''; font-family:Flaticon; display:block; font-size:50px; line-height:50px; font-weight:400; color:#1F5D8C; padding-bottom:9px; }


/* member-photo-uniform: all member/board photos same shape as Janno's (1882x1954) */
#juhatus .single-team-member .img-holder img,
.au-person .ph img,
.e3-person .ph img { width:100%; aspect-ratio:1882/1954; object-fit:cover; object-position:center top; }

/* missioon-rudder */
#missioon .elementor-heading-title:before { content:''; font-family:Flaticon; display:block; font-size:50px; line-height:50px; font-weight:400; color:#1F5D8C; padding-bottom:9px; }


/* lawer-align-final: submenu + flags guaranteed on one line, both vertically centered */
@media (min-width:768px){
  .header-lawer .outer-box { display:flex !important; align-items:center !important; min-height:56px; position:relative !important; }
  .header-lawer .header-lawer-left { float:none !important; width:100% !important; display:flex; align-items:center; justify-content:center; }
  .header-lawer .header-lawer-left .section-anchors { width:100%; }
  .header-lawer .header-lawer-right { position:absolute !important; right:0 !important; top:0 !important; bottom:0 !important; transform:none !important; float:none !important; display:flex; align-items:center; }
}




/* fb-news-cards v2: 4 compact horizontal cards */
#viimased-sundmused .cff-visual-header, #viimased-sundmused .cff-likebox, #viimased-sundmused .cff-error-msg { display:none !important; }
#viimased-sundmused .cff-posts-wrap { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
#viimased-sundmused .cff-item { background:#fff; border:1px solid #DCE7F0 !important; border-radius:12px; padding:20px 18px !important; min-height:190px; max-height:320px; overflow:hidden; display:flex; flex-direction:column; margin:0 !important; transition:transform .3s, box-shadow .3s; }
#viimased-sundmused .cff-item:hover { transform:translateY(-5px); box-shadow:0 16px 34px rgba(22,62,92,.13); }
#viimased-sundmused .cff-date { order:-1; color:#5f6973 !important; font-size:12px !important; letter-spacing:1.5px; text-transform:uppercase; font-weight:600; margin:0 0 10px !important; }
#viimased-sundmused .cff-post-text, #viimased-sundmused .cff-post-text p { color:#1F2A33 !important; font-size:14.5px !important; line-height:1.55 !important; margin:0; }
#viimased-sundmused .cff-post-text a { color:#1F5D8C; }
#viimased-sundmused .cff-shared-link { margin-top:10px; font-size:13px; }
#viimased-sundmused .cff-post-links { margin-top:auto; padding-top:12px; }
#viimased-sundmused .cff-post-links a { color:#1F5D8C !important; font-weight:700; font-size:13.5px; text-decoration:none; }
#viimased-sundmused .cff-post-links a:hover { text-decoration:underline; }
#viimased-sundmused .cff-share-container, #viimased-sundmused .cff-dot { display:none !important; }
@media (max-width:991px){ #viimased-sundmused .cff-posts-wrap { grid-template-columns:repeat(2,1fr); } }
@media (max-width:575px){ #viimased-sundmused .cff-posts-wrap { grid-template-columns:1fr; } }

/* fb-news-buoy: rotating lifebuoy restored (as in old latest-blog-area) */
#viimased-sundmused { position:relative; }
.fb-news-buoy { position:absolute; top:-200px; right:calc(100px - ((100vw - 100%) / 2)); animation:rotateme 60s linear infinite; pointer-events:none; z-index:1; }
.fb-news-buoy img { display:block; }
@media (max-width:991px){ .fb-news-buoy { display:none; } }
@media (prefers-reduced-motion: reduce){ .fb-news-buoy { animation:none; } }


/* ===== ope-page-styles: Õpe page (Merekool + TalTech blocks) ===== */
.ope-head { text-align:center; margin-bottom:34px; }
.ope-head .icon i:before { font-size:50px; line-height:50px; color:#1F5D8C; }
.ope-head .k { color:#5f6973; font-size:13px; letter-spacing:2.5px; font-weight:600; margin:6px 0 4px; }
.ope-head h1 { color:#1F5D8C; font-size:44px; font-weight:800; margin:0; }
.ope-sub { text-align:center; color:#163E5C; font-size:24px; font-weight:700; margin:44px 0 22px; }
.ope-erialad { list-style:none; margin:0 auto; padding:0; max-width:900px; display:grid; grid-template-columns:repeat(2,1fr); gap:12px 24px; }
.ope-erialad li { margin:0; }
.ope-erialad a { display:block; background:#fff; border:1px solid #DCE7F0; border-left:4px solid #1F5D8C; border-radius:8px; padding:13px 18px; color:#163E5C; font-size:16px; font-weight:600; text-decoration:none; transition:transform .25s, box-shadow .25s, color .25s; }
.ope-erialad a:hover { transform:translateX(4px); box-shadow:0 10px 24px rgba(22,62,92,.12); color:#1F5D8C; }
.ope-news { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.ope-news-card { background:#fff; border:1px solid #DCE7F0; border-radius:12px; padding:20px 18px; display:flex; flex-direction:column; transition:transform .3s, box-shadow .3s; }
.ope-news-card:hover { transform:translateY(-5px); box-shadow:0 16px 34px rgba(22,62,92,.13); }
.ope-news-card .d { color:#5f6973; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; font-weight:600; margin-bottom:10px; }
.ope-news-card h4 { margin:0 0 10px; font-size:17px; line-height:1.4; }
.ope-news-card h4 a { color:#163E5C; text-decoration:none; }
.ope-news-card h4 a:hover { color:#1F5D8C; }
.ope-news-card p { color:#1F2A33; font-size:14px; line-height:1.55; margin:0 0 12px; }
.ope-news-card .more { margin-top:auto; color:#1F5D8C; font-weight:700; font-size:13.5px; text-decoration:none; }
.ope-news-card .more:hover { text-decoration:underline; }
.ope-note { text-align:center; color:#5f6973; font-size:15px; margin-top:30px; }
.ope-note a { color:#1F5D8C; font-weight:600; }
.ope-empty { text-align:center; color:#5f6973; }
.ope-empty a { color:#1F5D8C; font-weight:600; }
#merekool, #taltech { scroll-margin-top:130px; }
@media (max-width:991px){ .ope-news { grid-template-columns:repeat(2,1fr); } .ope-erialad { grid-template-columns:1fr; } .ope-head h1 { font-size:32px; } }
@media (max-width:575px){ .ope-news { grid-template-columns:1fr; } }
/* au-buoy: rotating lifebuoy on About Us, bottom-right like front page */
.au section.au-close { position:relative; overflow:visible; }
.au-buoy { position:absolute; top:-160px; right:calc(100px - ((100vw - 100%) / 2)); animation:rotateme 60s linear infinite; pointer-events:none; z-index:1; }
.au-buoy img { display:block; }
@media (max-width:991px){ .au-buoy { display:none; } }
@media (prefers-reduced-motion: reduce){ .au-buoy { animation:none; } }

/* fb-sektsiooni alumine õhk: kaardid ei jää laine taha */
#viimased-sundmused { padding-bottom:80px; }


/* ===== mobiilivaate-parandused: logo suurus + keelelippude nähtavus (ainult <992px) ===== */
@media (max-width:991px){
  /* Pöörlev rooliratta-pilt (loenduririba kaunistus) mobiilis peitu — ulatus Missiooni teksti peale */
  .fact-counter-area .icon-holder { display:none !important; }
  /* Valge riba tagasi nähtavale, aga AINULT lippudega (ankrumenüü jääb peitu, ei mahuks) */
  .header-lawer { display:block !important; }
  .header-lawer .header-lawer-left { display:none !important; }
  .header-lawer .outer-box { min-height:0 !important; display:flex !important; justify-content:flex-end; align-items:center; padding:8px 6px; }
  .header-lawer .header-lawer-right { position:static !important; transform:none !important; display:flex; align-items:center; }
}
/* kontakti-kaardi-korgus: Google Mapsi ala fikseeritud kõrgus (platsihoidja ja kaart) */
.gmap_canvas, .gmap_canvas .cmplz-placeholder-parent { height:440px !important; max-height:440px; overflow:hidden; }
.gmap_canvas iframe { width:100% !important; height:440px !important; display:block; }
@media (max-width:767px){
  .gmap_canvas, .gmap_canvas .cmplz-placeholder-parent { height:300px !important; }
  .gmap_canvas iframe { height:300px !important; }
}
/* fb-kaartide-joondus: kõik 4 FB kaarti täpselt samale joonele (plugina :first-child ja tüübipõhised erisused maha) */
#viimased-sundmused #cff .cff-posts-wrap { align-items:stretch; }
#viimased-sundmused #cff .cff-item, #viimased-sundmused #cff .cff-item:first-child, #viimased-sundmused #cff .cff-item.cff-link-item, #viimased-sundmused #cff .cff-item.cff-photo-post { margin:0 !important; padding:20px 18px !important; align-self:stretch !important; float:none !important; clear:none !important; position:static !important; }
#viimased-sundmused #cff .cff-item .cff-date { margin:0 0 10px !important; padding:0 !important; }


/* ============================================================
   disain-2026-07-28: font Mate SC, tumedam päiseriba, logo-pjedestaal,
   dekoratsioonide skaleerimine eri ekraanisuurustele
   ============================================================ */

/* --- 1. Mate SC font (serveeritakse OMA serverist, GDPR-sõbralik) --- */
@font-face { font-family:'Mate SC'; font-style:normal; font-weight:400; font-display:swap;
  src:url('/wp-content/uploads/fonts/mate-sc-2.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC; }
@font-face { font-family:'Mate SC'; font-style:normal; font-weight:400; font-display:swap;
  src:url('/wp-content/uploads/fonts/mate-sc-1.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+1E00-1E9F,U+2C60-2C7F; }

/* pealkirjad, menüüd ja nupud Mate SC-ga (small-caps annab CAPS-ilme; suurused jäävad) */
h1, h2, h3, h4, h5, h6,
.main-menu .navigation li a,
.section-anchors-menu a,
.breadcrumb-area .title h1,
#missioon .elementor-heading-title,
.e3-btn, .pk-oval, .pk-year, .e3m-box h3,
.ope-head h1, .au-hero h1, .e3-hero h1 {
  font-family:'Mate SC', Helvetica, sans-serif !important;
  font-weight:400 !important;
}

/* --- 2. Päiseriba tumedamaks (sama sinine kui numbrite loenduririba) --- */
.header-upper { background:#2E7DB8 !important; }
.sticky-header { background:#2E7DB8 !important; }
.main-menu .navigation li a { color:#FFFFFF !important; }
.main-menu .navigation li:hover a,
.main-menu .navigation li.current-menu-item a,
.main-menu .navigation li.current_page_item a,
.main-menu .navigation li.current-menu-ancestor a { background:#E7F0F7 !important; color:#1F5D8C !important; }
.header-upper .social-links-style1 a, .header-social-links a { color:#FFFFFF !important; }
.mobile-nav-toggler { color:#FFFFFF !important; }

/* --- 3. Väiksem sinine riba + logo valgel pjedestaalil (grex-stiil, varjuga) --- */
@media (min-width:992px){
  .main-header .header-upper .main-menu .navigation li { padding-top:30px !important; padding-bottom:30px !important; }
}
.main-header .header-upper-left .logo { position:relative; z-index:31; }
.main-header .header-upper-left .logo a {
  background:#FFFFFF;
  padding:14px 26px 18px;
  border-radius:0 0 34px 34px;
  box-shadow:0 14px 30px rgba(10,40,70,.28);
  display:inline-block;
}
.main-header .header-upper-left .logo a img.custom-logo { height:110px !important; margin-bottom:0 !important; }
@media (max-width:991px){
  .main-header .header-upper-left .logo a { padding:8px 14px 10px; border-radius:0 0 20px 20px; box-shadow:0 8px 18px rgba(10,40,70,.25); }
  .main-header .header-upper-left .logo a img.custom-logo { height:64px !important; }
}

/* --- 4. Dekoratsioonid skaleeruvad ekraaniga (ei sõida enam teksti sisse) --- */
.fb-news-buoy, .au-buoy { width:clamp(240px, 25vw, 500px); }
.fb-news-buoy img, .au-buoy img { width:100% !important; height:auto; display:block; }
.footer-area .icon-holder img { width:clamp(140px, 15vw, 320px) !important; height:auto; }
@media (max-width:1250px){ .footer-area .icon-holder { display:none; } }

/* ============================================================
   disain-v2-2026-07-28: hero font, rõngas sektsioonipiiril, logo trapets-taust
   ============================================================ */

/* Hero bänneri pealkiri samuti Mate SC-ga */
.main-slider .big-title, .main-slider .big-title span { font-family:'Mate SC', Helvetica, sans-serif !important; font-weight:400 !important; }

/* Päästerõngas: kese täpselt Koostööpartnerid / Liikmete spetsialiteet piiril */
#liikmete-spetsialiteet { position:relative; }
.fb-news-buoy { position:absolute; top:0 !important; transform:translateY(-50%); right:calc(100px - ((100vw - 100%) / 2)); animation:none !important; z-index:2; pointer-events:none; }
.fb-news-buoy img { animation:rotateme 60s linear infinite; }
@media (prefers-reduced-motion: reduce){ .fb-news-buoy img { animation:none; } }

/* Logo taust: valge trapets LEHE VASAKUST SERVAST, ülaäär pikem, alumine parem nurk ümar, vari all.
   Katab nii sinise peamenüü kui valge alammenüü riba — logo hõljub selle peal. */
.main-header .header-upper-left .logo a { background:transparent !important; padding:0 !important; border-radius:0 !important; box-shadow:none !important; display:inline-block; position:relative; }
.main-header .header-upper-left .logo { position:relative; z-index:31; }
.main-header .header-upper-left .logo a::before {
  content:"";
  position:absolute;
  left:-100vw;                 /* kuni lehe ääreni (ja üle) */
  right:-70px;
  top:-14px;
  bottom:-30px;                /* ulatub valge riba peale */
  background:#FFFFFF;
  transform:skewX(-16deg);     /* trapets: ülemine äär pikem, alumine lühem */
  transform-origin:top right;
  border-radius:0 0 42px 0;    /* alumine parem nurk ümar */
  box-shadow:0 16px 32px rgba(10,40,70,.30);
  z-index:-1;
}
/* logo tagasi endisesse suurusesse (üle mõlema riba) */
.main-header .header-upper-left .logo a img.custom-logo { height:145px !important; margin-bottom:-22px !important; }

/* et logo ei satuks keskele joondatud menüü alla eri laiustel: astmeline vähendus */
@media (max-width:1650px){ .main-header .header-upper-left .logo a img.custom-logo { height:120px !important; margin-bottom:-16px !important; } }
@media (max-width:1350px){
  .main-header .header-upper-left .logo a img.custom-logo { height:92px !important; margin-bottom:-10px !important; }
  .main-header .header-upper-left .logo a::before { right:-46px; bottom:-22px; border-radius:0 0 30px 0; }
}
@media (max-width:1120px) and (min-width:992px){ .main-header .header-upper-left .logo a img.custom-logo { height:72px !important; margin-bottom:0 !important; } }
@media (max-width:991px){
  .main-header .header-upper-left .logo a::before { right:-30px; top:-8px; bottom:-14px; border-radius:0 0 20px 0; box-shadow:0 8px 18px rgba(10,40,70,.25); }
  .main-header .header-upper-left .logo a img.custom-logo { height:64px !important; margin-bottom:0 !important; }
}

/* ============================================================
   disain-v3-2026-07-28: bännerite tekstipaigutus, sinised kriipsud,
   suunatud gradiendid; logo-alus lähemale menüüle, suurem ja järsem
   (Tagasivõtt: kustuta kogu see plokk.)
   ============================================================ */

/* --- Logo alus: lähemal menüüle, suurem, järsem kalle --- */
.main-header .header-upper-left .logo { margin-left:clamp(16px, 7vw, 170px); }
.main-header .header-upper-left .logo a::before { right:-110px; transform:skewX(-24deg); border-radius:0 0 48px 0; top:-16px; bottom:-34px; }
.main-header .header-upper-left .logo a img.custom-logo { height:160px !important; margin-bottom:-26px !important; }
@media (max-width:1650px){ .main-header .header-upper-left .logo a img.custom-logo { height:128px !important; margin-bottom:-18px !important; } .main-header .header-upper-left .logo a::before { right:-84px; } }
@media (max-width:1350px){ .main-header .header-upper-left .logo { margin-left:12px; } .main-header .header-upper-left .logo a::before { right:-52px; bottom:-24px; } }

/* --- Avalehe hero (bg1): tekst keskel + sinine kriips suure ja väikese kirja vahel --- */
.main-slider .content .big-title::after { content:""; display:block; width:70px; height:5px; background:#2E7DB8; border-radius:3px; margin:26px auto 0; }

/* --- Alamlehtede bännerid: sinine kriips pealkirja ja alapealkirja vahel --- */
.breadcrumb-area .title h1::after { content:""; display:block; width:64px; height:5px; background:#2E7DB8; border-radius:3px; margin:22px auto 0; }

/* --- Bänner "jagatud pooleks": tekst ühes pooles, SELLE POOLE SEES keskjoondatud --- */
/* PAREM pool: Liikmelisus (1310), Kontakt (175), Contact Us (1198) */
body.page-id-1310 .breadcrumb-area .inner-content,
body.page-id-175 .breadcrumb-area .inner-content,
body.page-id-1198 .breadcrumb-area .inner-content { max-width:46%; margin-left:auto; margin-right:0; text-align:center; }
/* VASAK pool: Põhikiri (1196) */
body.page-id-1196 .breadcrumb-area .inner-content { max-width:46%; margin-right:auto; margin-left:0; text-align:center; }
/* poole sees on kõik keskel: kriips ja alapealkiri kasutavad baasreegleid (auto-margin) */

/* --- Suunatud gradiendid (tume serv teksti pool) --- */
body.page-id-1196 .breadcrumb-area::before {
  background:linear-gradient(90deg, rgba(4,24,45,0.62) 0%, rgba(4,24,45,0.30) 38%, rgba(4,24,45,0.00) 70%) !important;
}
body.page-id-1310 .breadcrumb-area::before,
body.page-id-175 .breadcrumb-area::before,
body.page-id-1198 .breadcrumb-area::before {
  background:linear-gradient(270deg, rgba(4,24,45,0.62) 0%, rgba(4,24,45,0.30) 38%, rgba(4,24,45,0.00) 70%) !important;
}
/* keskel (About Us EN, bg1) jääb senine radiaalne tumendus */

/* mobiilis kõik bänneritekstid tagasi keskele (kitsas ekraanil pole "külge") */
@media (max-width:767px){
  .breadcrumb-area .inner-content { text-align:center !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }
  .breadcrumb-area .title h1::after, .breadcrumb-hero-sub { margin-left:auto !important; margin-right:auto !important; }
}

/* ===== disain-v5: tekstikastid servadesse, peenem peamenüü riba ===== */
@media (min-width:1200px){
  body.page-id-1310 .breadcrumb-area .container,
  body.page-id-175 .breadcrumb-area .container,
  body.page-id-1198 .breadcrumb-area .container,
  body.page-id-1196 .breadcrumb-area .container { max-width:100%; width:100%; padding-left:4vw; padding-right:4vw; }
}
@media (min-width:992px){
  .main-header .header-upper .main-menu .navigation li { padding-top:20px !important; padding-bottom:20px !important; }
}


/* ============================================================
   ELJL 2026-11-04: kleepuv päis, juhatus/revident, spetsialiteet,
   dekoratsioonid, Õpe lehe koolide kaardid
   (Tagasivõtt: kustuta kogu see plokk.)
   ============================================================ */

/* --- Kleepuv päis: 100% läbipaistmatu, madal (~72 px) --- */
.sticky-header, .fixed-header .sticky-header { background:#2E7DB8 !important; opacity:1 !important; }
.sticky-header .logo { padding:8px 0 !important; line-height:0; }
.sticky-header .logo a img, .sticky-header .logo img.custom-logo { height:56px !important; width:auto !important; max-width:none; margin:0 !important; }
.sticky-header .main-menu .navigation li { padding:16px 0 !important; }
.sticky-header .main-menu .navigation li a { line-height:40px !important; }
@media (min-width:992px){ .sticky-header .right-col { top:0; bottom:0; display:flex; align-items:center; } }

/* --- Juhatus: 5 liiget ühes reas; revident eraldi plokis --- */
@media (min-width:1200px){ #juhatus .team-area .row .col-xl-4 { flex:0 0 20%; max-width:20%; } }
#juhatus .team-area { padding-bottom:20px; }
.eljl-rev-area { padding:10px 0 80px; }
.eljl-rev-area .eljl-rev-head { text-align:center; margin-bottom:34px; padding-top:30px; border-top:1px solid #DCE7F0; }
.eljl-rev-area .eljl-rev-head p { color:#5f6973; font-size:13px; letter-spacing:2.5px; text-transform:uppercase; font-weight:600; margin:0 0 6px; }
.eljl-rev-area .eljl-rev-head h2 { color:#1F5D8C; font-size:40px; margin:0; }
.eljl-rev-grid { display:flex; justify-content:center; }
.eljl-rev-grid .single-team-member { width:270px; max-width:100%; margin-bottom:10px; }
.eljl-acc-row { text-align:center; margin-top:18px; color:#163E5C; font-size:16px; }
.eljl-acc-row span { font-weight:700; margin-right:8px; }
.eljl-acc-row a { color:#1F5D8C; font-weight:600; }
.eljl-acc-row a:hover { text-decoration:underline; }

/* --- Liikmete spetsialiteet: pealkirjad pole lingid --- */
#liikmete-spetsialiteet .overlay-title h1 a { pointer-events:none; cursor:default; text-decoration:none; }

/* --- Dekoratsioonid: päästerõngas ja jaluse ankur maha (katsid sisu) --- */
.fb-news-buoy, .au-buoy { display:none !important; }
.footer-area .icon-holder, .home .footer-area .icon-holder { display:none !important; }

/* --- Õpe leht: muud mereõppeasutused (kaardid) --- */
.ope-schools { list-style:none; margin:0 auto; padding:0; max-width:1000px; display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:22px; }
.ope-schools li { margin:0; }
.ope-schools a { display:block; height:100%; background:#fff; border:1px solid #DCE7F0; border-top:4px solid #1F5D8C; border-radius:12px; padding:22px 22px 20px; text-decoration:none; transition:transform .3s, box-shadow .3s; }
.ope-schools a:hover { transform:translateY(-5px); box-shadow:0 16px 34px rgba(22,62,92,.13); }
.ope-schools .k { display:block; color:#5f6973; font-size:12px; letter-spacing:2px; text-transform:uppercase; font-weight:600; margin-bottom:8px; }
.ope-schools h4 { color:#163E5C; font-size:19px; margin:0 0 8px; }
.ope-schools p { color:#1F2A33; font-size:14.5px; line-height:1.55; margin:0 0 12px; }
.ope-schools .u { color:#1F5D8C; font-weight:700; font-size:13.5px; }
#muud-koolid { scroll-margin-top:130px; }


/* eljl-h1 (2026-11-08): avalehe endised h1-d on nüüd h2/h3, välimus sama; loendurid span */
.sec-title .big-title h2.eljl-h1 { color:#ffffff; font-size:60px; line-height:70px; font-weight:800; }
.sec-title .big-title.black h2.eljl-h1 { color:#022447; }
.fb-news-head h2.eljl-h1 { font-size:2em; }
.single-destination-box .img-holder .overlay-title h3.eljl-h1 { font-size:34px; line-height:40px; font-weight:800; margin:0 0 5px; color:#ffffff; }
.single-fact-counter .count-box > span { display:block; color:#ffffff; font-size:70px; line-height:60px; font-weight:400 !important; font-family:'Mate SC', Helvetica, sans-serif !important; }
.single-fact-counter .count-box > span > span { position:relative; display:inline-block; }
.contact-information-box .title h2.eljl-h1 { color:#1F5D8C; font-size:60px; line-height:1.2em; font-weight:800; margin:4px 0 0; }
/* FB voog: X/LinkedIn jagamisnupud ja aegunud töökuulutused peidus */
.cff-twitter-icon, .cff-linkedin-icon, .eljl-hidden-item, #cff_1897292153838430_2095834819365648 { display:none !important; }

/* ELJL 2026-11-08: kleepuv päis – menüü keskel, logo vasakul, ei kattu; sektsioonide riba sõidab päise all kaasa (kõik lehed) */
@media (min-width:992px){
  .main-header .sticky-header .container { position:relative; }
  .main-header .sticky-header .container > .clearfix { min-height:72px; }
  .main-header .sticky-header .logo { position:relative; z-index:2; float:left; }
  .main-header .sticky-header .right-col { position:absolute; left:110px; right:110px; top:0; bottom:0; display:flex; align-items:center; justify-content:center; float:none !important; width:auto; }
  .main-header .sticky-header .right-col .main-menu { float:none; width:auto; }
  .main-header .sticky-header .main-menu .navigation { display:flex; flex-wrap:nowrap; justify-content:center; float:none; width:auto; }
  .main-header .sticky-header .main-menu .navigation > li { float:none; }
  .header-lawer.eljl-lawer-fixed { position:fixed; left:0; right:0; z-index:988; box-shadow:0 6px 18px rgba(22,62,92,.10); }
}
