body {
    background-color: var(--contrast);
    color: var(--base-3);
}

a {
    color: var(--base-3);
}

a:hover, a:focus, a:active {
    color: var(--base-3);
}

.wp-block-group__inner-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.site-header .header-image {
    width: 120px;
}

:root {
    --contrast: #0b1129;
    --contrast-2: #121730;
    --contrast-3: #1a203b;
    --base: #00ffcb;
    --base-2: #ebecf2;
    --base-3: #ffffff;
    --accent: #A2621E;
    --accent-2: #EEBE47;
}

:root .has-contrast-color {
    color: var(--contrast);
}

:root .has-contrast-background-color {
    background-color: var(--contrast);
}

:root .has-contrast-2-color {
    color: var(--contrast-2);
}

:root .has-contrast-2-background-color {
    background-color: var(--contrast-2);
}

:root .has-contrast-3-color {
    color: var(--contrast-3);
}

:root .has-contrast-3-background-color {
    background-color: var(--contrast-3);
}

:root .has-base-color {
    color: var(--base);
}

:root .has-base-background-color {
    background-color: var(--base);
}

:root .has-base-2-color {
    color: var(--base-2);
}

:root .has-base-2-background-color {
    background-color: var(--base-2);
}

:root .has-base-3-color {
    color: var(--base-3);
}

:root .has-base-3-background-color {
    background-color: var(--base-3);
}

:root .has-accent-color {
    color: var(--accent);
}

:root .has-accent-background-color {
    background-color: var(--accent);
}

:root .has-accent-2-color {
    color: var(--accent-2);
}

:root .has-accent-2-background-color {
    background-color: var(--accent-2);
}

body, button, input, select, textarea {
    font-family: Tajawal, sans-serif;
    font-size: 1.125rem;
}

body {
    line-height: 1.5em;
}

p {
    margin-bottom: 1.5rem;
}

.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    font-family: Cairo, sans-serif;
    font-weight: 700;
    font-size: .9375rem;
    line-height: 1.5em;
}

.main-navigation .menu-toggle {
    font-family: Cairo, sans-serif;
    font-size: 1.5rem;
}

@media (max-width: 768px) {
    .main-navigation .menu-toggle {
        font-size:1.5rem;
    }
}

h1 {
    font-family: Cairo, sans-serif;
    font-weight: 700;
    font-size: clamp(3rem, 3.704vw + 1.222rem, 4rem);
    line-height: calc(1px + 2ex);
    margin-bottom: 2rem;
}

h2 {
    font-family: Cairo, sans-serif;
    font-weight: 700;
    font-size: clamp(2rem, 1.389vw + 1.333rem, 2.375rem);
    line-height: calc(5px + 2ex);
    margin-bottom: 1.5rem;
}

h3 {
    font-family: Cairo, sans-serif;
    font-weight: 700;
    font-size: clamp(1.313rem, 0.926vw + 0.868rem, 1.563rem);
    line-height: calc(5px + 2ex);
    margin-bottom: 1.5rem;
}

h4 {
    font-family: Cairo, sans-serif;
    font-weight: 700;
    font-size: clamp(1.313rem, 0.231vw + 1.201rem, 1.375rem);
    line-height: calc(6px + 2ex);
    margin-bottom: 1.5rem;
}

h5 {
    font-family: Cairo, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: calc(6px + 2ex);
    margin-bottom: 1.5rem;
}

h6 {
    font-family: Cairo, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: calc(6px + 2ex);
    margin-bottom: 1.5rem;
}

.main-navigation,.main-navigation ul ul {
    background-color: var(--contrast);
}

.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    color: var(--base-2);
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
    color: var(--accent-2);
}

button.menu-toggle:hover,button.menu-toggle:focus {
    color: var(--base-2);
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--base-2);
}

.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a {
    color: var(--accent-2);
}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
    color: var(--base-3);
    background-color: var(--contrast);
}

.inside-article a,.paging-navigation a,.comments-area a,.page-header a {
    color: #0b1020;
}

.inside-article a:hover,.paging-navigation a:hover,.comments-area a:hover,.page-header a:hover {
    color: var(--base);
}

.entry-title a {
    color: var(--accent-2);
}

.entry-meta {
    color: var(--base-3);
}

h1 {
    color: #e4b848;
}

h2 {
    color: var(--accent-2);
}

h3 {
    color: var(--base);
}

h4 {
    color: var(--base);
}

h5 {
    color: var(--base);
}

h6 {
    color: var(--base);
}

button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background) {
    color: var(--base-3);
    background-color: var(--accent);
}

button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover {
    color: var(--base-3);
    background-color: var(--accent);
}

:root {
    --gp-search-modal-bg-color: var(--base-2);
    --gp-search-modal-text-color: var(--contrast);
    --gp-search-modal-overlay-bg-color: rgba(0,0,0,0.2);
}

@media (max-width: 992px) {
    .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
        background:none;
        color: var(--base-2);
    }
}

.inside-top-bar.grid-container {
    max-width: 1280px;
}

.inside-header {
    padding: 32px;
}

.inside-header.grid-container {
    max-width: 1264px;
}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
    padding: 128px 32px 40px 32px;
}

.site-main .wp-block-group__inner-container {
    padding: 128px 32px 40px 32px;
}

.separate-containers .paging-navigation {
    padding-top: 20px;
    padding-bottom: 20px;
}

.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull {
    margin-left: -32px;
    width: calc(100% + 64px);
    max-width: calc(100% + 64px);
}

.one-container.right-sidebar .site-main,.one-container.both-right .site-main {
    margin-right: 32px;
}

.one-container.left-sidebar .site-main,.one-container.both-left .site-main {
    margin-left: 32px;
}

.one-container.both-sidebars .site-main {
    margin: 0px 32px 0px 32px;
}

.sidebar .widget, .page-header, .widget-area .main-navigation, .site-main > * {
    margin-bottom: 10px;
}

.separate-containers .site-main {
    margin: 10px;
}

.both-right .inside-left-sidebar,.both-left .inside-left-sidebar {
    margin-right: 5px;
}

.both-right .inside-right-sidebar,.both-left .inside-right-sidebar {
    margin-left: 5px;
}

.separate-containers .featured-image {
    margin-top: 10px;
}

.separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar {
    margin-top: 10px;
    margin-bottom: 10px;
}

.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-item > a {
    padding-left: 24px;
    padding-right: 24px;
}

.main-navigation .main-nav ul ul li a {
    padding: 12px 24px 12px 24px;
}

.main-navigation ul ul {
    width: 162px;
}

.rtl .menu-item-has-children .dropdown-menu-toggle {
    padding-left: 24px;
}

.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 24px;
}

.menu-item-has-children ul .dropdown-menu-toggle {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: -12px;
}

.rtl .main-navigation .main-nav ul li.menu-item-has-children > a {
    padding-right: 24px;
}

.widget-area .widget {
    padding: 0px;
}

.footer-widgets-container {
    padding: 0px;
}

.footer-widgets-container.grid-container {
    max-width: 1200px;
}

.inside-site-info {
    padding: 0px;
}

.inside-site-info.grid-container {
    max-width: 1200px;
}

@media (max-width: 768px) {
    .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
        padding:96px 24px 96px 24px;
    }

    .site-main .wp-block-group__inner-container {
        padding: 96px 24px 96px 24px;
    }

    .inside-top-bar {
        padding-right: 30px;
        padding-left: 30px;
    }

    .inside-header {
        padding-top: 24px;
        padding-right: 24px;
        padding-bottom: 24px;
        padding-left: 24px;
    }

    .widget-area .widget {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }

    .footer-widgets-container {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }

    .inside-site-info {
        padding-right: 30px;
        padding-left: 30px;
    }

    .entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull {
        margin-left: -24px;
        width: calc(100% + 48px);
        max-width: calc(100% + 48px);
    }

    .one-container .site-main .paging-navigation {
        margin-bottom: 10px;
    }
}

@media (max-width: 992px) {
    .main-navigation .menu-toggle,.main-navigation .mobile-bar-items a,.main-navigation .menu-bar-item > a {
        padding-left:24px;
        padding-right: 24px;
    }

    .main-navigation .main-nav ul li a,.main-navigation .menu-toggle,.main-navigation .mobile-bar-items a,.main-navigation .menu-bar-item > a {
        line-height: 60px;
    }

    .main-navigation .site-logo.navigation-logo img, .mobile-header-navigation .site-logo.mobile-header-logo img, .navigation-search input[type="search"] {
        height: 60px;
    }
}

.post-image:not(:first-child), .page-content:not(:first-child), .entry-content:not(:first-child), .entry-summary:not(:first-child), footer.entry-meta {
    margin-top: 1em;
}

.post-image-above-header .inside-article div.featured-image, .post-image-above-header .inside-article div.post-image {
    margin-bottom: 1em;
}

@media (max-width: 1024px),(min-width:1025px) {
    .main-navigation.sticky-navigation-transition .main-nav > ul > li > a,.sticky-navigation-transition .menu-toggle,.main-navigation.sticky-navigation-transition .menu-bar-item > a, .sticky-navigation-transition .navigation-branding .main-title {
        line-height:58px;
    }

    .main-navigation.sticky-navigation-transition .site-logo img, .main-navigation.sticky-navigation-transition .navigation-search input[type="search"], .main-navigation.sticky-navigation-transition .navigation-branding img {
        height: 58px;
    }
}

.main-navigation.slideout-navigation .main-nav > ul > li > a {
    line-height: 60px;
}

.main-navigation .main-nav ul li a,.menu-toggle,.main-navigation .menu-bar-item > a {
    transition: line-height 300ms ease
}

.sticky-enabled .gen-sidebar-nav.is_stuck .main-navigation {
    margin-bottom: 0px;
}

.sticky-enabled .gen-sidebar-nav.is_stuck {
    z-index: 500;
}

.sticky-enabled .main-navigation.is_stuck {
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .2);
}

.navigation-stick:not(.gen-sidebar-nav) {
    left: 0;
    right: 0;
    width: 100% !important;
}

.both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul,.mobile-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul,.mobile-header-sticky #mobile-header.toggled .main-nav > ul {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
}

@media (max-width: 992px) {
    #sticky-placeholder {
        height:0;
        overflow: hidden;
    }

    .has-inline-mobile-toggle #site-navigation.toggled {
        margin-top: 0;
    }

    .has-inline-mobile-menu #site-navigation.toggled .main-nav > ul {
        top: 1.5em;
    }
}

.nav-float-right .navigation-stick {
    width: 100% !important;
    left: 0;
}

.nav-float-right .navigation-stick .navigation-branding {
    margin-right: auto;
}

.main-navigation.has-sticky-branding:not(.grid-container) .inside-navigation:not(.grid-container) .navigation-branding {
    margin-left: 10px;
}