@import "/wp-content/themes/bkerke/css/header.css";
@import "/wp-content/themes/bkerke/css/svg.css";

::-webkit-scrollbar {
    width: 10px;
}

html {
    scroll-behavior: smooth;
}

html {
    overflow-x: hidden;
}

::-webkit-scrollbar-track {
    background: var(--white);
    cursor: grab;
}

::-webkit-scrollbar-thumb {
    background: var(--darker-yellow);
    border-radius: 6px;
    cursor: grab;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--red);
    cursor: grabbing;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: 0;
}

ul, ol {
    margin-right: 1.5em; /* Default is often around 40px or 1.5em */
    padding-right: 1.5em;
    list-style-type: disc; /* or 'decimal' for <ol> */
}

ol {
    list-style-type: decimal;
}

li {
    display: list-item;
}


:root {
    --coral: #f58675;
    --red: #c52927;
    --blue: #98c6ea;
    --green: #336c2f;
    --dark-grey: #221f1f;
    --light-pink: #9e8a83;
    --white: #ffffff;
    --darker-yellow: #deb026;
    --lighter-yellow: #cfb958;
}


@font-face {
    font-family: 'Diwani-Letter';
    src: url('alfont_com_AlFont_com_Diwani-Letter.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Droid-Kufi';
    src: url('DroidKufi-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}


h1 {
    margin: 20px 0 10px 0;
    font-size: 20pt;
}

body {
    font-family: 'Droid-Kufi', sans-serif;
    font-size: 12pt;
}

html[lang="ar"] body {
    direction: rtl;
    text-align: right;
}

a {
    text-decoration: none;
}

h6 {
    display: inline-block;
    background-color: var(--coral);
    color: var(--white);
    padding: 4px 13px;
    border-radius: 5px;
    font-size: 14px;
    height: min-content;
}

h2 {
    font-size: 23px;
    margin-bottom: 16px;
    position: relative;
    display: inline-block;
    padding-bottom: 8px;
}

h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 3px;
    background-color: var(--red);
}

a {
    color: inherit;
}

p {
	text-align: justify;
}

.link {
	text-decoration: underline;
}