/* Sabil Box site theme (loaded once from includes/footer.php)
   1) Sabil Box font (Readex Pro) on every page
   2) dark green footer (option A)
   3) dark navy boxes inside pages (partners box, "write with us" in the blog, ...): light peach (option A).
      Only <div> boxes; buttons, the footer and the video cards (.reel-card) keep their colors. */
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap');
body, .font-arabic, .font-english, .font-sans, button, input, select, textarea { font-family: 'Readex Pro', 'Cairo', sans-serif !important; }

footer{background:#0E3B26!important;border-color:#15513A!important;color:#B9D3C3!important}
footer .text-white{color:#fff!important}
footer .text-slate-400,footer .text-slate-500{color:#A9C6B5!important}
footer .text-slate-300{color:#D5E8DC!important}
footer .bg-slate-800{background:#16503A!important}
footer .border-slate-800,footer .border-slate-700{border-color:#1E5E44!important}

#become-sponsor, main div.bg-dark, div.bg-dark:not(.reel-card), div.bg-slate-900.rounded-3xl:not(.reel-card):not([class*="aspect-"]){background:#FFF3E8!important;color:#1F2A24!important;border:1px solid #FFE0C2;box-shadow:0 10px 30px rgba(249,115,22,.08)!important}
:is(#become-sponsor, div.bg-dark:not(.reel-card), div.bg-slate-900.rounded-3xl:not(.reel-card):not([class*="aspect-"])) .text-white{color:#1F2A24!important}
:is(#become-sponsor, div.bg-dark:not(.reel-card), div.bg-slate-900.rounded-3xl:not(.reel-card):not([class*="aspect-"])) :is(.text-slate-300,.text-slate-400){color:#6B6258!important}
:is(#become-sponsor, div.bg-dark:not(.reel-card), div.bg-slate-900.rounded-3xl:not(.reel-card):not([class*="aspect-"])) :is(.bg-white\/5,.bg-white\/10,.bg-slate-800){background:#fff!important}
:is(#become-sponsor, div.bg-dark:not(.reel-card), div.bg-slate-900.rounded-3xl:not(.reel-card):not([class*="aspect-"])) :is(.border-white\/10,.border-white\/20,.border-slate-700,.border-slate-800){border-color:#FFE0C2!important}
:is(#become-sponsor, div.bg-dark:not(.reel-card), div.bg-slate-900.rounded-3xl:not(.reel-card):not([class*="aspect-"])) :is(a.bg-primary, a.bg-primary *, button.bg-primary, button.bg-primary *){color:#fff!important}