Skip to content

Instantly share code, notes, and snippets.

@MoatazAbdAlmageed
Last active October 23, 2025 12:39
Show Gist options
  • Select an option

  • Save MoatazAbdAlmageed/217685ccd9784e8758d331944908e0f8 to your computer and use it in GitHub Desktop.

Select an option

Save MoatazAbdAlmageed/217685ccd9784e8758d331944908e0f8 to your computer and use it in GitHub Desktop.
style.scss
.main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul {
border: none !important;
right:100% !important;
}
:root {
--thm-black-bg: #2c436a;
--thm-heading-font-color: #2c436a;
}
.scroll-to-top .scroll-bar-text{
background:var( --thm-heading-font-color)
}
#home_about .img-box img{width: 147px;}
// ==========================
// RTL Typography (Arabic Droid)
// ==========================
// Import Google font fallback (Almarai)
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap');
// Optional: Local Arabic Droid font
@font-face {
font-family: 'ArabicDroid';
src: url('path-to-font/ArabicDroid-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
// RTL Styles
.rtl {
.main-menu .main-menu__list>li>ul>li.dropdown:before {
left: 30px !important;
right: auto;
}
.icon-left-arrow-angle-big-gross-symbol:before,.icon-down-right-arrow:before,.main-menu .main-menu__list>li>ul>li.dropdown:before,.icon-right-arrow-1:before, .single-sidebar-box .sidebar-title::before, .widget h2:before, .widget .wp-block-search__label:before,.faq-style1__content .accordion-box-style1 .accordion .accord-btn::after,.faq-style1__content .accordion-box-style1 .accordion .accord-btn.active::after,.breadcrumb-item+.breadcrumb-item::before,.breadcrumb-item+.breadcrumb-item::after, .icon-arrow-angle-pointing-to-right, .icon-arrow-angle-pointing-to-right:before,.footer-widget ul li:before,
.icon-arrow-angle-pointing-to-right::before,.footer-widget ol li:before ,.main-menu .main-menu__list>li.dropdown>a::before,.main-menu .main-menu__list>li.dropdown>a::after,.sec-title .sub-title h4::before,.sec-title .sub-title h4::after,.icon-arrow-angle-pointing-to-right::before,.icon-arrow-angle-pointing-to-left::before,.icon-right-arrow-1::before{
transform: rotate(180deg); /* ← flips direction */
}
.industries-serve-style1-bg {
width: calc((100% - -230px) / 2);
}
.logo-box-style1 {
right: 0;
}
.blog-single-author .text-box {
padding-right: 40px;
}
.main-header-style1__box-bottom {
margin-right: 10px;
float: right;
}
.main-header-style1 {
padding-right: 315px;
padding-left: 0 !important
}
.logo-box-style1 .shape {
transform: scaleX(-1);
}
.header-subscribe-box-one .text {
padding-right: 10px;
}
.xs-sidebar-group .widget-heading {
right: auto;
left: 0;
}
.xs-sidebar-group.isActive .xs-sidebar-widget {
left: 0 !important;
right: auto !important;
}
.main-menu .main-menu__list>li.dropdown>a::before {
content: "" !important;
}
.main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul {
right: 0;
}
.faq-style1__content .accordion-box-style1 .accordion .accord-btn {
padding-right: 70px;
}
.breadcrumb-style1 .breadcrumb-menu .breadcrumb-item+.breadcrumb-item:before {
float:right;
content: "";
}
.breadcrumb-style1 .breadcrumb-menu .breadcrumb-item+.breadcrumb-item:after {
float: left;
font-size: 10px;
padding-right: 8px;
color: #ffffff;
content: "\e904";
font-family: 'icomoon' !important;
}
.faq-style1__content .accordion-box-style1 .accordion .accord-btn.active::after {
left: 10px;
}
.faq-style1__content .accordion-box-style1 .accordion .accord-btn::after {
top: 10px;
}
direction: rtl;
text-align: right;
.breadcrumb-menu {
right: 0;
}
.industries-serve-style1__content-list ul li .title-box {
padding-right: 30px;
}
.breadcrumb-style1 .breadcrumb-menu .breadcrumb-item+.breadcrumb-item:after {
float: right !important;
font-size: 10px;
padding-left: 4px;
color: #fff;
content: "\e904";
font-family: icomoon !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1650px) {
.main-menu-style1__left .main-menu-box {
margin-right: 20px;
}
}
body,
p,
h1, h2, h3, h4, h5, h6,
a, span, li,
button, input, textarea ,.elementor-widget-container{
font-family: 'ArabicDroid', 'Almarai', sans-serif !important;
direction: rtl;
text-align: right;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
p, li, a, span, button, input, textarea {
font-weight: 400;
}
// ✅ Exclude icons from Arabic font override
[class^="fa-"],
[class*=" fa-"],
.fas, .far, .fal, .fab,
.dashicons,
[class^="flaticon-"],
[class*=" flaticon-"],
[class^="icon-"],
[class*=" icon-"],
.icon,
i,
svg {
font-family: inherit !important;
&::before,
&::after {
font-family: inherit !important;
}
}
// ✅ Force Icomoon icons to use their correct font
[class^="icon-"],
[class*=" icon-"] ,
.icon-notification .path1:before,
.path1, .path2, .path3, .path4, .path5, .path6, .path7 {
font-family: 'icomoon' !important;
}
// ✅ Font Awesome 5 Brands
.fa,
.fab,
[class^="fab-"],
[class*=" fab-"] {
font-family: "Font Awesome 5 Brands" !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment