/* ALMF static copy - overrides. Linked as the LAST element of <body> so it wins over the
   Elementor post-*.css files that WordPress printed after the footer. Keep selectors specific. */

/* --- page-title band: brand gradient instead of the Itfirm demo photo bg-pagetitle.jpg --- */
body #ct-pagetitle{background-image:linear-gradient(90deg,#FF6C08 0%,#7a3305 50%,#000000 100%)!important;background-size:cover!important}
#ct-pagetitle:before{background-color:rgba(0,0,0,.2)!important}
.ct-breadcrumb li:after{color:#FF6C08!important}

/* --- Itfirm demo blue left in footer template 19 (post-19.css uses #006CFF) --- */
.elementor-19 .elementor-element.elementor-element-9215098,
.elementor-19 .elementor-element.elementor-element-cc21676,
.elementor-19 .elementor-element.elementor-element-e78abe8{--divider-color:#FF6C08!important}
.elementor-19 .elementor-element.elementor-element-132ad68 .ct-contact-info .ct-contact-icon i{color:#FF6C08!important}
.site-footer-custom .ct-contact-content a{color:inherit}
.site-footer-custom .ct-contact-content a:hover,.site-footer-custom .ct-contact-content a:focus{color:#FF6C08}
/* G35 rows: theme.css makes every <a> inside .ct-contact-info1 .item--contact-info an absolute full-row overlay, so the
   visible text inside it measured 0px and the 4 new rows printed on top of each other (critique round 1) */
.site-footer-custom .ct-contact-info1 .item--contact-info{align-items:flex-start}
.site-footer-custom .ct-contact-info1 .ct-contact-content a{position:static!important;width:auto!important;height:auto!important}
.site-footer-custom .ct-contact-info1 .ct-contact-icon{line-height:24px}
.elementor-19 .elementor-element.elementor-element-132ad68>.elementor-widget-container{padding-right:0!important}
/* footer 'Terms of Use' button had no element style (164x51, radius 0) next to the styled 'About us' button (ce80e10) */
.elementor-19 .elementor-element.elementor-element-c9f4d54 .ct-button-wrapper .btn{height:35px;line-height:35px;padding:0 16px;font-family:"Roboto",Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;border-radius:5px}

/* --- contact button group (replaces CF7 / Formidable / newsletter / app sign-up) --- */
.almf-cta-block{width:100%;margin:24px 0 8px}
.almf-cta-intro{margin:0 0 12px;font-weight:500}
.almf-contact-cta{display:flex;flex-wrap:wrap;gap:12px}
.almf-contact-cta .ct-button-wrapper{margin:0}
.almf-contact-cta .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.almf-contact-cta .btn i{font-size:18px;line-height:1}
.almf-cta-note{margin:12px 0 0;font-size:15px}
.almf-inline-cta{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-weight:600;color:#FF6C08}

/* --- e-book cards (replace the broken PDF Embedder viewers) --- */
.almf-ebook{display:flex;gap:20px;align-items:flex-start;background:#fff;border-radius:8px;padding:16px;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.almf-ebook-cover{flex:0 0 140px}
.almf-ebook-cover img{width:140px;max-width:none;height:auto;border-radius:4px;display:block}
.almf-ebook-meta{flex:1 1 0;min-width:0}
.almf-ebook .btn{white-space:normal;max-width:100%}
.almf-ebook-lang{display:inline-block;font-size:13px;font-weight:600;color:#FF6C08;text-transform:uppercase;letter-spacing:.04em}
.almf-ebook-title{font-size:20px;line-height:1.3;margin:6px 0 4px}
.almf-ebook-author{font-size:14px;margin:0 0 12px;color:#555}

/* --- Terms page rebuilt from one-item <ol> blocks --- */
.almf-toc{background:#f6f6f6;border-left:3px solid #FF6C08;padding:16px 20px;margin:0 0 32px}
.almf-toc ol{margin:0;padding-left:20px;columns:2;column-gap:32px}
.almf-terms-h{font-size:22px;margin:32px 0 12px;scroll-margin-top:100px}
.almf-terms-clause{margin:0 0 12px}
.almf-terms-clause .num{font-weight:600;margin-right:6px}

/* --- Famma Way logo is only 230x130: never upscale it --- */
img[src*="fammaway"]{object-fit:contain!important;background:#fff}
.entry-featured img[src*="fammaway"]{width:auto!important;max-width:230px;margin:0 auto;display:block}

/* --- Companies / NGOs service grid: description was hover-only (invisible on touch) --- */
@media (max-width:1024px){
  .ct-service-grid1 .item--holder{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;background:#fff;padding:16px 16px 20px}
  .ct-service-grid1 .item--holder .item--title{color:#000}
  .ct-service-grid1 .item--holder .item--content{color:#444}
  .ct-service-grid1 .item--meta{display:none}
  .ct-service-grid1 .item--featured img{height:200px;width:100%;object-fit:cover}
}

/* --- mobile header quick contact (WhatsApp + call) next to the hamburger --- */
.almf-quick{display:none}
@media (max-width:1199px){
  /* theme shows .ct-header-mobile below 1200px; #ct-menu-mobile is absolute at right:15px */
  .ct-header-mobile .ct-header-branding img{max-width:170px!important;height:auto!important}
  .ct-header-mobile .almf-quick{display:flex;align-items:center;gap:6px;position:absolute;top:50%;right:70px;transform:translateY(-50%);z-index:2}
  .almf-quick a{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#000;font-size:18px}
}

/* --- 375x667 (iPhone SE) --- */
@media (max-width:767px){
  body #ct-pagetitle{padding:36px 0!important}
  #ct-pagetitle .ct-page-title{font-size:28px!important;line-height:1.2!important;margin-bottom:6px!important}
  .ct-breadcrumb li{font-size:14px}
  .single-post .ct-breadcrumb li:last-child,.single-service .ct-breadcrumb li:last-child{display:none}
  .single-post .ct-breadcrumb li:nth-last-child(2):after,.single-service .ct-breadcrumb li:nth-last-child(2):after{display:none}
  body:not(.home) .site-content{padding-top:32px!important;padding-bottom:48px!important}
  /* first screen: page copy before the lead image (critique round 1, measured at 375x667) */
  body:not(.home) #content .elementor>.elementor-section.elementor-top-section:first-child{padding-top:16px!important}
  .single-service #content .elementor>.elementor-top-section:first-child .elementor-widget-ct_image{order:9}
  .elementor-6742 .elementor-element-d2c22f6>.elementor-container,.elementor-9785 .elementor-element-d2c22f6>.elementor-container,
  .elementor-35 .elementor-element-d867eb0>.elementor-container,.elementor-10066 .elementor-element-d6bb01e>.elementor-container{flex-direction:column-reverse}
  /* Terms of Use is not an Elementor page: #primary had 0 padding and .row cancelled the container gutter */
  .page-id-3 #primary{padding-left:16px!important;padding-right:16px!important}
  /* 16px gutter for content sections only (header/footer already have ~15px) */
  #content .elementor-top-section > .elementor-container{padding-left:16px!important;padding-right:16px!important}
  #content .elementor-inner-section > .elementor-container{padding-left:0!important;padding-right:0!important}
  /* contact buttons: two per row, full-width tap targets */
  .almf-contact-cta .ct-button-wrapper{flex:1 1 calc(50% - 6px)}
  .almf-contact-cta .ct-button-wrapper:nth-child(-n+2){flex-basis:100%}
  .almf-contact-cta .btn{width:100%;padding-left:12px;padding-right:12px}
  .almf-ebook{flex-direction:row;gap:14px}
  .almf-ebook-cover{flex-basis:96px}
  .almf-ebook-cover img{width:96px}
  .almf-ebook .btn{padding:0 14px;height:auto;min-height:44px;line-height:1.3}
  .almf-ebook-title{font-size:17px}
  .almf-toc ol{columns:1}
  /* footer: drop the gallery column, put About/Terms side by side, 44px social targets */
  .elementor-19 .elementor-element.elementor-element-b85cf63,.elementor-2405 .elementor-element.elementor-element-23f70cc{display:none!important}
  .elementor-19 .elementor-element.elementor-element-5259aee,.elementor-2405 .elementor-element.elementor-element-80facfa{display:none!important}
  .elementor-19 .elementor-element.elementor-element-ce80e10,.elementor-19 .elementor-element.elementor-element-c9f4d54,
  .elementor-2405 .elementor-element.elementor-element-20c391b5,.elementor-2405 .elementor-element.elementor-element-44ad2bf{display:inline-block!important;width:auto!important;margin:0 8px 8px 0!important;vertical-align:top}
  .site-footer-custom .ct-icon1 a{width:44px;height:44px;display:inline-flex!important;align-items:center;justify-content:center;color:#fff!important}
  .site-footer-custom .ct-text-editor,.site-footer-custom .ct-contact-content{color:#fff!important}
}
/* ===================== fix round 1 (review defects, 2026-10-15) ===================== */
/* A1, J3-06, SVC-03, G1: footer social icons and footer body text readable at EVERY width (were mobile-only) */
.site-footer-custom .ct-icon1 a{color:#fff!important;display:inline-flex!important;align-items:center;justify-content:center;min-width:36px;min-height:36px;font-size:18px}
.site-footer-custom .ct-icon1 a:hover,.site-footer-custom .ct-icon1 a:focus{color:#FF6C08!important}
.site-footer-custom .ct-text-editor,.site-footer-custom .ct-text-editor p,.site-footer-custom .ct-contact-content{color:#fff!important}
/* SVC-03: About / Terms footer buttons side by side at every width (both footer templates; the spacer between them goes) */
.elementor-19 .elementor-element.elementor-element-5259aee,.elementor-2405 .elementor-element.elementor-element-80facfa{display:none!important}
.elementor-19 .elementor-element.elementor-element-ce80e10,.elementor-19 .elementor-element.elementor-element-c9f4d54,
.elementor-2405 .elementor-element.elementor-element-20c391b5,.elementor-2405 .elementor-element.elementor-element-44ad2bf{display:inline-block!important;width:auto!important;margin:0 8px 8px 0!important;vertical-align:top}
/* A3: template-19 footer buttons = the home footer's black-to-orange pills (no more flat orange UPPERCASE boxes) */
.elementor-19 .elementor-element.elementor-element-ce80e10 .btn,.elementor-19 .elementor-element.elementor-element-c9f4d54 .ct-button-wrapper .btn{background-image:linear-gradient(90deg,#000 0%,#FF6C08 100%)!important;background-color:transparent!important;border-radius:35px!important;text-transform:none!important;height:35px;line-height:35px;padding:0 18px!important}
.elementor-19 .elementor-element.elementor-element-b8078e8 .ct-button-wrapper .btn:not(.btn-ctext),.elementor-19 .elementor-element.elementor-element-b8078e8 .ct-button-wrapper .btn:not(.btn-ctext):hover,
.elementor-19 .elementor-element.elementor-element-b8078e8 .ct-button-wrapper .btn:not(.btn-ctext):focus{background-image:linear-gradient(90deg,#000 0%,#FF6C08 100%)!important;background-color:transparent!important}
/* A2, m1: no white seam between the last coloured section and the footer band on Elementor pages */
body:not(.home).elementor-page .site-content{padding-bottom:0!important}
/* m5, J3-11, SVC-04: contact buttons as an even 2x2 grid from 768px up; pill shape like the site's other buttons */
.almf-contact-cta .btn{border-radius:30px;overflow:hidden}
@media (min-width:768px){
  .almf-contact-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:540px}
  .almf-contact-cta .ct-button-wrapper{margin:0;min-width:0}
  .almf-contact-cta .btn{width:100%;padding-left:14px;padding-right:14px}
}
/* SVC-13: WhatsApp label black on the brand orange (7.4:1) instead of white (2.8:1); orange itself unchanged */
.almf-contact-cta .btn-default,.almf-contact-cta .btn-default .ct-button-text,.almf-contact-cta .btn-default i{color:#000!important}
/* J3-01: Famma Way logo (230x130) at its natural size in blog grids/carousels, never stretched */
.grid-item .item--featured img[src*="fammaway"]{width:auto!important;max-width:230px!important;height:auto!important;margin:24px auto 8px;display:block}
.grid-item .item--featured:has(img[src*="fammaway"]),.item--featured:has(> a > img[src*="fammaway"]){background:#fff}
/* J3-02: post section headings below the page title size */
.single-post .entry-content h2,.single-post .entry-content h3{font-size:28px!important;line-height:1.25!important;margin:36px 0 12px}
/* J3-18: hanging indent in post bullet lists */
.single-post .entry-content ul{list-style-position:outside;padding-left:22px}
.single-post .entry-content ul li{list-style-position:outside!important;padding-left:2px;margin-bottom:6px}
/* J3-08: keep '(371 KB)' together */
.almf-nowrap{white-space:nowrap}
/* J3-13: Terms table of contents is a <details> */
.almf-toc summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;list-style:none}
.almf-toc summary::-webkit-details-marker{display:none}
.almf-toc summary::after{content:"+";margin-left:auto;font-size:22px;line-height:1;color:#FF6C08}
.almf-toc[open] summary::after{content:"\2013"}
.almf-toc[open] summary{margin-bottom:8px}
/* SVC-12: a shorter title band on desktop (was 331px at 1440, ~240px of it padding) so page copy starts higher */
@media (min-width:1025px){body #ct-pagetitle{padding-top:80px!important;padding-bottom:80px!important}}
/* SVC-12: service pages put the copy and the contact block before the lead image at every width */
.single-service #content .elementor>.elementor-top-section:first-child .elementor-widget-ct_image{order:9}
/* SVC-07: the sibling-service list marks the current page */
.postid-631 .ct-link1 a[href="/service/consulting/"],.postid-629 .ct-link1 a[href="/service/it-solutions/"],
.postid-627 .ct-link1 a[href="/service/talent-recruitment/"],.postid-625 .ct-link1 a[href="/service/consulting-services/"],
.postid-623 .ct-link1 a[href="/service/fundraising-services/"],.postid-10080 .ct-link1 a[href="/service/growth-services/"],
.postid-637 .ct-link1 a[href="/service/jobs-internships/"],.postid-635 .ct-link1 a[href="/service/mobilities/"],
.postid-633 .ct-link1 a[href="/service/study/"],.postid-10412 .ct-link1 a[href="/service/visa-process/"]{background:#FF6C08!important;color:#fff!important}
/* SVC-09: service body copy #555 on white (7.5:1) instead of #888 (3.5:1) */
.single-service #content .ct-text-editor,.single-service #content .ct-text-editor p{color:#555!important}
@media (max-width:767px){
  /* m2: less air between the title band and the first heading on phones */
  body:not(.home).elementor-page .site-content{padding-top:12px!important}
  #content .elementor>.elementor-top-section:first-child>.elementor-container>.elementor-column>.elementor-widget-wrap{padding-top:0!important;margin-top:0!important}
  .almf-cta-block{margin-top:8px}
  /* m1: trim the blank band after the last section */
  body:not(.home) #content .elementor>.elementor-top-section:last-child{padding-bottom:24px!important}
  /* SVC-05: the band H1 already names the service; drop the duplicate 28px H3 on phones */
  .single-service #content .elementor>.elementor-top-section:first-child .elementor-widget-ct_heading{display:none}
  /* SVC-06: ~150px less blank space per service page */
  .single-service #content .elementor>.elementor-top-section:first-child{padding-bottom:16px!important}
  body.single-service.elementor-page:not(.home) .site-content{padding-bottom:24px!important}
  .single-service #content .elementor>.elementor-top-section:first-child .elementor-widget-ct_image{margin-bottom:24px}
  .single-service #content .elementor>.elementor-top-section:first-child>.elementor-container>.elementor-column{margin-bottom:0!important}
  /* SVC-07: label the sibling list on phones */
  .single-service .ct-link1::before{content:"Our services";display:block;font-weight:700;font-size:20px;line-height:1.3;margin:0 0 12px;color:#000}
  /* J3-02 (phones) */
  .single-post .entry-content h2,.single-post .entry-content h3{font-size:22px!important;margin:28px 0 10px}
}