/* Masar University — pages Falar still renders (English, French, and Arabic pages without a design).
   Their content stays as it is; Falar's and Elementor's colours and fonts are re-pointed to the Masar
   identity, and the Masar header and footer replace Falar's. Loaded after Falar's stylesheets. */

/* Falar's option colours (printed inline on :root) and fonts */
html:root {
  --primaryColor: #03758B;
  --secondaryColor: #002F6C;
  --yellowColor: #F5B800;
  --blackColor: #002F6C;
  --paragraphColor: #1F2937;
  --main-fontFamily: "Cairo", Arial, sans-serif;
  --heading-fontFamily: "Cairo", Arial, sans-serif;
  --heading-fontFamily2: "Cairo", Arial, sans-serif;
}
html[dir="ltr"]:root {
  --main-fontFamily: "Poppins", Arial, sans-serif;
  --heading-fontFamily: "Poppins", Arial, sans-serif;
  --heading-fontFamily2: "Poppins", Arial, sans-serif;
}
/* Elementor's global fonts (the kit sets Cairo, which has no place in English or French text) */
html[dir="ltr"] body[class*="elementor-kit-"] {
  --e-global-typography-text-font-family: "Poppins";
  --e-global-typography-accent-font-family: "Poppins";
}

/* What the shell needs from the base layer (the rest of it would restyle Falar's content) */
.mu-skip-link {
  position: absolute;
  top: -100px;
  inset-inline-start: 1rem;
  z-index: 10000;
  padding: .7rem 1.1rem;
  border-radius: var(--mu-radius-md);
  background: var(--mu-navy);
  color: #fff;
  font-weight: var(--mu-fw-bold);
  text-decoration: none;
}
.mu-skip-link:focus { top: 1rem; color: #fff; }
.mu-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.mu-utility, .mu-header, .mu-drawer, .mu-footer, .mu-to-top { font-family: var(--mu-font-ar); line-height: 1.85; }
html[dir="ltr"] .mu-utility, html[dir="ltr"] .mu-header, html[dir="ltr"] .mu-drawer,
html[dir="ltr"] .mu-footer, html[dir="ltr"] .mu-to-top { font-family: var(--mu-font-en); }
.mu-header ul, .mu-drawer ul, .mu-footer ul, .mu-utility ul { margin-bottom: 0; }
.mu-footer h2 { margin-top: 0; }
.mu-header a:not(.mu-btn), .mu-drawer a:not(.mu-btn), .mu-utility a, .mu-footer a { text-decoration: none; }

/* Elementor's kit paints every <button> teal (.elementor-kit-8 button, and :hover); the shell's own buttons
   keep their design (selectors one step stronger than the kit's). */
html body .mu-header button.mu-nav__link { background: none; color: var(--mu-navy); }
html body .mu-header button.mu-nav__link:hover,
html body .mu-header .mu-nav__item.is-open > button.mu-nav__link { color: var(--mu-teal-700); background: linear-gradient(to top, rgba(4, 138, 164, .12), rgba(4, 138, 164, 0) 75%); }
html body .mu-header .mu-nav__item.is-current > button.mu-nav__link { color: var(--mu-navy); background: linear-gradient(to top, rgba(245, 184, 0, .16), rgba(245, 184, 0, 0) 75%); }
html body .mu-header button.mu-burger,
html body .mu-header button.mu-burger:hover,
html body .mu-header button.mu-burger:focus { background: #fff; color: var(--mu-navy); border: 1px solid var(--mu-border); }
html body .mu-drawer button.mu-drawer__close,
html body .mu-drawer button.mu-drawer__close:hover,
html body .mu-drawer button.mu-drawer__close:focus { background: none; color: #fff; border: 1px solid rgba(255, 255, 255, .2); }
html body button.mu-to-top { background: var(--mu-navy); color: var(--mu-gold); }
html body .mu-notice-bar button.mu-notice-bar__close,
html body .mu-notice-bar button.mu-notice-bar__close:focus,
html body .mu-notice-bar button.mu-notice-bar__step,
html body .mu-notice-bar button.mu-notice-bar__step:focus { background: transparent; color: inherit; border: 0; }
html body .mu-notice-bar button.mu-notice-bar__close:hover,
html body .mu-notice-bar button.mu-notice-bar__step:hover { background: rgba(255, 255, 255, .15); color: inherit; }
html body .mu-notice-bar--discount button.mu-notice-bar__close:hover,
html body .mu-notice-bar--admission button.mu-notice-bar__close:hover,
html body .mu-notice-bar--discount button.mu-notice-bar__step:hover,
html body .mu-notice-bar--admission button.mu-notice-bar__step:hover { background: rgba(0, 27, 61, .12); }
html body button.mu-to-top:hover, html body button.mu-to-top:focus { background: var(--mu-teal-700); color: #fff; }

/* Admin bar: one row, and the sticky header below it */
#wpadminbar { overflow: hidden; }
.admin-bar .mu-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .mu-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .mu-header { top: 0; } }

/* Falar hard-codes a purple (#353688) that no option changes; it becomes the Masar navy. */
.information li:last-child { background: var(--mu-navy); }
.mission-content .mission-box .mission-link { color: var(--mu-navy); }
.features-box .content .features-link { color: var(--mu-navy); }
.features-item .content .features-link { color: var(--mu-navy); }
.features-item-link .content .features-link { color: var(--mu-navy); }
.information-content .info-link-chat .content .chat-link { color: var(--mu-navy); }
.academic-option .content .academic-link { color: var(--mu-navy); }
.academic-option .academic-date .date-link { color: var(--mu-navy); }
.recognized-content .recognized-link { color: var(--mu-navy); }
.blog-content-widget .blog-donate .content .donate-link { color: var(--mu-navy); }
.copy-right-warp { background: var(--mu-navy); }
.about-content .about-link { color: var(--mu-navy); }
.academic-box.style2 .default-btn { background: var(--mu-navy); }
.admission-content .admission-list li a { color: var(--mu-navy); }
.review-widget h4 { color: var(--mu-navy); }
.question-content .accordion-question .accordion-item .accordion-button { color: var(--mu-navy); }
.about-style2-content .about-link { color: var(--mu-navy); }
.undergraduate-widget .undergraduate-list li a { color: var(--mu-navy); }
.luva-inner-widget .blog-donate .content .donate-link { color: var(--mu-navy); }
.enquiry-content .enquiry-link { color: var(--mu-navy); }
.visiting-content .default-btn { background: var(--mu-navy); }
.build-campus-list .build-list li a { color: var(--mu-navy); }
.building-hours-content .building-hours-list li { color: var(--mu-navy); }
.facilities-small-widget .info { color: var(--mu-navy); }
.facilities-small { background: var(--mu-navy); }
.facilities-requirements { color: var(--mu-navy); }
.requirement-big-warp span { color: var(--mu-navy); }
.administration-small-widget .info { color: var(--mu-navy); }
.administration-small { background: var(--mu-navy); }
.administration-requirements { color: var(--mu-navy); }
.administration-accordion .accordion-item .semester-list li h6 { color: var(--mu-navy); }
.requirement-language p a { color: var(--mu-navy); }
.administration-finance-item { border-top: 3px solid var(--mu-navy); }
.administration-finance-item h1 { color: var(--mu-navy); }
.administration-finance-content .administration-finance-list li { color: var(--mu-navy); }
.administration-availability-content .availability-list li h6 { color: var(--mu-navy); }
.blog-style-content { border-top: 3px solid var(--mu-navy); }
.academic-item-date .academic-event-content .academic-list li:first-child { color: var(--mu-navy); }
.academic-item-date .academic-event-content .academic-list li:first-child a { color: var(--mu-navy); }
.academic-item-date .date-box h4 { color: var(--mu-navy); }
.inner-account-warp p a { color: var(--mu-navy); }
.international-support-content .international-info .item-one p { color: var(--mu-navy); }
.international-support-content .international-info .item-one p a { color: var(--mu-navy); }
.accessibility-link-widget .accessibility-link-list a.active { color: var(--mu-navy); }
.accessibility-link-widget .accessibility-link-list a:hover { color: var(--mu-navy); }
.book-store-content .online-list-widget .online-list li a { color: var(--mu-navy); }
.parking-locker-content .parking-location-widget .parking-item .parking-item-list li a { color: var(--mu-navy); }
.residence-content-widget .residence-button .default-btn { background: var(--mu-navy); }
.residence-content-widget .residence-button .residence-link { color: var(--mu-navy); }
.health-service-content .health-service-location-widget .health-service-item .parking-item-list li a { color: var(--mu-navy); }
.open-role-card .default-btn { background: var(--mu-navy); }
.job-details-button-content .default-btn { background: var(--mu-navy); }
.four-popular-program-area .swiper-btn .swiper-button-prev::before, .four-popular-program-area .swiper-btn .swiper-button-next::before { color: var(--mu-navy); }
.financial-info-content ul li a { color: var(--mu-navy); }
.home-four-review-widget h4 { color: var(--mu-navy); }
.home-four-donate .content .donate-link { color: var(--mu-navy); }
.home-five-pp-slider-widget .swiper-btn .swiper-button-prev::before, .home-five-pp-slider-widget .swiper-btn .swiper-button-next::before { color: var(--mu-navy); }
.future-student-item .content .view-link { color: var(--mu-navy); }
.research-right-widget h6 { color: var(--mu-navy); }