@font-face {
    font-family: "Janna-LT";
    src: url("../fonts//Janna-LT/ArbFONTS-Janna-LT-Regular.ttf");
}

:root {
    --primary: #c2a85e;
    --bs-body-font-family: "Janna-LT" !important;
    --bs-link-hover-color-rgb: var(--primary);
}

/* OVERRIDE BOOTSTRAP COLORS */
/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
    color: #78642d;
    background-color: #faf7f1;
    border-color: #f4efe3;
}

.alert-primary hr {
    border-top-color: #ede5d0;
}

.alert-primary .alert-link {
    color: #53451f;
}

.badge-primary {
    color: #212529;
    background-color: var(--primary);
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    color: #212529;
    background-color: #ab9041;
}

.bg-primary {
    background-color: var(--primary) !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #ab9041 !important;
}

.border-primary {
    border-color: var(--primary) !important;
}

.btn-primary {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    color: #fff;
    background-color: #b69945;
    border-color: #ab9041;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(194, 168, 94, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #212529;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #212529;
    background-color: #ab9041;
    border-color: #a0863c;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(194, 168, 94, 0.5);
}

.btn-outline-primary {
    color: var(--primary);
    background-color: transparent;
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    color: #212529;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(194, 168, 94, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: var(--primary);
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #212529;
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(194, 168, 94, 0.5);
}

.list-group-item-primary {
    color: #78642d;
    background-color: #f4efe3;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #78642d;
    background-color: #ede5d0;
}

.list-group-item-primary.list-group-item-action.active {
    color: #212529;
    background-color: #78642d;
    border-color: #78642d;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #f4efe3;
}

.table-hover .table-primary:hover {
    background-color: #ede5d0;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #ede5d0;
}

.text-primary {
    color: var(--primary) !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #ab9041 !important;
}

/* END OVERRIDE BOOTSTRAP COLORS */

:root {
    --bs-primary: var(--primary);
}

.info-container {
    background-color: var(--bs-light);
    border-radius: 50px;
}

.navbar-toggler-icon {
    width: 1rem;
}

.box-shadow {
    box-shadow: 0px 2px 5px #cbcbcb;
}

.img-icon {
    width: 30px;
}

.img-icon-sm {
    width: 20px;
}

.img-sm {
    max-width: 100px;
    max-height: 100px;
}

a{
    text-decoration: none;
}