/*
Theme Name: Siraj
Template: blocksy
Version: 1.0.5
Text Domain: siraj-blocksy
*/

@font-face {
    font-family: "Noto Sans Arabic";
    src: url("fonts/noto-sans-arabic.ttf") format("truetype");
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Playfair Display";
    src: url("fonts/playfair-display.ttf") format("truetype");
    font-weight: 400 900;
    font-display: swap;
}

body {
    --siraj-font: "Noto Sans Arabic", Arial, sans-serif;
    --siraj-heading-font: var(--siraj-font);
    --theme-font-family: var(--siraj-font);
    --theme-headings-font-family: var(--siraj-heading-font);
    --siraj-silver-gradient: linear-gradient(125deg, #FFFFFF, #F0F1F3 48%, #D9DDE2);
    --theme-palette-color-1: #4B535D !important;
    --theme-palette-color-2: #252A30 !important;
    --theme-palette-color-3: #4B535D !important;
    --theme-palette-color-4: #252A30 !important;
    --theme-palette-color-5: #D9DDE2 !important;
    --theme-palette-color-6: #F0F1F3 !important;
    --theme-palette-color-7: #FAFAF9 !important;
    --theme-palette-color-8: #FFFFFF !important;
    --theme-link-initial-color: #4B535D;
    --theme-link-hover-color: #252A30;
    color: #252A30;
    background: #FAFAF9;
}

html[lang|="en"] body {
    --siraj-font: Arial, sans-serif;
    --siraj-heading-font: "Playfair Display", Georgia, serif;
}

body, .menu, .ct-button, .stk-button, button, input {
    font-family: var(--siraj-font);
}

h1, h2, h3, h4, .site-title {
    font-family: var(--siraj-heading-font);
}

:is(span, a)[lang|="en"] {
    font-family: "Playfair Display", Georgia, serif;
}

a[lang|="ar"] {
    font-family: "Noto Sans Arabic", Arial, sans-serif;
}

.stk-242acad :is([lang|="en"], .stk-3bad419) {
    font-size: 1.25rem;
    letter-spacing: .1em;
}

.siraj-language-switch a {
    white-space: nowrap;
}

.stk-242acad h1, .stk-51b2b12 h1 {
    text-wrap: balance;
}

.stk-51b2b12.stk--has-background-overlay::before {
    background-color: #252A30 !important;
    opacity: .65 !important;
}

#header [data-transparent] [data-transparent-row="yes"] {
    background-color: transparent !important;
}

#header [data-device="desktop"] [data-transparent-row="yes"] {
    --height: 100px !important;
}

#header [data-transparent] [data-transparent-row="yes"] > .ct-container {
    box-shadow: inset 0 -1px rgba(255, 255, 255, .12);
}

#header [data-transparent] [data-transparent-row="yes"] :is(.site-title a, .ct-menu-link, .ct-header-trigger) {
    color: #fff;
}

#header [data-id="button"] a {
    color: #fff;
    background-color: #252A30;
}

#header [data-id="button"] a:hover {
    background-color: #4B535D;
}

#header .header-menu-1 {
    --menu-items-spacing: clamp(14px, 2.65vw, 44px) !important;
}

#footer .widget_block a {
    text-decoration: underline;
    text-underline-offset: .2em;
}

:focus-visible {
    outline: 2px solid #4B535D;
    outline-offset: 4px;
}

@media (max-width: 767px) {
    .stk-242acad h1, .stk-51b2b12 h1 {
        font-size: clamp(1.7rem, 7vw, 2.4rem) !important;
    }

    #topics .stk-block-column__content {
        max-width: 100% !important;
    }
}