:root {
	--primary-color: #0a397a;
    --secondary-color: #0452c0;
    --bs-primary: var(--primary-color);
    --bs-secondary: var(--secondary-color);
	--bs-primary-rgb: 10, 57, 122;
    --white-color: #ffffff;
    --black-color: #000000;
    --gray-color: #808080;
    --light-gray-color: #f2f2f2;
    --dark-gray-color: #404040;
    --error-color: #ff0000;
    --success-color: #008000;
    --info-color: #008080;
    --warning-color: #ffa500;
    --body-color: #292929e6;
    --body-background-color: #f9f9f9;
    --link-color: var(--primary-color);
    --link-hover-color: var(--secondary-color);
    --border-color: var(--light-gray-color);
    --border-radius: 8px;
    --box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    --header-background-color: #ffffff;
    --mobile-menu-width: 80%;
    --mobile-menu-background-color: #f2f2f2;
    --mobile-menu-close-btn-color: var(--body-color);
    --mobile-menu-link-color: var(--body-color);
    --mobile-menu-link-hover-color: var(--link-hover-color);
    --footer-background-color: var(--primary-color);
    --footer-text-color: var(--body-color);
    --footer-link-color: var(--link-color);
    --footer-link-hover-color: var(--link-hover-color);
    --bottom-footer-background-color: var(--primary-color);
	--bs-body-font-family: "Wix Madefor Text", sans-serif;
}

body {
    font-family: "Wix Madefor Text", sans-serif;
    font-size: 16px;
    color: var(--body-color);
    background-color: var(--body-background-color);
	line-height: 1.6;
}
img{
	width: 100%;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0 0 20px 0;
}

p {
    margin: 0 0 20px 0;
}

a {
    color: var(--link-color);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

a:hover {
    color: var(--link-hover-color);
}

svg{
    fill: currentColor;
    width: 24px;
}

.btn-theme{
	--bs-btn-color: var(--white-color);
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: var(--white-color);
    --bs-btn-hover-bg: var(--secondary-color);
    --bs-btn-hover-border-color: var(--secondary-color);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--white-color);
    --bs-btn-active-bg: var(--secondary-color);
    --bs-btn-active-border-color: var(--secondary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--white-color);
    --bs-btn-disabled-bg: var(--primary-color);
    --bs-btn-disabled-border-color: var(--primary-color);
}

.btn-outline-theme{
	--bs-btn-color: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: var(--white-color);
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: var(--white-color);
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--primary-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary-color);
    --bs-gradient: none;
}


ul.page-numbers {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 5px;
}

ul.page-numbers .page-numbers:not(.dots) {
    padding: 5px 10px;
    border: 1px solid var(--primary-color);
    border-radius: 8px;
}

ul.page-numbers .page-numbers.current,
ul.page-numbers a.page-numbers:hover{
    background: var(--primary-color);
    color: var(--white-color);
}

.article-child-page h2,
.article-child-page h3,
.article-child-page h4{
	margin-top: 20px;
	margin-bottom: 20px;
}

article.article-child-page ul li {line-height: 2.4;}


