{"id":2148,"date":"2026-02-28T18:58:41","date_gmt":"2026-02-28T18:58:41","guid":{"rendered":"https:\/\/muslimaat.org\/?tahefobu_header=muslimaat-header"},"modified":"2026-04-29T14:32:00","modified_gmt":"2026-04-29T13:32:00","slug":"muslimaat-header","status":"publish","type":"tahefobu_header","link":"http:\/\/muslimaat.org\/ar\/?tahefobu_header=muslimaat-header","title":{"rendered":"Muslimaat Header"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"2148\" class=\"elementor elementor-2148\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2af7b87 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2af7b87\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2fd843e\" data-id=\"2fd843e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a503dbc elementor-widget elementor-widget-html\" data-id=\"a503dbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;600&family=Jost:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\nbody,.hfb-header,.hfb-header>*,.elementor-section-wrap,.elementor-section,.elementor-container,.elementor-row,.elementor-column,.elementor-column-wrap,.elementor-widget-wrap,.elementor-widget-container,.elementor-widget-html{padding:0!important;margin:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}\n.msl-hdr,.msl-hdr *{margin:0;padding:0;box-sizing:border-box;font-family:'Jost',sans-serif}\n\n\/* \u2500\u2500 TOPBAR \u2500\u2500 *\/\n.msl-topbar{background:#E81F6D;color:#fff;padding:0.48rem 5%;display:flex;align-items:center;justify-content:space-between;font-size:0.77rem;width:100%}\n.msl-topbar-left{font-weight:300;opacity:0.85}\n.msl-topbar-center{font-weight:500}\n.msl-topbar-right a{color:#fff;text-decoration:none;font-weight:600;border-bottom:1px solid rgba(255,255,255,0.5);padding-bottom:1px}\n\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\n.msl-header{background:#fff;border-bottom:1px solid #F7C4DC;width:100%;position:relative;z-index:99999}\n.msl-header-inner{max-width:1280px;margin:0 auto;padding:0 5%;height:80px;display:flex;align-items:center;justify-content:space-between;gap:2rem}\n\n\/* \u2500\u2500 LOGO \u2500\u2500 *\/\n.msl-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}\n.msl-logo img{height:50px;width:auto;display:block}\n\n\/* \u2500\u2500 DESKTOP NAV \u2500\u2500 *\/\n.msl-nav{display:flex;align-items:center;list-style:none;gap:0.1rem;flex:1;justify-content:center}\n.msl-nav>li>a{display:flex;align-items:center;text-decoration:none;color:#1E1E1E;font-size:0.85rem;font-weight:500;padding:0.5rem 0.9rem;border-radius:8px;transition:all 0.22s;white-space:nowrap}\n.msl-nav>li>a:hover{color:#E81F6D;background:#FDEEF5}\n\n\/* \u2500\u2500 DONATE BUTTON \u2500\u2500 *\/\n.msl-nav-right{display:flex;align-items:center;gap:0.8rem;flex-shrink:0}\n.msl-btn{background:#E81F6D;color:#fff;text-decoration:none;padding:0.6rem 1.5rem;border-radius:50px;font-size:0.83rem;font-weight:600;box-shadow:0 4px 16px rgba(232,31,109,0.28);white-space:nowrap}\n.msl-btn:hover{background:#B8155A}\n\n\/* \u2500\u2500 PURE CSS HAMBURGER \u2014 NO JS \u2500\u2500 *\/\n#msl-toggle{display:none}\n\n.msl-ham-label{\n  display:none;\n  flex-direction:column;\n  gap:5px;\n  cursor:pointer;\n  padding:10px;\n  border-radius:8px;\n  flex-shrink:0;\n  -webkit-tap-highlight-color:rgba(0,0,0,0);\n  touch-action:manipulation;\n  user-select:none;\n}\n\n.msl-ham-label span{\n  display:block;\n  width:22px;\n  height:2px;\n  background:#1E1E1E;\n  border-radius:2px;\n  transition:all 0.3s ease;\n  pointer-events:none;\n}\n\n\/* Animate to X when checked *\/\n#msl-toggle:checked ~ .msl-header .msl-ham-label span:nth-child(1){transform:translateY(7px) rotate(45deg)}\n#msl-toggle:checked ~ .msl-header .msl-ham-label span:nth-child(2){opacity:0;transform:scaleX(0)}\n#msl-toggle:checked ~ .msl-header .msl-ham-label span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\n\n\/* \u2500\u2500 MOBILE MENU \u2500\u2500 *\/\n.msl-mob{\n  display:flex;\n  flex-direction:column;\n  background:#fff;\n  border-top:1px solid #F7C4DC;\n  overflow:hidden;\n  max-height:0;\n  transition:max-height 0.4s ease, padding 0.3s ease;\n  width:100%;\n}\n\n#msl-toggle:checked ~ .msl-header .msl-mob{\n  max-height:600px;\n  padding:1rem 5% 1.5rem;\n}\n\n.msl-mob a{\n  display:block;\n  padding:0.75rem 1rem;\n  text-decoration:none;\n  color:#1E1E1E;\n  font-size:0.9rem;\n  font-weight:500;\n  border-radius:10px;\n  transition:all 0.2s;\n}\n\n.msl-mob a:hover,\n.msl-mob a:active{\n  background:#FDEEF5;\n  color:#E81F6D;\n}\n\n.msl-mob-divider{\n  height:1px;\n  background:#F7C4DC;\n  margin:0.5rem 0;\n  opacity:0.5;\n}\n\n.msl-mob-cta{\n  background:#E81F6D!important;\n  color:#fff!important;\n  text-align:center;\n  margin-top:0.5rem;\n  border-radius:50px!important;\n  font-weight:600!important;\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media(max-width:980px){\n  .msl-nav{display:none}\n  .msl-nav-right .msl-btn{display:none}\n  .msl-ham-label{display:flex}\n}\n\n@media(max-width:560px){\n  .msl-topbar-left{display:none}\n}\n<\/style>\n\n<div class=\"msl-hdr\">\n\n  <!-- Hidden checkbox \u2014 this IS the toggle, pure CSS -->\n  <input type=\"checkbox\" id=\"msl-toggle\">\n\n  <div class=\"msl-topbar\">\n    <div class=\"msl-topbar-left\">Sheffield, United Kingdom<\/div>\n    <div class=\"msl-topbar-center\">Welcome to Muslimaat<\/div>\n    <div class=\"msl-topbar-right\">\n      <a href=\"https:\/\/donate.stripe.com\/aFa8wR51r4ASenQ9ba8ww00\">Donate<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"msl-header\">\n    <div class=\"msl-header-inner\">\n\n      <a href=\"\/ar\/\" class=\"msl-logo\">\n        <img decoding=\"async\" src=\"http:\/\/muslimaat.org\/wp-content\/uploads\/2022\/04\/cropped-Muslimaat_logo_L.png\" alt=\"Muslimaat\">\n      <\/a>\n\n      <!-- DESKTOP NAV -->\n      <ul class=\"msl-nav\">\n        <li><a href=\"\/ar\/\">Home<\/a><\/li>\n        <li><a href=\"\/ar\/about\/\">About<\/a><\/li>\n        <li><a href=\"\/ar\/services\/\">Services<\/a><\/li>\n        <li><a href=\"\/ar\/event-muslimaat\/\">Events<\/a><\/li>\n        <li><a href=\"\/ar\/resources\/\">Resources<\/a><\/li>\n        <li><a href=\"\/ar\/contact\/\">Contact Us<\/a><\/li>\n      <\/ul>\n      \n\n      <div class=\"msl-nav-right\">\n        <a href=\"https:\/\/donate.stripe.com\/aFa8wR51r4ASenQ9ba8ww00\" class=\"msl-btn\">Donate<\/a>\n\n        <label for=\"msl-toggle\" class=\"msl-ham-label\" aria-label=\"Toggle menu\">\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/label>\n      <\/div>\n\n    <\/div>\n\n    <!-- MOBILE NAV -->\n    <nav class=\"msl-mob\">\n      <a href=\"\/ar\/\">Home<\/a>\n      <a href=\"\/ar\/about\/\">About<\/a>\n      <a href=\"\/ar\/services\/\">Services<\/a>\n      <a href=\"\/ar\/event-muslimaat\/\">Events<\/a>\n      <a href=\"\/ar\/resources\/\">Resources<\/a>\n      <a href=\"\/ar\/contact\/\">Contact Us<\/a>\n      <div class=\"msl-mob-divider\"><\/div>\n      <a href=\"https:\/\/donate.stripe.com\/aFa8wR51r4ASenQ9ba8ww00\" class=\"msl-mob-cta\">Donate<\/a>\n    <\/nav>\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"template":"","class_list":["post-2148","tahefobu_header","type-tahefobu_header","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/tahefobu_header\/2148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/tahefobu_header"}],"about":[{"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/types\/tahefobu_header"}],"version-history":[{"count":17,"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/tahefobu_header\/2148\/revisions"}],"predecessor-version":[{"id":3180,"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/tahefobu_header\/2148\/revisions\/3180"}],"wp:attachment":[{"href":"http:\/\/muslimaat.org\/ar\/wp-json\/wp\/v2\/media?parent=2148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}