theme

Signed-off-by: Jeff <jeff@gotenzing.com>

 @charset "UTF-8";
 @charset "UTF-8";
+@font-face {
+  font-family: "PT Sans", sans-serif;
+  font-weight: bold;
+  src: local("/../fonts/PTSans-Bold.ttf");
+}
+@font-face {
+  font-family: "PTSans-BoldItalic";
+  src: local("/../fonts/PTSans-BoldItalic.ttf");
+}
+@font-face {
+  font-family: "PTSans-Italic";
+  src: local("/../fonts/PTSans-Italic.ttf");
+}
+@font-face {
+  font-family: "PT Sans", sans-serif;
+  src: local("/../fonts/PTSans-Regular.ttf");
+}
 /*!
 /*!
  * Bootstrap  v5.2.3 (https://getbootstrap.com/)
  * Bootstrap  v5.2.3 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors
  * Copyright 2011-2022 The Bootstrap Authors
@@ -29,7 +46,7 @@
   --bs-gray-700: #495057;
   --bs-gray-700: #495057;
   --bs-gray-800: #343a40;
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
   --bs-gray-900: #212529;
-  --bs-primary: #5533ff;
+  --bs-primary: #000;
   --bs-secondary: #6c757d;
   --bs-secondary: #6c757d;
   --bs-success: #198754;
   --bs-success: #198754;
   --bs-info: #0dcaf0;
   --bs-info: #0dcaf0;
@@ -37,7 +54,7 @@
   --bs-danger: #dc3545;
   --bs-danger: #dc3545;
   --bs-light: #f8f9fa;
   --bs-light: #f8f9fa;
   --bs-dark: #212529;
   --bs-dark: #212529;
-  --bs-primary-rgb: 85, 51, 255;
+  --bs-primary-rgb: 0, 0, 0;
   --bs-secondary-rgb: 108, 117, 125;
   --bs-secondary-rgb: 108, 117, 125;
   --bs-success-rgb: 25, 135, 84;
   --bs-success-rgb: 25, 135, 84;
   --bs-info-rgb: 13, 202, 240;
   --bs-info-rgb: 13, 202, 240;
@@ -68,8 +85,8 @@
   --bs-border-radius-xl: 1rem;
   --bs-border-radius-xl: 1rem;
   --bs-border-radius-2xl: 2rem;
   --bs-border-radius-2xl: 2rem;
   --bs-border-radius-pill: 50rem;
   --bs-border-radius-pill: 50rem;
-  --bs-link-color: #5533ff;
-  --bs-link-hover-color: #4429cc;
+  --bs-link-color: #000;
+  --bs-link-hover-color: black;
   --bs-code-color: #d63384;
   --bs-code-color: #d63384;
   --bs-highlight-bg: #fff3cd;
   --bs-highlight-bg: #fff3cd;
 }
 }
@@ -1813,13 +1830,13 @@ progress {
 
 
 .table-primary {
 .table-primary {
   --bs-table-color: #000;
   --bs-table-color: #000;
-  --bs-table-bg: #ddd6ff;
-  --bs-table-border-color: #c7c1e6;
-  --bs-table-striped-bg: #d2cbf2;
+  --bs-table-bg: #cccccc;
+  --bs-table-border-color: #b8b8b8;
+  --bs-table-striped-bg: #c2c2c2;
   --bs-table-striped-color: #000;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #c7c1e6;
+  --bs-table-active-bg: #b8b8b8;
   --bs-table-active-color: #000;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #ccc6ec;
+  --bs-table-hover-bg: #bdbdbd;
   --bs-table-hover-color: #000;
   --bs-table-hover-color: #000;
   color: var(--bs-table-color);
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
   border-color: var(--bs-table-border-color);
@@ -2076,9 +2093,9 @@ progress {
 .wpcf7 textarea:focus {
 .wpcf7 textarea:focus {
   color: #212529;
   color: #212529;
   background-color: #fff;
   background-color: #fff;
-  border-color: #aa99ff;
+  border-color: gray;
   outline: 0;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(85, 51, 255, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
 }
 }
 .form-control::-webkit-date-and-time-value, .wpcf7 .wpcf7-validation-errors::-webkit-date-and-time-value, .wpcf7 input[type=text]::-webkit-date-and-time-value,
 .form-control::-webkit-date-and-time-value, .wpcf7 .wpcf7-validation-errors::-webkit-date-and-time-value, .wpcf7 input[type=text]::-webkit-date-and-time-value,
 .wpcf7 input[type=search]::-webkit-date-and-time-value,
 .wpcf7 input[type=search]::-webkit-date-and-time-value,
@@ -2326,9 +2343,9 @@ textarea.form-control-lg {
   }
   }
 }
 }
 .form-select:focus {
 .form-select:focus {
-  border-color: #aa99ff;
+  border-color: gray;
   outline: 0;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(85, 51, 255, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
 }
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 0.75rem;
   padding-right: 0.75rem;
@@ -2406,13 +2423,13 @@ textarea.form-control-lg {
   filter: brightness(90%);
   filter: brightness(90%);
 }
 }
 .form-check-input:focus {
 .form-check-input:focus {
-  border-color: #aa99ff;
+  border-color: gray;
   outline: 0;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(85, 51, 255, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
 }
 }
 .form-check-input:checked {
 .form-check-input:checked {
-  background-color: #5533ff;
-  border-color: #5533ff;
+  background-color: #000;
+  border-color: #000;
 }
 }
 .form-check-input:checked[type=checkbox] {
 .form-check-input:checked[type=checkbox] {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
@@ -2421,8 +2438,8 @@ textarea.form-control-lg {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
 }
 }
 .form-check-input[type=checkbox]:indeterminate {
 .form-check-input[type=checkbox]:indeterminate {
-  background-color: #5533ff;
-  border-color: #5533ff;
+  background-color: #000;
+  border-color: #000;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 }
 .form-check-input:disabled {
 .form-check-input:disabled {
@@ -2452,7 +2469,7 @@ textarea.form-control-lg {
   }
   }
 }
 }
 .form-switch .form-check-input:focus {
 .form-switch .form-check-input:focus {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23aa99ff'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='gray'/%3e%3c/svg%3e");
 }
 }
 .form-switch .form-check-input:checked {
 .form-switch .form-check-input:checked {
   background-position: right center;
   background-position: right center;
@@ -2496,10 +2513,10 @@ textarea.form-control-lg {
   outline: 0;
   outline: 0;
 }
 }
 .form-range:focus::-webkit-slider-thumb {
 .form-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(85, 51, 255, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
 }
 }
 .form-range:focus::-moz-range-thumb {
 .form-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(85, 51, 255, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
 }
 }
 .form-range::-moz-focus-outer {
 .form-range::-moz-focus-outer {
   border: 0;
   border: 0;
@@ -2508,7 +2525,7 @@ textarea.form-control-lg {
   width: 1rem;
   width: 1rem;
   height: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
   margin-top: -0.25rem;
-  background-color: #5533ff;
+  background-color: #000;
   border: 0;
   border: 0;
   border-radius: 1rem;
   border-radius: 1rem;
   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2523,7 +2540,7 @@ textarea.form-control-lg {
   }
   }
 }
 }
 .form-range::-webkit-slider-thumb:active {
 .form-range::-webkit-slider-thumb:active {
-  background-color: #ccc2ff;
+  background-color: #b3b3b3;
 }
 }
 .form-range::-webkit-slider-runnable-track {
 .form-range::-webkit-slider-runnable-track {
   width: 100%;
   width: 100%;
@@ -2537,7 +2554,7 @@ textarea.form-control-lg {
 .form-range::-moz-range-thumb {
 .form-range::-moz-range-thumb {
   width: 1rem;
   width: 1rem;
   height: 1rem;
   height: 1rem;
-  background-color: #5533ff;
+  background-color: #000;
   border: 0;
   border: 0;
   border-radius: 1rem;
   border-radius: 1rem;
   -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2552,7 +2569,7 @@ textarea.form-control-lg {
   }
   }
 }
 }
 .form-range::-moz-range-thumb:active {
 .form-range::-moz-range-thumb:active {
-  background-color: #ccc2ff;
+  background-color: #b3b3b3;
 }
 }
 .form-range::-moz-range-track {
 .form-range::-moz-range-track {
   width: 100%;
   width: 100%;
@@ -3597,19 +3614,19 @@ textarea.form-control-lg {
 
 
 .btn-primary {
 .btn-primary {
   --bs-btn-color: #fff;
   --bs-btn-color: #fff;
-  --bs-btn-bg: #5533ff;
-  --bs-btn-border-color: #5533ff;
+  --bs-btn-bg: #000;
+  --bs-btn-border-color: #000;
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #482bd9;
-  --bs-btn-hover-border-color: #4429cc;
-  --bs-btn-focus-shadow-rgb: 111, 82, 255;
+  --bs-btn-hover-bg: black;
+  --bs-btn-hover-border-color: black;
+  --bs-btn-focus-shadow-rgb: 38, 38, 38;
   --bs-btn-active-color: #fff;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #4429cc;
-  --bs-btn-active-border-color: #4026bf;
+  --bs-btn-active-bg: black;
+  --bs-btn-active-border-color: black;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #5533ff;
-  --bs-btn-disabled-border-color: #5533ff;
+  --bs-btn-disabled-bg: #000;
+  --bs-btn-disabled-border-color: #000;
 }
 }
 
 
 .btn-secondary {
 .btn-secondary {
@@ -3732,19 +3749,19 @@ textarea.form-control-lg {
 }
 }
 
 
 .btn-outline-primary, .wpcf7 input[type=submit] {
 .btn-outline-primary, .wpcf7 input[type=submit] {
-  --bs-btn-color: #5533ff;
-  --bs-btn-border-color: #5533ff;
+  --bs-btn-color: #000;
+  --bs-btn-border-color: #000;
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #5533ff;
-  --bs-btn-hover-border-color: #5533ff;
-  --bs-btn-focus-shadow-rgb: 85, 51, 255;
+  --bs-btn-hover-bg: #000;
+  --bs-btn-hover-border-color: #000;
+  --bs-btn-focus-shadow-rgb: 0, 0, 0;
   --bs-btn-active-color: #fff;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #5533ff;
-  --bs-btn-active-border-color: #5533ff;
+  --bs-btn-active-bg: #000;
+  --bs-btn-active-border-color: #000;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #5533ff;
+  --bs-btn-disabled-color: #000;
   --bs-btn-disabled-bg: transparent;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #5533ff;
+  --bs-btn-disabled-border-color: #000;
   --bs-gradient: none;
   --bs-gradient: none;
 }
 }
 
 
@@ -3879,7 +3896,7 @@ textarea.form-control-lg {
   --bs-btn-disabled-color: #6c757d;
   --bs-btn-disabled-color: #6c757d;
   --bs-btn-disabled-border-color: transparent;
   --bs-btn-disabled-border-color: transparent;
   --bs-btn-box-shadow: none;
   --bs-btn-box-shadow: none;
-  --bs-btn-focus-shadow-rgb: 111, 82, 255;
+  --bs-btn-focus-shadow-rgb: 38, 38, 38;
   text-decoration: underline;
   text-decoration: underline;
 }
 }
 .btn-link:focus-visible {
 .btn-link:focus-visible {
@@ -3986,7 +4003,7 @@ textarea.form-control-lg {
   --bs-dropdown-link-hover-color: #1e2125;
   --bs-dropdown-link-hover-color: #1e2125;
   --bs-dropdown-link-hover-bg: #e9ecef;
   --bs-dropdown-link-hover-bg: #e9ecef;
   --bs-dropdown-link-active-color: #fff;
   --bs-dropdown-link-active-color: #fff;
-  --bs-dropdown-link-active-bg: #5533ff;
+  --bs-dropdown-link-active-bg: #000;
   --bs-dropdown-link-disabled-color: #adb5bd;
   --bs-dropdown-link-disabled-color: #adb5bd;
   --bs-dropdown-item-padding-x: 1rem;
   --bs-dropdown-item-padding-x: 1rem;
   --bs-dropdown-item-padding-y: 0.25rem;
   --bs-dropdown-item-padding-y: 0.25rem;
@@ -4251,7 +4268,7 @@ textarea.form-control-lg {
   --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
   --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
   --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
   --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
   --bs-dropdown-link-active-color: #fff;
   --bs-dropdown-link-active-color: #fff;
-  --bs-dropdown-link-active-bg: #5533ff;
+  --bs-dropdown-link-active-bg: #000;
   --bs-dropdown-link-disabled-color: #adb5bd;
   --bs-dropdown-link-disabled-color: #adb5bd;
   --bs-dropdown-header-color: #adb5bd;
   --bs-dropdown-header-color: #adb5bd;
 }
 }
@@ -4488,7 +4505,7 @@ textarea.form-control-lg {
 .nav-pills {
 .nav-pills {
   --bs-nav-pills-border-radius: 0.375rem;
   --bs-nav-pills-border-radius: 0.375rem;
   --bs-nav-pills-link-active-color: #fff;
   --bs-nav-pills-link-active-color: #fff;
-  --bs-nav-pills-link-active-bg: #5533ff;
+  --bs-nav-pills-link-active-bg: #000;
 }
 }
 .nav-pills .nav-link {
 .nav-pills .nav-link {
   background: none;
   background: none;
@@ -5152,13 +5169,13 @@ textarea.form-control-lg {
   --bs-accordion-btn-icon-width: 1.25rem;
   --bs-accordion-btn-icon-width: 1.25rem;
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234d2ee6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --bs-accordion-btn-focus-border-color: #aa99ff;
-  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(85, 51, 255, 0.25);
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --bs-accordion-btn-focus-border-color: gray;
+  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-y: 1rem;
   --bs-accordion-body-padding-y: 1rem;
-  --bs-accordion-active-color: #4d2ee6;
-  --bs-accordion-active-bg: #eeebff;
+  --bs-accordion-active-color: black;
+  --bs-accordion-active-bg: #e6e6e6;
 }
 }
 
 
 .accordion-button {
 .accordion-button {
@@ -5317,10 +5334,10 @@ textarea.form-control-lg {
   --bs-pagination-hover-border-color: #dee2e6;
   --bs-pagination-hover-border-color: #dee2e6;
   --bs-pagination-focus-color: var(--bs-link-hover-color);
   --bs-pagination-focus-color: var(--bs-link-hover-color);
   --bs-pagination-focus-bg: #e9ecef;
   --bs-pagination-focus-bg: #e9ecef;
-  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(85, 51, 255, 0.25);
+  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
   --bs-pagination-active-color: #fff;
   --bs-pagination-active-color: #fff;
-  --bs-pagination-active-bg: #5533ff;
-  --bs-pagination-active-border-color: #5533ff;
+  --bs-pagination-active-bg: #000;
+  --bs-pagination-active-border-color: #000;
   --bs-pagination-disabled-color: #6c757d;
   --bs-pagination-disabled-color: #6c757d;
   --bs-pagination-disabled-bg: #fff;
   --bs-pagination-disabled-bg: #fff;
   --bs-pagination-disabled-border-color: #dee2e6;
   --bs-pagination-disabled-border-color: #dee2e6;
@@ -5462,12 +5479,12 @@ textarea.form-control-lg {
 }
 }
 
 
 .alert-primary {
 .alert-primary {
-  --bs-alert-color: #331f99;
-  --bs-alert-bg: #ddd6ff;
-  --bs-alert-border-color: #ccc2ff;
+  --bs-alert-color: black;
+  --bs-alert-bg: #cccccc;
+  --bs-alert-border-color: #b3b3b3;
 }
 }
 .alert-primary .alert-link {
 .alert-primary .alert-link {
-  color: #29197a;
+  color: black;
 }
 }
 
 
 .alert-secondary {
 .alert-secondary {
@@ -5545,7 +5562,7 @@ textarea.form-control-lg {
   --bs-progress-border-radius: 0.375rem;
   --bs-progress-border-radius: 0.375rem;
   --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   --bs-progress-bar-color: #fff;
   --bs-progress-bar-color: #fff;
-  --bs-progress-bar-bg: #5533ff;
+  --bs-progress-bar-bg: #000;
   --bs-progress-bar-transition: width 0.6s ease;
   --bs-progress-bar-transition: width 0.6s ease;
   display: flex;
   display: flex;
   height: var(--bs-progress-height);
   height: var(--bs-progress-height);
@@ -5602,8 +5619,8 @@ textarea.form-control-lg {
   --bs-list-group-disabled-color: #6c757d;
   --bs-list-group-disabled-color: #6c757d;
   --bs-list-group-disabled-bg: #fff;
   --bs-list-group-disabled-bg: #fff;
   --bs-list-group-active-color: #fff;
   --bs-list-group-active-color: #fff;
-  --bs-list-group-active-bg: #5533ff;
-  --bs-list-group-active-border-color: #5533ff;
+  --bs-list-group-active-bg: #000;
+  --bs-list-group-active-border-color: #000;
   display: flex;
   display: flex;
   flex-direction: column;
   flex-direction: column;
   padding-left: 0;
   padding-left: 0;
@@ -5826,17 +5843,17 @@ textarea.form-control-lg {
 }
 }
 
 
 .list-group-item-primary {
 .list-group-item-primary {
-  color: #331f99;
-  background-color: #ddd6ff;
+  color: black;
+  background-color: #cccccc;
 }
 }
 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
-  color: #331f99;
-  background-color: #c7c1e6;
+  color: black;
+  background-color: #b8b8b8;
 }
 }
 .list-group-item-primary.list-group-item-action.active {
 .list-group-item-primary.list-group-item-action.active {
   color: #fff;
   color: #fff;
-  background-color: #331f99;
-  border-color: #331f99;
+  background-color: black;
+  border-color: black;
 }
 }
 
 
 .list-group-item-secondary {
 .list-group-item-secondary {
@@ -5955,7 +5972,7 @@ textarea.form-control-lg {
 }
 }
 .btn-close:focus {
 .btn-close:focus {
   outline: 0;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(85, 51, 255, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
   opacity: 1;
   opacity: 1;
 }
 }
 .btn-close:disabled, .btn-close.disabled {
 .btn-close:disabled, .btn-close.disabled {
@@ -7462,7 +7479,7 @@ textarea.form-control-lg {
 
 
 .text-bg-primary {
 .text-bg-primary {
   color: #fff !important;
   color: #fff !important;
-  background-color: RGBA(85, 51, 255, var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(0, 0, 0, var(--bs-bg-opacity, 1)) !important;
 }
 }
 
 
 .text-bg-secondary {
 .text-bg-secondary {
@@ -7501,10 +7518,10 @@ textarea.form-control-lg {
 }
 }
 
 
 .link-primary {
 .link-primary {
-  color: #5533ff !important;
+  color: #000 !important;
 }
 }
 .link-primary:hover, .link-primary:focus {
 .link-primary:hover, .link-primary:focus {
-  color: #4429cc !important;
+  color: black !important;
 }
 }
 
 
 .link-secondary {
 .link-secondary {
@@ -11714,9 +11731,9 @@ body {
   }
   }
 }
 }
 .widget_archive select:focus {
 .widget_archive select:focus {
-  border-color: #aa99ff;
+  border-color: gray;
   outline: 0;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(85, 51, 255, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
 }
 }
 .widget_archive select:-moz-focusring {
 .widget_archive select:-moz-focusring {
   color: transparent;
   color: transparent;
@@ -11768,7 +11785,7 @@ a.skip-link:not(:focus):not(:focus-within) {
 .navbar-dark .navbar-nav .dropdown-menu .nav-link.active, .navbar-dark .navbar-nav .dropdown-menu .nav-link:active {
 .navbar-dark .navbar-nav .dropdown-menu .nav-link.active, .navbar-dark .navbar-nav .dropdown-menu .nav-link:active {
   color: #fff !important;
   color: #fff !important;
   text-decoration: none;
   text-decoration: none;
-  background-color: #5533ff;
+  background-color: #000;
 }
 }
 .navbar-dark .navbar-nav .dropdown-menu .nav-link.disabled, .navbar-dark .navbar-nav .dropdown-menu .nav-link:disabled {
 .navbar-dark .navbar-nav .dropdown-menu .nav-link.disabled, .navbar-dark .navbar-nav .dropdown-menu .nav-link:disabled {
   color: #adb5bd !important;
   color: #adb5bd !important;
@@ -14964,6 +14981,199 @@ figure.woocommerce-product-gallery__wrapper {
   display: block;
   display: block;
 }
 }
 
 
+#wrapper-navbar {
+  position: relative;
+  top: 0;
+  width: 100%;
+  background: white;
+  z-index: 9000;
+  height: 158px;
+}
+#wrapper-navbar #navbarNavDropdown {
+  width: 100%;
+}
+#wrapper-navbar #main-menu {
+  width: 100%;
+  justify-content: space-evenly;
+}
+#wrapper-navbar #main-menu > li:nth-child(n+2) .dropdown-menu {
+  flex-flow: column wrap-reverse;
+  margin-right: -5px;
+}
+#wrapper-navbar #main-menu > li:nth-child(n+2) .dropdown-shadow {
+  padding: 0 5px !important;
+}
+#wrapper-navbar #main-menu > li:nth-child(n+2) .dropdown-item {
+  padding-right: 1.625rem;
+  padding-left: 0.875rem;
+}
+#wrapper-navbar .dropdown-toggle::after {
+  display: inline-block;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.6em solid white;
+  border-right: 0.6em solid transparent;
+  border-bottom: 0;
+  border-left: 0.6em solid transparent;
+  bottom: -0.5rem;
+  position: absolute;
+  left: 50%;
+  left: calc(50% - 0.5em);
+  z-index: 999999;
+  display: none;
+}
+#wrapper-navbar .dropdown-toggle.show::after {
+  display: block;
+  align-items: flex-start;
+  justify-content: space-evenly;
+}
+#wrapper-navbar #main-nav {
+  position: fixed;
+  width: 100%;
+  height: 158px;
+  padding: 0;
+  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
+  z-index: 991 !important;
+}
+#wrapper-navbar #main-nav .container {
+  flex-direction: column;
+  align-items: flex-start;
+}
+#wrapper-navbar #main-menu a {
+  color: black;
+  padding-top: 3.75rem;
+  padding-right: 1rem;
+  padding-left: 1rem;
+}
+#wrapper-navbar #main-menu li {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+#wrapper-navbar #main-menu > li {
+  justify-content: flex-end;
+}
+#wrapper-navbar .dropdown-item {
+  text-decoration: none;
+}
+#wrapper-navbar .dropdown-item:hover .title-before-short {
+  text-decoration: underline;
+}
+#wrapper-navbar .title-before-short {
+  margin: 0;
+  color: black;
+  text-decoration: none;
+  white-space: break-spaces;
+}
+#wrapper-navbar .donate .title-before-short {
+  color: white;
+}
+#wrapper-navbar .nav-link.donate-btn .title-before-short {
+  color: white;
+}
+#wrapper-navbar .short {
+  padding-top: 0;
+  color: #4D4D4D;
+  line-height: 1.2;
+  padding-left: 0;
+  padding-bottom: 0;
+  white-space: normal;
+  font-size: 0.75rem;
+  margin-top: 0;
+}
+#wrapper-navbar .mi-image-container + .short {
+  color: #000;
+}
+#wrapper-navbar .mi-image-container + .short:after {
+  content: "";
+  background-image: url(../img/more.svg);
+  background-repeat: no-repeat;
+  display: inline-block;
+  height: 10px;
+  width: 30px;
+  display: block;
+  margin-top: 0.563rem;
+}
+#wrapper-navbar .mi-image-container + .short.extern {
+  position: relative;
+}
+#wrapper-navbar .mi-image-container + .short.extern:after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 20px;
+  width: 20px;
+  background-size: contain;
+  background-image: url("data:image/svg+xml,%3Csvg id='Group_1558' data-name='Group 1558' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20.935' height='20.915' viewBox='0 0 20.935 20.915'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_151' data-name='Rectangle 151' width='20.935' height='20.915' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Path_1277' data-name='Path 1277' d='M0 0V20.915H20.934V9.763h-2.56v8.6H2.58V2.517h8.383V0Z' transform='translate(0 0)' fill='%231a1818'/%3E%3Cg id='Group_1023' data-name='Group 1023' transform='translate(0 0)'%3E%3Cg id='Group_1022' data-name='Group 1022' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1278' data-name='Path 1278' d='M18.276 13.612 16.363 11.7l9.185-9.143H23V.016h6.913v6.9H27.374V4.478l-9.1 9.134' transform='translate(-8.975 -0.009)' fill='%231a1818'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+}
+#wrapper-navbar .dropdown-shadow {
+  background: #E5E5E5;
+  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
+  position: absolute;
+  top: 0;
+  height: 14.25rem;
+  z-index: -1;
+  left: auto;
+  margin-left: -15px;
+  z-index: -1;
+  padding: 0 15px;
+  box-sizing: content-box;
+}
+#wrapper-navbar #main-menu .dropdown-menu {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  padding-bottom: 1rem;
+  background: none;
+  border-radius: 0;
+  height: 15.25rem;
+  max-height: 15.25rem;
+  min-height: 15.25rem;
+  flex-direction: column;
+  flex-wrap: wrap;
+  left: auto;
+  right: 0;
+}
+#wrapper-navbar #main-menu .dropdown-menu:before {
+  content: "";
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: -10px;
+  padding-left: 150%;
+}
+#wrapper-navbar #main-menu .dropdown-menu > li {
+  flex: 0;
+  background: #e5e5e5;
+  width: 16.25rem;
+  min-width: 16.25rem;
+  max-width: 16.25rem;
+}
+#wrapper-navbar #main-menu .dropdown-menu > li a {
+  font-family: "PT Sans", sans-serif;
+}
+#wrapper-navbar #main-menu .dropdown-menu a {
+  padding-top: 0.688rem;
+  display: flex;
+  flex-direction: column;
+  z-index: 9;
+}
+#wrapper-navbar #main-menu .dropdown-menu.show {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+}
+
+.site-title {
+  font-size: 35px;
+  line-height: 50px;
+  font-family: "PT Sans", sans-serif;
+  letter-spacing: 0px;
+  color: #000000;
+  text-transform: uppercase;
+}
+
 .has-blue-color,
 .has-blue-color,
 .has-blue-color:visited {
 .has-blue-color:visited {
   color: #0d6efd;
   color: #0d6efd;
@@ -15162,16 +15372,16 @@ figure.woocommerce-product-gallery__wrapper {
 
 
 .has-primary-color,
 .has-primary-color,
 .has-primary-color:visited {
 .has-primary-color:visited {
-  color: #5533ff;
+  color: #000;
 }
 }
 
 
 .has-primary-background-color {
 .has-primary-background-color {
-  background-color: #5533ff;
-  border-color: #5533ff;
+  background-color: #000;
+  border-color: #000;
 }
 }
 
 
 .wp-block-button:hover .wp-block-button__link.has-white-background-color.has-primary-color {
 .wp-block-button:hover .wp-block-button__link.has-white-background-color.has-primary-color {
-  color: #5533ff;
+  color: #000;
 }
 }
 
 
 .has-secondary-color,
 .has-secondary-color,

 @charset "UTF-8";
 @charset "UTF-8";
+@font-face {
+  font-family: "PT Sans", sans-serif;
+  font-weight: bold;
+  src: local("/../fonts/PTSans-Bold.ttf");
+}
+@font-face {
+  font-family: "PTSans-BoldItalic";
+  src: local("/../fonts/PTSans-BoldItalic.ttf");
+}
+@font-face {
+  font-family: "PTSans-Italic";
+  src: local("/../fonts/PTSans-Italic.ttf");
+}
+@font-face {
+  font-family: "PT Sans", sans-serif;
+  src: local("/../fonts/PTSans-Regular.ttf");
+}
 *,
 *,
 *::before,
 *::before,
 *::after {
 *::after {
@@ -430,7 +447,7 @@ progress {
   --bs-gray-700: #495057;
   --bs-gray-700: #495057;
   --bs-gray-800: #343a40;
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
   --bs-gray-900: #212529;
-  --bs-primary: #5533ff;
+  --bs-primary: #000;
   --bs-secondary: #6c757d;
   --bs-secondary: #6c757d;
   --bs-success: #198754;
   --bs-success: #198754;
   --bs-info: #0dcaf0;
   --bs-info: #0dcaf0;
@@ -438,7 +455,7 @@ progress {
   --bs-danger: #dc3545;
   --bs-danger: #dc3545;
   --bs-light: #f8f9fa;
   --bs-light: #f8f9fa;
   --bs-dark: #212529;
   --bs-dark: #212529;
-  --bs-primary-rgb: 85, 51, 255;
+  --bs-primary-rgb: 0, 0, 0;
   --bs-secondary-rgb: 108, 117, 125;
   --bs-secondary-rgb: 108, 117, 125;
   --bs-success-rgb: 25, 135, 84;
   --bs-success-rgb: 25, 135, 84;
   --bs-info-rgb: 13, 202, 240;
   --bs-info-rgb: 13, 202, 240;
@@ -469,8 +486,8 @@ progress {
   --bs-border-radius-xl: 1rem;
   --bs-border-radius-xl: 1rem;
   --bs-border-radius-2xl: 2rem;
   --bs-border-radius-2xl: 2rem;
   --bs-border-radius-pill: 50rem;
   --bs-border-radius-pill: 50rem;
-  --bs-link-color: #5533ff;
-  --bs-link-hover-color: #4429cc;
+  --bs-link-color: #000;
+  --bs-link-hover-color: black;
   --bs-code-color: #d63384;
   --bs-code-color: #d63384;
   --bs-highlight-bg: #fff3cd;
   --bs-highlight-bg: #fff3cd;
 }
 }
@@ -553,13 +570,13 @@ progress {
 
 
 .table-primary {
 .table-primary {
   --bs-table-color: #000;
   --bs-table-color: #000;
-  --bs-table-bg: #ddd6ff;
-  --bs-table-border-color: #c7c1e6;
-  --bs-table-striped-bg: #d2cbf2;
+  --bs-table-bg: #cccccc;
+  --bs-table-border-color: #b8b8b8;
+  --bs-table-striped-bg: #c2c2c2;
   --bs-table-striped-color: #000;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #c7c1e6;
+  --bs-table-active-bg: #b8b8b8;
   --bs-table-active-color: #000;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #ccc6ec;
+  --bs-table-hover-bg: #bdbdbd;
   --bs-table-hover-color: #000;
   --bs-table-hover-color: #000;
   color: var(--bs-table-color);
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
   border-color: var(--bs-table-border-color);
@@ -870,7 +887,7 @@ progress {
   --bs-gray-700: #495057;
   --bs-gray-700: #495057;
   --bs-gray-800: #343a40;
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
   --bs-gray-900: #212529;
-  --bs-primary: #5533ff;
+  --bs-primary: #000;
   --bs-secondary: #6c757d;
   --bs-secondary: #6c757d;
   --bs-success: #198754;
   --bs-success: #198754;
   --bs-info: #0dcaf0;
   --bs-info: #0dcaf0;
@@ -878,7 +895,7 @@ progress {
   --bs-danger: #dc3545;
   --bs-danger: #dc3545;
   --bs-light: #f8f9fa;
   --bs-light: #f8f9fa;
   --bs-dark: #212529;
   --bs-dark: #212529;
-  --bs-primary-rgb: 85, 51, 255;
+  --bs-primary-rgb: 0, 0, 0;
   --bs-secondary-rgb: 108, 117, 125;
   --bs-secondary-rgb: 108, 117, 125;
   --bs-success-rgb: 25, 135, 84;
   --bs-success-rgb: 25, 135, 84;
   --bs-info-rgb: 13, 202, 240;
   --bs-info-rgb: 13, 202, 240;
@@ -909,8 +926,8 @@ progress {
   --bs-border-radius-xl: 1rem;
   --bs-border-radius-xl: 1rem;
   --bs-border-radius-2xl: 2rem;
   --bs-border-radius-2xl: 2rem;
   --bs-border-radius-pill: 50rem;
   --bs-border-radius-pill: 50rem;
-  --bs-link-color: #5533ff;
-  --bs-link-hover-color: #4429cc;
+  --bs-link-color: #000;
+  --bs-link-hover-color: black;
   --bs-code-color: #d63384;
   --bs-code-color: #d63384;
   --bs-highlight-bg: #fff3cd;
   --bs-highlight-bg: #fff3cd;
 }
 }
@@ -923,7 +940,7 @@ progress {
 
 
 .text-bg-primary {
 .text-bg-primary {
   color: #fff !important;
   color: #fff !important;
-  background-color: RGBA(85, 51, 255, var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(0, 0, 0, var(--bs-bg-opacity, 1)) !important;
 }
 }
 
 
 .text-bg-secondary {
 .text-bg-secondary {
@@ -962,10 +979,10 @@ progress {
 }
 }
 
 
 .link-primary {
 .link-primary {
-  color: #5533ff !important;
+  color: #000 !important;
 }
 }
 .link-primary:hover, .link-primary:focus {
 .link-primary:hover, .link-primary:focus {
-  color: #4429cc !important;
+  color: black !important;
 }
 }
 
 
 .link-secondary {
 .link-secondary {
@@ -5289,16 +5306,16 @@ progress {
 
 
 .has-primary-color,
 .has-primary-color,
 .has-primary-color:visited {
 .has-primary-color:visited {
-  color: #5533ff;
+  color: #000;
 }
 }
 
 
 .has-primary-background-color {
 .has-primary-background-color {
-  background-color: #5533ff;
-  border-color: #5533ff;
+  background-color: #000;
+  border-color: #000;
 }
 }
 
 
 .wp-block-button:hover .wp-block-button__link.has-white-background-color.has-primary-color {
 .wp-block-button:hover .wp-block-button__link.has-white-background-color.has-primary-color {
-  color: #5533ff;
+  color: #000;
 }
 }
 
 
 .has-secondary-color,
 .has-secondary-color,

@@ -8,7 +8,8 @@
 // Exit if accessed directly.
 // Exit if accessed directly.
 defined( 'ABSPATH' ) || exit;
 defined( 'ABSPATH' ) || exit;
 
 
-
+require_once __DIR__.'/vendor/autoload.php';
+require_once __DIR__.'/inc/inc.php';
 
 
 /**
 /**
  * Removes the parent themes stylesheet and scripts from inc/enqueue.php
  * Removes the parent themes stylesheet and scripts from inc/enqueue.php

+<?php
+/**
+ * Header Navbar (bootstrap5)
+ *
+ * @package Understrap
+ * @since 1.1.0
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+$container = get_theme_mod( 'understrap_container_type' );
+?>
+
+<nav id="main-nav" class="navbar navbar-expand-md navbar-dark" aria-labelledby="main-nav-label">
+
+	<h2 id="main-nav-label" class="screen-reader-text">
+		<?php esc_html_e( 'Main Navigation', 'understrap' ); ?>
+	</h2>
+
+
+	<div class="<?php echo esc_attr( $container ); ?>">
+
+		<!-- Your site branding in the menu -->
+		<div class="branding">
+		<?php get_template_part( 'global-templates/navbar-branding' ); ?>
+		<span class="site-title">MSF CLIMATE HUB</span>
+		</div>
+		<button
+			class="navbar-toggler"
+			type="button"
+			data-bs-toggle="collapse"
+			data-bs-target="#navbarNavDropdown"
+			aria-controls="navbarNavDropdown"
+			aria-expanded="false"
+			aria-label="<?php esc_attr_e( 'Toggle navigation', 'understrap' ); ?>"
+		>
+			<span class="navbar-toggler-icon"></span>
+		</button>
+
+		<!-- The WordPress Menu goes here -->
+		<?php
+		wp_nav_menu(
+			array(
+				'theme_location'  => 'primary',
+				'container_class' => 'collapse navbar-collapse',
+				'container_id'    => 'navbarNavDropdown',
+				'menu_class'      => 'navbar-nav ms-auto',
+				'fallback_cb'     => '',
+				'menu_id'         => 'main-menu',
+				'depth'           => 2,
+				'walker'          => new Understrap_WP_Bootstrap_Navwalker(),
+			)
+		);
+		?>
+
+	</div><!-- .container(-fluid) -->
+
+</nav><!-- #main-nav -->

+<?php
+/**
+ * Header Navbar (bootstrap5)
+ *
+ * @package Understrap
+ */
+
+use AmpProject\Validator\Spec\Tag\P;
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+$container = get_theme_mod( 'understrap_container_type' );
+?>
+
+<nav id="main-nav" class="navbar navbar-expand-md navbar-dark" aria-labelledby="main-nav-label">
+
+	<h2 id="main-nav-label" class="screen-reader-text">
+		<?php esc_html_e( 'Main Navigation', 'understrap' ); ?>
+	</h2>
+
+
+	<div class="<?php echo esc_attr( $container ); ?>">
+
+		<!-- Your site title as branding in the menu -->
+		<?php if ( ! has_custom_logo() ) { ?>
+
+			<?php if ( is_front_page() && is_home() ) : ?>
+
+				<h1 class="navbar-brand mb-0"><a rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>" itemprop="url"><?php bloginfo( 'name' ); ?></a></h1>
+
+			<?php else : ?>
+
+				<a class="navbar-brand" rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>" itemprop="url"><?php bloginfo( 'name' ); ?></a>
+
+			<?php endif; ?>
+
+			<?php
+		} else {
+			?>
+			<a href="/" class="navbar-brand custom-logo-link en-only" rel="home" aria-current="page"><img width="110" height="35" src="/wp-content/uploads/2023/04/msf.svg" class="img-fluid" alt="MSF New" decoding="async"></a>
+			<a href="/" class="navbar-brand custom-logo-link fr-only" rel="home" aria-current="page"><img width="110" height="35" src="/wp-content/uploads/2023/04/msf-fr.svg" class="img-fluid" alt="MSF New" decoding="async"></a>
+			<?php
+		}
+		?>
+		<!-- end custom logo -->
+
+		<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="<?php esc_attr_e( 'Toggle navigation', 'understrap' ); ?>">
+			<span class="navbar-toggler-icon"></span>
+		</button>
+
+		<!-- The WordPress Menu goes here -->
+		<?php
+
+
+		wp_nav_menu(
+			array(
+				'theme_location'  => 'primary',
+				'container_class' => 'collapse navbar-collapse',
+				'container_id'    => 'navbarNavDropdown',
+				'menu_class'      => 'navbar-nav ms-auto',
+				'fallback_cb'     => '',
+				'menu_id'         => 'main-menu',
+				'depth'           => 2,
+				'walker'          => new Understrap_WP_Bootstrap_Navwalker(),
+			)
+		);
+		?>
+
+	</div><!-- .container(-fluid) -->
+
+</nav><!-- .site-navigation -->

+<?php
+/**
+ * The header for our theme
+ *
+ * Displays all of the <head> section and everything up till <div id="content">
+ *
+ * @package Understrap
+ */
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+$bootstrap_version = get_theme_mod( 'understrap_bootstrap_version', 'bootstrap4' );
+$navbar_type       = get_theme_mod( 'understrap_navbar_type', 'collapse' );
+
+?>
+<!DOCTYPE html>
+<html <?php language_attributes(); ?>>
+<head>
+
+
+	
+
+	<!-- OneTrust Cookies Consent Notice end -->
+
+	<meta charset="<?php bloginfo( 'charset' ); ?>">
+
+	<link rel="shortcut icon" href="/wp-content/themes/msf-ca-child/favicon.ico">
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+	<link rel="profile" href="http://gmpg.org/xfn/11">
+	<?php wp_head(); ?>
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<link href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+</head>
+
+
+<body <?php body_class($xtra_classes); ?> <?php understrap_body_attributes(); ?> data-scroll-offset="50">
+<?php do_action( 'wp_body_open' ); ?>
+
+<?= $alert_banner ?>
+
+
+<div class="site" id="page">
+
+	<!-- ******************* The Navbar Area ******************* -->
+	<header id="wrapper-navbar">
+
+		<a class="skip-link sr-only sr-only-focusable" href="#content"><?php esc_html_e( 'Skip to content', 'understrap' ); ?></a>
+
+		<?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?>
+
+	</header><!-- #wrapper-navbar end -->

+<?php 
+/**
+ * Generate breadcrumbs
+ * @author CodexWorld
+ * @authorURL www.codexworld.com
+ */
+
+
+function get_breadcrumb() {
+    if ( function_exists( 'yoast_breadcrumb' ) ) {
+        ob_start();
+        yoast_breadcrumb( '<p id="breadcrumb" class="meta-info">', '</p>' );
+        $breadcrumb = trim( ob_get_clean() );
+
+        // if ( is_singular() )
+            // $breadcrumb = trim( preg_replace( '/ ' . WPSEO_Options::get( 'breadcrumbs-sep' ) . ' <span class="breadcrumb_last" aria-current="page">(.*)<\/span>/i', '',
+            //     $breadcrumb ) );
+
+
+
+            $main_nav_items = wp_get_nav_menu_items('Main Menu');
+            $post_id = get_the_ID();
+
+            $parents = [];
+            $my_parent = null;
+            
+            foreach($main_nav_items as $ni) {
+                if($ni->menu_item_parent == '0') {
+                    $parents[$ni->ID] = $ni;
+                }
+                if($ni->object_id == $post_id) {
+                    $my_parent = $ni->menu_item_parent;
+                }
+                $parent_postID = wp_get_post_parent_id($post_id);
+                if($ni->object_id == $parent_postID) {
+                    $my_parent = $ni->menu_item_parent;
+                }
+            }
+      
+
+            $bread = explode(' | ', $breadcrumb);
+
+            array_pop($bread);
+
+            // $new_bread[] = $bread[0];
+
+            // var_dump($bread[0]);exit;
+
+            $categories = get_the_terms(null, 'category');
+            
+            if(is_array($categories)) {
+                foreach($categories as $cat) {
+                    $parents_from_cat = get_field('parent_pages', $cat);
+                    if($parents_from_cat) {
+                        break;
+                    }
+                }
+            }
+
+            if(get_locale() == 'fr_FR') {
+                $new_bread[] = "<p id='breadcrumb' class='meta-info'><span><span><a href='/'>Accueil</a></span>";
+            } else {
+                $new_bread[] = "<p id='breadcrumb' class='meta-info'><span><span><a href='/'>Home</a></span></span>";
+            }
+
+            if($parents_from_cat) {
+
+                foreach($parents_from_cat as $pcat) {
+                    
+                    $parent_post = url_to_postid($pcat);
+                    if($parent_post) {
+                        $parent_post = get_post($parent_post);
+                        $pcat_ansests = get_post_ancestors($parent_post);
+                        if(is_array($pcat_ansests)) {
+                            $pcat_ansests =  array_reverse($pcat_ansests);
+                            foreach($pcat_ansests as $ansestor) {
+                                $ansestor_post = get_post($ansestor);
+                                if($ansestor_post) {
+                                    $new_bread[] = "<span><a href='".get_permalink($ansestor)."'>".$ansestor_post->post_title."</a></span>";
+                                }
+                            }
+                        }
+                        $new_bread[] = "<span><a href='".get_permalink($parent_post->ID)."'>".$parent_post->post_title."</a></span>";
+                    }
+
+                }
+
+            } else {
+
+                if(is_single()) {
+
+                    $parent_post = get_field('latest_news_and_stories_page', 'option');
+
+                    if($parent_post) {
+
+                        // $parent_post = url_to_postid($parent_post);
+
+                        // if($parent_post) {
+
+                            $parent_post = get_post($parent_post);
+
+                            if($parent_post) {
+
+                                $new_bread[] = "<span><a href='".get_permalink($parent_post->ID)."'>".$parent_post->post_title."</a></span>";
+
+                            }
+                        // }
+                    }
+
+                } else {
+                   
+                    if(isset($parents[$my_parent])) {
+                        $new_bread[] = "<span>".$parents[$my_parent]->post_title."</span>";
+                    }
+                
+        
+                    if(isset($bread[1])) {
+                        $new_bread[] = $bread[1];
+                    }
+    
+                    if(isset($bread[2])) {
+                        $new_bread[] = $bread[2];
+                    }
+
+                }
+
+
+            }
+
+            $breadcrumb = implode(' | ', $new_bread);
+
+        echo $breadcrumb;
+
+        ?>
+
+
+        <?php
+    }
+}
\ No newline at end of file

+<?php
+/**
+ * WP Bootstrap Navwalker
+ *
+ * @package WP-Bootstrap-Navwalker
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+/*
+ * Class Name: WP_Bootstrap_Navwalker
+ * Plugin Name: WP Bootstrap Navwalker
+ * Plugin URI:  https://github.com/wp-bootstrap/wp-bootstrap-navwalker
+ * Description: A custom WordPress nav walker class to implement the Bootstrap 4 navigation style in a custom theme using the WordPress built in menu manager.
+ * Author: Edward McIntyre - @twittem, WP Bootstrap, William Patton - @pattonwebz
+ * Version: 4.1.0
+ * Author URI: https://github.com/wp-bootstrap
+ * GitHub Plugin URI: https://github.com/wp-bootstrap/wp-bootstrap-navwalker
+ * GitHub Branch: master
+ * License: GPL-3.0+
+ * License URI: http://www.gnu.org/licenses/gpl-3.0.txt
+ */
+
+/* Check if Class Exists. */
+if ( ! class_exists( 'Understrap_WP_Bootstrap_Navwalker' ) ) {
+	/**
+	 * WP_Bootstrap_Navwalker class.
+	 *
+	 * @extends Walker_Nav_Menu
+	 */
+	class Understrap_WP_Bootstrap_Navwalker extends Walker_Nav_Menu {
+
+		private $curItem;
+
+		/**
+		 * Starts the list before the elements are added.
+		 *
+		 * @since WP 3.0.0
+		 *
+		 * @see Walker_Nav_Menu::start_lvl()
+		 *
+		 * @param string   $output Used to append additional content (passed by reference).
+		 * @param int      $depth  Depth of menu item. Used for padding.
+		 * @param stdClass $args   An object of wp_nav_menu() arguments.
+		 */
+		public function start_lvl( &$output, $depth = 0, $args = array() ) {
+			if ( isset( $args->item_spacing ) && 'discard' === $args->item_spacing ) {
+				$t = '';
+				$n = '';
+			} else {
+				$t = "\t";
+				$n = "\n";
+			}
+			$indent = str_repeat( $t, $depth );
+			// Default class to add to the file.
+			$classes = array( 'dropdown-menu' );
+			/**
+			 * Filters the CSS class(es) applied to a menu list element.
+			 *
+			 * @since WP 4.8.0
+			 *
+			 * @param array    $classes The CSS classes that are applied to the menu `<ul>` element.
+			 * @param stdClass $args    An object of `wp_nav_menu()` arguments.
+			 * @param int      $depth   Depth of menu item. Used for padding.
+			 */
+			$class_names = join( ' ', apply_filters( 'nav_menu_submenu_css_class', $classes, $args, $depth ) );
+			$class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';
+			/**
+			 * The `.dropdown-menu` container needs to have a labelledby
+			 * attribute which points to it's trigger link.
+			 *
+			 * Form a string for the labelledby attribute from the the latest
+			 * link with an id that was added to the $output.
+			 */
+			$labelledby = '';
+			// find all links with an id in the output.
+			preg_match_all( '/(<a.*?id=\"|\')(.*?)\"|\'.*?>/im', $output, $matches );
+			// with pointer at end of array check if we got an ID match.
+			if ( end( $matches[2] ) ) {
+				// build a string to use as aria-labelledby.
+				$labelledby = 'aria-labelledby="' . end( $matches[2] ) . '"';
+			}
+			$output .= "{$n}{$indent}<ul$class_names $labelledby >{$n}";
+		}
+
+		/**
+		 * Starts the element output.
+		 *
+		 * @since WP 3.0.0
+		 * @since WP 4.4.0 The {@see 'nav_menu_item_args'} filter was added.
+		 *
+		 * @see Walker_Nav_Menu::start_el()
+		 *
+		 * @param string   $output Used to append additional content (passed by reference).
+		 * @param WP_Post  $item   Menu item data object.
+		 * @param int      $depth  Depth of menu item. Used for padding.
+		 * @param stdClass $args   An object of wp_nav_menu() arguments.
+		 * @param int      $id     Current item ID.
+		 */
+		public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
+			if ( isset( $args->item_spacing ) && 'discard' === $args->item_spacing ) {
+				$t = '';
+				$n = '';
+			} else {
+				$t = "\t";
+				$n = "\n";
+			}
+			$indent = ( $depth ) ? str_repeat( $t, $depth ) : '';
+
+			$classes = empty( $item->classes ) ? array() : (array) $item->classes;
+
+			// Initialize some holder variables to store specially handled item
+			// wrappers and icons.
+			$linkmod_classes = array();
+			$icon_classes    = array();
+
+			/**
+			 * Get an updated $classes array without linkmod or icon classes.
+			 *
+			 * NOTE: linkmod and icon class arrays are passed by reference and
+			 * are maybe modified before being used later in this function.
+			 */
+			$classes = self::seporate_linkmods_and_icons_from_classes( $classes, $linkmod_classes, $icon_classes, $depth );
+
+			// Join any icon classes plucked from $classes into a string.
+			$icon_class_string = join( ' ', $icon_classes );
+
+			/**
+			 * Filters the arguments for a single nav menu item.
+			 *
+			 *  WP 4.4.0
+			 *
+			 * @param stdClass $args  An object of wp_nav_menu() arguments.
+			 * @param WP_Post  $item  Menu item data object.
+			 * @param int      $depth Depth of menu item. Used for padding.
+			 */
+			$args = apply_filters( 'nav_menu_item_args', $args, $item, $depth );
+
+			// Add .dropdown or .active classes where they are needed.
+			if ( isset( $args->has_children ) && $args->has_children ) {
+				$classes[] = 'dropdown';
+			}
+			if ( in_array( 'current-menu-item', $classes, true ) || in_array( 'current-menu-parent', $classes, true ) ) {
+				$classes[] = 'active';
+			}
+
+			// Add some additional default classes to the item.
+			$classes[] = 'menu-item-' . $item->ID;
+			$classes[] = 'nav-item';
+
+			// Allow filtering the classes.
+			$classes = apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args, $depth );
+
+			if(function_exists( 'get_field')) {
+				$break = get_field('break', $item->ID);
+
+				if($break) {
+					$classes[] = 'break-here';
+				}
+			}
+
+			// Form a string of classes in format: class="class_names".
+			$class_names = join( ' ', $classes );
+			$class_names = $class_names ? ' class="' . esc_attr( $class_names ) . '"' : '';
+
+			/**
+			 * Filters the ID applied to a menu item's list item element.
+			 *
+			 * @since WP 3.0.1
+			 * @since WP 4.1.0 The `$depth` parameter was added.
+			 *
+			 * @param string   $menu_id The ID that is applied to the menu item's `<li>` element.
+			 * @param WP_Post  $item    The current menu item.
+			 * @param stdClass $args    An object of wp_nav_menu() arguments.
+			 * @param int      $depth   Depth of menu item. Used for padding.
+			 */
+			$id = apply_filters( 'nav_menu_item_id', 'menu-item-' . $item->ID, $item, $args, $depth );
+			$id = $id ? ' id="' . esc_attr( $id ) . '"' : '';
+
+			$output .= $indent . '<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement"' . $id . $class_names . '>';
+
+			// initialize array for holding the $atts for the link item.
+			$atts = array();
+
+			// Set title from item to the $atts array - if title is empty then
+			// default to item title.
+			if ( empty( $item->attr_title ) ) {
+				$atts['title'] = ! empty( $item->title ) ? strip_tags( $item->title ) : '';
+			} else {
+				$atts['title'] = $item->attr_title;
+			}
+
+			$atts['target'] = ! empty( $item->target ) ? $item->target : '';
+			if ( '_blank' === $item->target && empty( $item->xfn ) ) { // Thanks to LukaszJaro, see https://github.com/understrap/understrap/issues/973.
+				$atts['rel'] = 'noopener noreferrer';
+			} else {
+				$atts['rel'] = $item->xfn;
+			}
+
+			// If item has_children add atts to <a>.
+			if ( isset( $args->has_children ) && $args->has_children && 0 === $depth && 1 !== $args->depth ) {
+				$atts['href']           = '#';
+				$atts['data-toggle']    = 'dropdown';
+				$atts['data-bs-toggle'] = 'dropdown';
+				$atts['aria-haspopup']  = 'true';
+				$atts['aria-expanded']  = 'false';
+				$atts['class']          = 'dropdown-toggle nav-link';
+				$atts['id']             = 'menu-item-dropdown-' . $item->ID;
+			} else {
+				$atts['href'] = ! empty( $item->url ) ? $item->url : '#';
+				// Items in dropdowns use .dropdown-item instead of .nav-link.
+				if ( $depth > 0 ) {
+					$atts['class'] = 'dropdown-item';
+				} else {
+					$atts['class'] = 'nav-link';
+				}
+			}
+
+			$atts['aria-current'] = $item->current ? 'page' : '';
+
+			// update atts of this item based on any custom linkmod classes.
+			$atts = self::update_atts_for_linkmod_type( $atts, $linkmod_classes );
+			// Allow filtering of the $atts array before using it.
+			$atts = apply_filters( 'nav_menu_link_attributes', $atts, $item, $args, $depth );
+
+			// Build a string of html containing all the atts for the item.
+			$attributes = '';
+			foreach ( $atts as $attr => $value ) {
+				if ( ! empty( $value ) ) {
+					$value       = ( 'href' === $attr ) ? esc_url( $value ) : esc_attr( $value );
+					$attributes .= ' ' . $attr . '="' . $value . '"';
+				}
+			}
+
+			/**
+			 * Set a typeflag to easily test if this is a linkmod or not.
+			 */
+			$linkmod_type = self::get_linkmod_type( $linkmod_classes );
+
+			/**
+			 * START appending the internal item contents to the output.
+			 */
+			$item_output = isset( $args->before ) ? $args->before : '';
+			/**
+			 * This is the start of the internal nav item. Depending on what
+			 * kind of linkmod we have we may need different wrapper elements.
+			 */
+			if ( '' !== $linkmod_type ) {
+				// is linkmod, output the required element opener.
+				$item_output .= self::linkmod_element_open( $linkmod_type, $attributes );
+			} else {
+				// With no link mod type set this must be a standard <a> tag.
+				$item_output .= '<a' . $attributes . '>';
+			}
+
+			$external_link = false;
+
+			/**
+			 * Initiate empty icon var, then if we have a string containing any
+			 * icon classes form the icon markup with an <i> element. This is
+			 * output inside of the item before the $title (the link text).
+			 */
+			$icon_html = '';
+			if ( ! empty( $icon_class_string ) ) {
+				// append an <i> with the icon classes to what is output before links.
+				$icon_html = '<i class="' . esc_attr( $icon_class_string ) . '" aria-hidden="true"></i> ';
+			}
+
+			/** This filter is documented in wp-includes/post-template.php */
+			$title = apply_filters( 'the_title', $item->title, $item->ID );
+
+			/**
+			 * Filters a menu item's title.
+			 *
+			 * @since WP 4.4.0
+			 *
+			 * @param string   $title The menu item's title.
+			 * @param WP_Post  $item  The current menu item.
+			 * @param stdClass $args  An object of wp_nav_menu() arguments.
+			 * @param int      $depth Depth of menu item. Used for padding.
+			 */
+			$title = apply_filters( 'nav_menu_item_title', $title, $item, $args, $depth );
+
+			/**
+			 * If the .sr-only class was set apply to the nav items text only.
+			 */
+			if ( in_array( 'sr-only', $linkmod_classes, true ) ) {
+				$title         = self::wrap_for_screen_reader( $title );
+				$keys_to_unset = array_keys( $linkmod_classes, 'sr-only', true );
+				foreach ( $keys_to_unset as $k ) {
+					unset( $linkmod_classes[ $k ] );
+				}
+			}
+
+			$short = null;
+
+			if(function_exists( 'get_field')) {
+				$image = get_field('image', $item->ID);
+				$photo_from_src = get_field('image_from_source', $item->ID);
+
+				if($image) {
+					$item_output .= isset( $args->link_before ) ? $args->link_before . $icon_html . "<span class='mi-image-container'><img src='".$image['sizes']['medium']."' /></span>" . $args->link_after : '';
+				} else if($photo_from_src) {
+					$item_output .= isset( $args->link_before ) ? $args->link_before . $icon_html . "<span class='mi-image-container'><img src='".$photo_from_src."' /></span>" . $args->link_after : '';
+				} else {
+					$item_output .= isset( $args->link_before ) ? $args->link_before . $icon_html . "<span class='title-before-short'>".$title."</span>" . $args->link_after : '';
+				}
+
+				$short = get_field('short_menu_excerpt', $item->ID);
+			}
+
+			if($short) {
+				if($external_link) {
+					$item_output .= "<span class='short extern'>".$short."</span>";
+				} else {
+					$item_output .= "<span class='short'>".$short."</span>";
+				}
+			}
+
+			/**
+			 * This is the end of the internal nav item. We need to close the
+			 * correct element depending on the type of link or link mod.
+			 */
+			if ( '' !== $linkmod_type ) {
+				// is linkmod, output the required element opener.
+				$item_output .= self::linkmod_element_close( $linkmod_type, $attributes );
+			} else {
+				// With no link mod type set this must be a standard <a> tag.
+				$item_output .= '</a>';
+			}
+
+			$item_output .= isset( $args->after ) ? $args->after : '';
+
+			/**
+			 * END appending the internal item contents to the output.
+			 */
+			$output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
+
+		}
+
+		/**
+		 * Traverse elements to create list from elements.
+		 *
+		 * Display one element if the element doesn't have any children otherwise,
+		 * display the element and its children. Will only traverse up to the max
+		 * depth and no ignore elements under that depth. It is possible to set the
+		 * max depth to include all depths, see walk() method.
+		 *
+		 * This method should not be called directly, use the walk() method instead.
+		 *
+		 * @since WP 2.5.0
+		 *
+		 * @see Walker::start_lvl()
+		 *
+		 * @param object $element           Data object.
+		 * @param array  $children_elements List of elements to continue traversing (passed by reference).
+		 * @param int    $max_depth         Max depth to traverse.
+		 * @param int    $depth             Depth of current element.
+		 * @param array  $args              An array of arguments.
+		 * @param string $output            Used to append additional content (passed by reference).
+		 */
+		public function display_element( $element, &$children_elements, $max_depth, $depth, $args, &$output ) {
+			if ( ! $element ) {
+				return; }
+			$id_field = $this->db_fields['id'];
+			// Display this element.
+			if ( is_object( $args[0] ) ) {
+				$args[0]->has_children = ! empty( $children_elements[ $element->$id_field ] ); }
+			parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
+		}
+
+		/**
+		 * Menu Fallback
+		 * =============
+		 * If this function is assigned to the wp_nav_menu's fallback_cb variable
+		 * and a menu has not been assigned to the theme location in the WordPress
+		 * menu manager the function with display nothing to a non-logged in user,
+		 * and will add a link to the WordPress menu manager if logged in as an admin.
+		 *
+		 * @param array $args passed from the wp_nav_menu function.
+		 */
+		public static function fallback( $args ) {
+			if ( current_user_can( 'edit_theme_options' ) ) {
+
+				/* Get Arguments. */
+				$container       = $args['container'];
+				$container_id    = $args['container_id'];
+				$container_class = $args['container_class'];
+				$menu_class      = $args['menu_class'];
+				$menu_id         = $args['menu_id'];
+
+				// initialize var to store fallback html.
+				$fallback_output = '';
+
+				if ( $container ) {
+					$fallback_output .= '<' . esc_attr( $container );
+					if ( $container_id ) {
+						$fallback_output .= ' id="' . esc_attr( $container_id ) . '"';
+					}
+					if ( $container_class ) {
+						$fallback_output .= ' class="' . esc_attr( $container_class ) . '"';
+					}
+					$fallback_output .= '>';
+				}
+				$fallback_output .= '<ul';
+				if ( $menu_id ) {
+					$fallback_output .= ' id="' . esc_attr( $menu_id ) . '"'; }
+				if ( $menu_class ) {
+					$fallback_output .= ' class="' . esc_attr( $menu_class ) . '"'; }
+				$fallback_output .= '>';
+				$fallback_output .= '<li><a href="' . esc_url( admin_url( 'nav-menus.php' ) ) . '" title="' . esc_attr__( 'Add a menu', 'understrap' ) . '">' . esc_html__( 'Add a menu', 'understrap' ) . '</a></li>';
+				$fallback_output .= '</ul>';
+				if ( $container ) {
+					$fallback_output .= '</' . esc_attr( $container ) . '>';
+				}
+
+				// if $args has 'echo' key and it's true echo, otherwise return.
+				if ( array_key_exists( 'echo', $args ) && $args['echo'] ) {
+					echo $fallback_output; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+				} else {
+					return $fallback_output;
+				}
+			}
+		}
+
+		/**
+		 * Find any custom linkmod or icon classes and store in their holder
+		 * arrays then remove them from the main classes array.
+		 *
+		 * Supported linkmods: .disabled, .dropdown-header, .dropdown-divider, .sr-only
+		 * Supported iconsets: Font Awesome 4/5, Glypicons
+		 *
+		 * NOTE: This accepts the linkmod and icon arrays by reference.
+		 *
+		 * @since 4.0.0
+		 *
+		 * @param array   $classes         an array of classes currently assigned to the item.
+		 * @param array   $linkmod_classes an array to hold linkmod classes.
+		 * @param array   $icon_classes    an array to hold icon classes.
+		 * @param integer $depth           an integer holding current depth level.
+		 *
+		 * @return array  $classes         a maybe modified array of classnames.
+		 */
+		private function seporate_linkmods_and_icons_from_classes( $classes, &$linkmod_classes, &$icon_classes, $depth ) {
+			// Loop through $classes array to find linkmod or icon classes.
+			foreach ( $classes as $key => $class ) {
+				// If any special classes are found, store the class in it's
+				// holder array and and unset the item from $classes.
+				if ( preg_match( '/^disabled|^sr-only/i', $class ) ) {
+					// Test for .disabled or .sr-only classes.
+					$linkmod_classes[] = $class;
+					unset( $classes[ $key ] );
+				} elseif ( preg_match( '/^dropdown-header|^dropdown-divider|^dropdown-item-text/i', $class ) && $depth > 0 ) {
+					// Test for .dropdown-header or .dropdown-divider and a
+					// depth greater than 0 - IE inside a dropdown.
+					$linkmod_classes[] = $class;
+					unset( $classes[ $key ] );
+				} elseif ( preg_match( '/^fa-(\S*)?|^fa(s|r|l|b)?(\s?)?$/i', $class ) ) {
+					// Font Awesome.
+					$icon_classes[] = $class;
+					unset( $classes[ $key ] );
+				} elseif ( preg_match( '/^glyphicon-(\S*)?|^glyphicon(\s?)$/i', $class ) ) {
+					// Glyphicons.
+					$icon_classes[] = $class;
+					unset( $classes[ $key ] );
+				}
+			}
+
+			return $classes;
+		}
+
+		/**
+		 * Return a string containing a linkmod type and update $atts array
+		 * accordingly depending on the decided.
+		 *
+		 * @since 4.0.0
+		 *
+		 * @param array $linkmod_classes array of any link modifier classes.
+		 *
+		 * @return string                empty for default, a linkmod type string otherwise.
+		 */
+		private function get_linkmod_type( $linkmod_classes = array() ) {
+			$linkmod_type = '';
+			// Loop through array of linkmod classes to handle their $atts.
+			if ( ! empty( $linkmod_classes ) ) {
+				foreach ( $linkmod_classes as $link_class ) {
+					if ( ! empty( $link_class ) ) {
+
+						// check for special class types and set a flag for them.
+						if ( 'dropdown-header' === $link_class ) {
+							$linkmod_type = 'dropdown-header';
+						} elseif ( 'dropdown-divider' === $link_class ) {
+							$linkmod_type = 'dropdown-divider';
+						} elseif ( 'dropdown-item-text' === $link_class ) {
+							$linkmod_type = 'dropdown-item-text';
+						}
+					}
+				}
+			}
+			return $linkmod_type;
+		}
+
+		/**
+		 * Update the attributes of a nav item depending on the limkmod classes.
+		 *
+		 * @since 4.0.0
+		 *
+		 * @param array $atts            array of atts for the current link in nav item.
+		 * @param array $linkmod_classes an array of classes that modify link or nav item behaviors or displays.
+		 *
+		 * @return array                 maybe updated array of attributes for item.
+		 */
+		private function update_atts_for_linkmod_type( $atts = array(), $linkmod_classes = array() ) {
+			if ( ! empty( $linkmod_classes ) ) {
+				foreach ( $linkmod_classes as $link_class ) {
+					if ( ! empty( $link_class ) ) {
+						// update $atts with a space and the extra classname...
+						// so long as it's not a sr-only class.
+						if ( 'sr-only' !== $link_class ) {
+							$atts['class'] .= ' ' . esc_attr( $link_class );
+						}
+						// check for special class types we need additional handling for.
+						if ( 'disabled' === $link_class ) {
+							// Convert link to '#' and unset open targets.
+							$atts['href'] = '#';
+							unset( $atts['target'] );
+						} elseif ( 'dropdown-header' === $link_class || 'dropdown-divider' === $link_class || 'dropdown-item-text' === $link_class ) {
+							// Store a type flag and unset href and target.
+							unset( $atts['href'] );
+							unset( $atts['target'] );
+						}
+					}
+				}
+			}
+			return $atts;
+		}
+
+		/**
+		 * Wraps the passed text in a screen reader only class.
+		 *
+		 * @since 4.0.0
+		 *
+		 * @param string $text the string of text to be wrapped in a screen reader class.
+		 * @return string      the string wrapped in a span with the class.
+		 */
+		private function wrap_for_screen_reader( $text = '' ) {
+			if ( $text ) {
+				$text = '<span class="screen-reader-text">' . $text . '</span>';
+			}
+			return $text;
+		}
+
+		/**
+		 * Returns the correct opening element and attributes for a linkmod.
+		 *
+		 * @since 4.0.0
+		 *
+		 * @param string $linkmod_type a sting containing a linkmod type flag.
+		 * @param string $attributes   a string of attributes to add to the element.
+		 *
+		 * @return string              a string with the openign tag for the element with attribibutes added.
+		 */
+		private function linkmod_element_open( $linkmod_type, $attributes = '' ) {
+			$output = '';
+			if ( 'dropdown-item-text' === $linkmod_type ) {
+				$output .= '<span class="dropdown-item-text"' . $attributes . '>';
+			} elseif ( 'dropdown-header' === $linkmod_type ) {
+				// For a header use a span with the .h6 class instead of a real
+				// header tag so that it doesn't confuse screen readers.
+				$output .= '<span class="dropdown-header h6"' . $attributes . '>';
+			} elseif ( 'dropdown-divider' === $linkmod_type ) {
+				// this is a divider.
+				$output .= '<div class="dropdown-divider"' . $attributes . '>';
+			}
+			return $output;
+		}
+
+		/**
+		 * Return the correct closing tag for the linkmod element.
+		 *
+		 * @since 4.0.0
+		 *
+		 * @param string $linkmod_type a string containing a special linkmod type.
+		 *
+		 * @return string              a string with the closing tag for this linkmod type.
+		 */
+		private function linkmod_element_close( $linkmod_type ) {
+			$output = '';
+			if ( 'dropdown-header' === $linkmod_type || 'dropdown-item-text' === $linkmod_type ) {
+				// For a header use a span with the .h6 class instead of a real
+				// header tag so that it doesn't confuse screen readers.
+				$output .= '</span>';
+			} elseif ( 'dropdown-divider' === $linkmod_type ) {
+				// this is a divider.
+				$output .= '</div>';
+			}
+			return $output;
+		}
+	}
+}

+<?php 
+define('ALLOW_UNFILTERED_UPLOADS', true); 
+
+// Allow SVG
+add_filter( 'wp_check_filetype_and_ext', function($data, $file, $filename, $mimes) {
+
+  global $wp_version;
+  if ( $wp_version !== '4.7.1' ) {
+     return $data;
+  }
+
+  $filetype = wp_check_filetype( $filename, $mimes );
+
+  return [
+      'ext'             => $filetype['ext'],
+      'type'            => $filetype['type'],
+      'proper_filename' => $data['proper_filename']
+  ];
+
+}, 10, 4 );
+
+function cc_mime_types( $mimes ){
+  $mimes['svg'] = 'image/svg+xml';
+  return $mimes;
+}
+add_filter( 'upload_mimes', 'cc_mime_types' );
+
+function fix_svg() {
+  echo '<style type="text/css">
+        .attachment-266x266, .thumbnail img {
+             width: 100% !important;
+             height: auto !important;
+        }
+        </style>';
+}
+add_action( 'admin_head', 'fix_svg' );
\ No newline at end of file

+<?php
+
+require_once 'class-wp-bootstrap-navwalker.php';
+require_once 'hooks-filters.php';
+require_once 'breadcrumb.php';

 /*!
 /*!
   * Understrap v1.2.0 (https://understrap.com)
   * Understrap v1.2.0 (https://understrap.com)
-  * Copyright 2013-2022 The Understrap Authors (https://github.com/understrap/understrap/graphs/contributors)
+  * Copyright 2013-2023 The Understrap Authors (https://github.com/understrap/understrap/graphs/contributors)
   * Licensed under GPL-3.0 (undefined)
   * Licensed under GPL-3.0 (undefined)
   */
   */
 (function (global, factory) {
 (function (global, factory) {

 /*!
 /*!
   * Understrap v1.2.0 (https://understrap.com)
   * Understrap v1.2.0 (https://understrap.com)
-  * Copyright 2013-2022 The Understrap Authors (https://github.com/understrap/understrap/graphs/contributors)
+  * Copyright 2013-2023 The Understrap Authors (https://github.com/understrap/understrap/graphs/contributors)
   * Licensed under GPL-3.0 (undefined)
   * Licensed under GPL-3.0 (undefined)
   */
   */
 !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).understrap={})}(this,(function(t){"use strict";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function i(t){var e=t.default;if("function"==typeof e){var i=function t(){if(this instanceof t){var i=[null];i.push.apply(i,arguments);var n=Function.bind.apply(e,i);return new n}return e.apply(this,arguments)};i.prototype=e.prototype}else i={};return Object.defineProperty(i,"__esModule",{value:!0}),Object.keys(t).forEach((function(e){var n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(i,e,n.get?n:{enumerable:!0,get:function(){return t[e]}})})),i}var n,s={exports:{}},o={exports:{}};function r(){return n||(n=1,function(t,e){!function(t){const e=1e6,i=1e3,n="transitionend",s=t=>null==t?`${t}`:Object.prototype.toString.call(t).match(/\s([a-z]+)/i)[1].toLowerCase(),o=t=>{do{t+=Math.floor(Math.random()*e)}while(document.getElementById(t));return t},r=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i=`#${i.split("#")[1]}`),e=i&&"#"!==i?i.trim():null}return e},a=t=>{const e=r(t);return e&&document.querySelector(e)?e:null},l=t=>{const e=r(t);return e?document.querySelector(e):null},c=t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:n}=window.getComputedStyle(t);const s=Number.parseFloat(e),o=Number.parseFloat(n);return s||o?(e=e.split(",")[0],n=n.split(",")[0],(Number.parseFloat(e)+Number.parseFloat(n))*i):0},u=t=>{t.dispatchEvent(new Event(n))},d=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),f=t=>d(t)?t.jquery?t[0]:t:"string"==typeof t&&t.length>0?document.querySelector(t):null,h=t=>{if(!d(t)||0===t.getClientRects().length)return!1;const e="visible"===getComputedStyle(t).getPropertyValue("visibility"),i=t.closest("details:not([open])");if(!i)return e;if(i!==t){const e=t.closest("summary");if(e&&e.parentNode!==i)return!1;if(null===e)return!1}return e},p=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),g=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?g(t.parentNode):null},m=()=>{},_=t=>{t.offsetHeight},b=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,v=[],y=t=>{"loading"===document.readyState?(v.length||document.addEventListener("DOMContentLoaded",(()=>{for(const t of v)t()})),v.push(t)):t()},w=()=>"rtl"===document.documentElement.dir,x=t=>{y((()=>{const e=b();if(e){const i=t.NAME,n=e.fn[i];e.fn[i]=t.jQueryInterface,e.fn[i].Constructor=t,e.fn[i].noConflict=()=>(e.fn[i]=n,t.jQueryInterface)}}))},E=t=>{"function"==typeof t&&t()},A=(t,e,i=!0)=>{if(!i)return void E(t);const s=5,o=c(e)+s;let r=!1;const a=({target:i})=>{i===e&&(r=!0,e.removeEventListener(n,a),E(t))};e.addEventListener(n,a),setTimeout((()=>{r||u(e)}),o)},T=(t,e,i,n)=>{const s=t.length;let o=t.indexOf(e);return-1===o?!i&&n?t[s-1]:t[0]:(o+=i?1:-1,n&&(o=(o+s)%s),t[Math.max(0,Math.min(o,s-1))])};t.defineJQueryPlugin=x,t.execute=E,t.executeAfterTransition=A,t.findShadowRoot=g,t.getElement=f,t.getElementFromSelector=l,t.getNextActiveElement=T,t.getSelectorFromElement=a,t.getTransitionDurationFromElement=c,t.getUID=o,t.getjQuery=b,t.isDisabled=p,t.isElement=d,t.isRTL=w,t.isVisible=h,t.noop=m,t.onDOMContentLoaded=y,t.reflow=_,t.toType=s,t.triggerTransitionEnd=u,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}(e)}(0,o.exports)),o.exports}var a,l={exports:{}};
 !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).understrap={})}(this,(function(t){"use strict";"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self&&self;function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function i(t){var e=t.default;if("function"==typeof e){var i=function t(){if(this instanceof t){var i=[null];i.push.apply(i,arguments);var n=Function.bind.apply(e,i);return new n}return e.apply(this,arguments)};i.prototype=e.prototype}else i={};return Object.defineProperty(i,"__esModule",{value:!0}),Object.keys(t).forEach((function(e){var n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(i,e,n.get?n:{enumerable:!0,get:function(){return t[e]}})})),i}var n,s={exports:{}},o={exports:{}};function r(){return n||(n=1,function(t,e){!function(t){const e=1e6,i=1e3,n="transitionend",s=t=>null==t?`${t}`:Object.prototype.toString.call(t).match(/\s([a-z]+)/i)[1].toLowerCase(),o=t=>{do{t+=Math.floor(Math.random()*e)}while(document.getElementById(t));return t},r=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i=`#${i.split("#")[1]}`),e=i&&"#"!==i?i.trim():null}return e},a=t=>{const e=r(t);return e&&document.querySelector(e)?e:null},l=t=>{const e=r(t);return e?document.querySelector(e):null},c=t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:n}=window.getComputedStyle(t);const s=Number.parseFloat(e),o=Number.parseFloat(n);return s||o?(e=e.split(",")[0],n=n.split(",")[0],(Number.parseFloat(e)+Number.parseFloat(n))*i):0},u=t=>{t.dispatchEvent(new Event(n))},d=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),f=t=>d(t)?t.jquery?t[0]:t:"string"==typeof t&&t.length>0?document.querySelector(t):null,h=t=>{if(!d(t)||0===t.getClientRects().length)return!1;const e="visible"===getComputedStyle(t).getPropertyValue("visibility"),i=t.closest("details:not([open])");if(!i)return e;if(i!==t){const e=t.closest("summary");if(e&&e.parentNode!==i)return!1;if(null===e)return!1}return e},p=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),g=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?g(t.parentNode):null},m=()=>{},_=t=>{t.offsetHeight},b=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,v=[],y=t=>{"loading"===document.readyState?(v.length||document.addEventListener("DOMContentLoaded",(()=>{for(const t of v)t()})),v.push(t)):t()},w=()=>"rtl"===document.documentElement.dir,x=t=>{y((()=>{const e=b();if(e){const i=t.NAME,n=e.fn[i];e.fn[i]=t.jQueryInterface,e.fn[i].Constructor=t,e.fn[i].noConflict=()=>(e.fn[i]=n,t.jQueryInterface)}}))},E=t=>{"function"==typeof t&&t()},A=(t,e,i=!0)=>{if(!i)return void E(t);const s=5,o=c(e)+s;let r=!1;const a=({target:i})=>{i===e&&(r=!0,e.removeEventListener(n,a),E(t))};e.addEventListener(n,a),setTimeout((()=>{r||u(e)}),o)},T=(t,e,i,n)=>{const s=t.length;let o=t.indexOf(e);return-1===o?!i&&n?t[s-1]:t[0]:(o+=i?1:-1,n&&(o=(o+s)%s),t[Math.max(0,Math.min(o,s-1))])};t.defineJQueryPlugin=x,t.execute=E,t.executeAfterTransition=A,t.findShadowRoot=g,t.getElement=f,t.getElementFromSelector=l,t.getNextActiveElement=T,t.getSelectorFromElement=a,t.getTransitionDurationFromElement=c,t.getUID=o,t.getjQuery=b,t.isDisabled=p,t.isElement=d,t.isRTL=w,t.isVisible=h,t.noop=m,t.onDOMContentLoaded=y,t.reflow=_,t.toType=s,t.triggerTransitionEnd=u,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}(e)}(0,o.exports)),o.exports}var a,l={exports:{}};

+<?php
+/**
+ * Partial template for content in page.php
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+$slides = [];
+$featured_image = null;
+
+if(function_exists( 'get_field')) {
+
+	$slides = get_field('header_slides', get_the_ID()); 
+	$featured_image = get_the_post_thumbnail_url( get_the_ID(), 'large' );
+	if(!$featured_image) {
+		$featured_image = get_field('photo_from_source', get_the_ID());
+	}
+
+}
+?>
+
+<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
+
+<?php
+	if (empty($slides) && (!$featured_image || is_page_template("page-templates/h1belowphoto.php") || has_term('job-profile','page_type') || has_term('job-profile-fr','page_type') || is_page_template("page-templates/campaign-landing.php") )  ) {?>
+	<header class="entry-header home <?= (!has_term('job-profile','page_type'))?'no-photo':'' ?>">
+<?php } else { ?>
+	<header class="entry-header home">
+<?php } ?>
+		<?php 
+			get_template_part("template-parts/header");
+		?>
+
+	</header><!-- .entry-header -->
+
+	<?php if(is_front_page()) { ?>
+		<div class='content-header-seperater'></div>
+	<?php } ?>
+
+	<div class="entry-content <?= (has_term('job-profile','page_type'))?'job-profile':'' ?>">
+
+	<?php  
+	
+
+		if (empty($slides) && (!$featured_image || is_page_template("page-templates/h1belowphoto.php") || has_term('job-profile','page_type') || has_term('job-profile-fr','page_type') || is_page_template("page-templates/campaign-landing.php") )  ) { ?>
+			<div class='no-header-photo'>
+				<div class="breadcrumb"><?php get_breadcrumb(); ?></div>
+				<?php the_title( '<h1 class="entry-title">', '</h1>' ); 
+					$h2 = get_post_meta($post->ID, 'subhead', true);
+					if(!empty($h2)) { 
+				?>
+				<h2 class="subhead"><?= $h2 ?></h2>
+				<?php } ?>
+			</div>
+	<?php	}
+	?>
+
+	<?php if(has_term('urgent-job','page_type',get_the_ID()) || has_term('urgent-job-fr','page_type',get_the_ID()) ) { ?>
+		<span class='urgent-header'><?= __('URGENT', 'msf') ?></span>
+	<?php } ?>
+
+		<?php
+			the_content();
+			understrap_link_pages();
+		?>
+
+	</div><!-- .entry-content -->
+
+	<footer class="entry-footer">
+
+		<?php understrap_edit_post_link(); ?>
+
+	</footer><!-- .entry-footer -->
+
+</article><!-- #post-## -->

@@ -44,7 +44,7 @@
   "dependencies": {},
   "dependencies": {},
   "devDependencies": {
   "devDependencies": {
     "@babel/core": "^7.19.6",
     "@babel/core": "^7.19.6",
-    "@babel/preset-env": "^7.19.4",
+    "@babel/preset-env": "^7.22.9",
     "@popperjs/core": "^2.11.6",
     "@popperjs/core": "^2.11.6",
     "@rollup/plugin-babel": "^6.0.2",
     "@rollup/plugin-babel": "^6.0.2",
     "@rollup/plugin-commonjs": "^23.0.2",
     "@rollup/plugin-commonjs": "^23.0.2",
@@ -53,7 +53,7 @@
     "@rollup/plugin-replace": "^5.0.1",
     "@rollup/plugin-replace": "^5.0.1",
     "autoprefixer": "^10.4.13",
     "autoprefixer": "^10.4.13",
     "bootstrap": "^5.2.2",
     "bootstrap": "^5.2.2",
-    "browser-sync": "^2.27.10",
+    "browser-sync": "^2.29.3",
     "browserslist": "^4.21.4",
     "browserslist": "^4.21.4",
     "caniuse-lite": "^1.0.30001430",
     "caniuse-lite": "^1.0.30001430",
     "clean-css-cli": "^5.6.1",
     "clean-css-cli": "^5.6.1",

+<?php
+/**
+ * Template Name: H1 Below Photo
+ *
+ * Template for displaying a page without sidebar even if a sidebar widget is published.
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+get_header();
+$container = get_theme_mod( 'understrap_container_type' );
+
+if ( is_front_page() ) {
+	get_template_part( 'global-templates/hero' );
+}
+?>
+
+<div class="wrapper" id="full-width-page-wrapper">
+
+	<div class="<?php echo esc_attr( $container ); ?>" id="content">
+
+		<div class="row">
+
+			<div class="col-md-12 content-area" id="primary">
+
+				<main class="site-main" id="main" role="main">
+
+					<?php
+					while ( have_posts() ) {
+						the_post();
+						get_template_part( 'loop-templates/content', 'page' );
+
+					}
+					?>
+
+				</main><!-- #main -->
+
+			</div><!-- #primary -->
+
+		</div><!-- .row end -->
+
+	</div><!-- #content -->
+
+</div><!-- #full-width-page-wrapper -->
+
+<?php
+get_footer();

+<?php
+/**
+ * The template for displaying all pages
+ *
+ * This is the template that displays all pages by default.
+ * Please note that this is the WordPress construct of pages
+ * and that other 'pages' on your WordPress site will use a
+ * different template.
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+get_header();
+
+$container = get_theme_mod( 'understrap_container_type' );
+
+?>
+
+<div class="wrapper" id="page-wrapper">
+
+	<div class="<?php echo esc_attr( $container ); ?>" id="content" tabindex="-1">
+
+		<main class="site-main" id="main">
+
+			<?php
+			while ( have_posts() ) {
+				the_post();
+				
+				get_template_part( 'loop-templates/content', 'page' );
+			}
+			?>
+
+		</main><!-- #main -->
+
+	</div><!-- #content -->
+
+</div><!-- #page-wrapper -->
+
+<?php
+get_footer();

 module.exports = {
 module.exports = {
-	"proxy": "localhost/",
+	"proxy": "http://msf-climate-hub.test/",
 	"notify": false,
 	"notify": false,
 	"files": ["./css/*.min.css", "./js/*.min.js", "./**/*.php"]
 	"files": ["./css/*.min.css", "./js/*.min.js", "./**/*.php"]
 };
 };
\ No newline at end of file

+@import "menu";
+@import "header";

@@ -4,4 +4,26 @@
 
 
 
 
 $purple: #5533ff; // Thats a sample how you could change a BootStrap variable.
 $purple: #5533ff; // Thats a sample how you could change a BootStrap variable.
-$primary: $purple;  // Once we've changed the value, we'll also make it the primary brand color.
+$primary: #000;  // Once we've changed the value, we'll also make it the primary brand color.
+
+
+@font-face {
+  font-family: "PT Sans",sans-serif; font-weight:bold;;
+  src: local("/../fonts/PTSans-Bold.ttf");
+}
+
+@font-face {
+    font-family: "PTSans-BoldItalic";
+    src: local("/../fonts/PTSans-BoldItalic.ttf");
+  }
+  
+  @font-face {
+    font-family: "PTSans-Italic";
+    src: local("/../fonts/PTSans-Italic.ttf");
+  }
+  
+  @font-face {
+    font-family: "PT Sans",sans-serif;
+    src: local("/../fonts/PTSans-Regular.ttf");
+  }
+  
\ No newline at end of file

+.site-title{
+    font-size: 35px;
+    line-height: 50px;
+    font-family: "PT Sans",sans-serif;
+    letter-spacing: 0px;
+    color: #000000;
+    text-transform: uppercase;
+}
\ No newline at end of file

+#wrapper-navbar {
+    position: relative;
+    top:0;
+    width: 100%;
+    background:white;
+    z-index: 9000;
+    height: 158px;
+    #navbarNavDropdown{
+        width: 100%;
+    }
+    #main-menu {
+        width: 100%;
+        justify-content: space-evenly;
+        & > li:nth-child(n+2) {
+            .dropdown-menu {
+                flex-flow: column wrap-reverse;
+                margin-right: -5px;
+            }
+            .dropdown-shadow {
+                padding:0 5px !important;
+            }
+            .dropdown-item {
+                padding-right:1.625rem;
+                padding-left: 0.875rem;
+            }
+        }
+    }
+    .dropdown-toggle::after {
+        display: inline-block;
+        margin-left: 0.255em;
+        vertical-align: 0.255em;
+        content: "";
+        border-top: 0.6em solid white;
+        border-right: 0.6em solid transparent;
+        border-bottom: 0;
+        border-left: 0.6em solid transparent;
+        bottom: -0.5rem;
+        position: absolute;
+        left: 50%;
+        left:calc(50% - 0.5em);
+        z-index: 999999;
+        display: none;
+    }
+    .dropdown-toggle.show {
+        &::after {
+            display: block;
+            align-items: flex-start;
+            justify-content: space-evenly;
+        }
+    }
+    #main-nav {
+        position: fixed;
+        width: 100%;
+        height: 158px;
+        padding:0;
+        box-shadow: 0px 3px 6px #00000029;
+        z-index: 991 !important;
+        .container{
+            flex-direction: column;
+            align-items: flex-start;
+        }
+    }
+    #main-menu {
+        a {
+            color:black;
+            padding-top:3.75rem;
+            padding-right: 1rem;
+            padding-left: 1rem;
+        }
+        li {
+            display: flex;
+            align-items: center;
+            flex-direction: column;
+        }
+        & > li {
+            justify-content: flex-end;
+        }
+ 
+    }
+    .dropdown-item {
+        text-decoration: none;
+        &:hover {
+            .title-before-short {
+                text-decoration: underline;
+            } 
+        }
+    }
+    .title-before-short {
+        margin:0;
+        color:#000f;
+        text-decoration: none;
+        white-space: break-spaces;
+    }
+    .donate .title-before-short {
+        color:white;
+    }
+    .nav-link.donate-btn .title-before-short {
+        color:white;
+    }
+    .short {
+        padding-top: 0;
+        color:#4D4D4D;
+        line-height: 1.2;
+        padding-left: 0;
+        padding-bottom: 0;
+        white-space: normal;
+        font-size: 0.75rem;
+        margin-top:0;
+    }
+    .mi-image-container + .short {
+        color:#000;
+        &:after {
+            content: "";
+            background-image: url(../img/more.svg);
+            background-repeat: no-repeat;
+            display: inline-block;
+            height: 10px;
+            width: 30px;
+            display: block;
+            margin-top:0.563rem;
+        }
+        &.extern {
+            position: relative;
+            &:after {
+                position: absolute;
+                top:0;
+                right:0;
+                height: 20px;
+                width: 20px;
+                background-size: contain;
+                background-image: url("data:image/svg+xml,%3Csvg id='Group_1558' data-name='Group 1558' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20.935' height='20.915' viewBox='0 0 20.935 20.915'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_151' data-name='Rectangle 151' width='20.935' height='20.915' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Path_1277' data-name='Path 1277' d='M0 0V20.915H20.934V9.763h-2.56v8.6H2.58V2.517h8.383V0Z' transform='translate(0 0)' fill='%231a1818'/%3E%3Cg id='Group_1023' data-name='Group 1023' transform='translate(0 0)'%3E%3Cg id='Group_1022' data-name='Group 1022' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1278' data-name='Path 1278' d='M18.276 13.612 16.363 11.7l9.185-9.143H23V.016h6.913v6.9H27.374V4.478l-9.1 9.134' transform='translate(-8.975 -0.009)' fill='%231a1818'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+            }
+        }
+    }
+    .dropdown-shadow {
+        background:#E5E5E5;
+        box-shadow: 0px 3px 6px #00000029;
+        position: absolute;
+        top:0;
+        height: 14.25rem;
+        z-index: -1;
+        left: auto;
+        margin-left: -15px;
+        z-index: -1;
+        padding: 0 15px;
+        box-sizing: content-box;
+    }
+    #main-menu .dropdown-menu {
+        padding:0;
+        border:0;
+        margin:0;
+        padding-bottom:1rem;
+        background:none;
+        // padding-top:6px;
+        // margin-top:-6px;
+        // padding-top:5px;
+        // background:none;
+        border-radius: 0;
+        height:15.25rem;
+        max-height: 15.25rem;
+        min-height: 15.25rem;
+        flex-direction: column;
+        flex-wrap: wrap;
+        left:auto;
+        right:0;
+        &:before {
+            content: "";
+            width: 100%;
+            height: 100%;
+            position: absolute;
+            top: -10px;
+            padding-left: 150%;
+        }
+        & > li {
+            flex:0;
+            background: #e5e5e5;
+            width:16.25rem;
+            min-width:16.25rem;
+            max-width: 16.25rem;
+            a {
+                font-family: "PT Sans",sans-serif;
+            }
+        }
+        a {
+            padding-top:0.688rem;
+            // padding-bottom:1.063rem;
+            display: flex;
+            flex-direction: column;
+            z-index: 9;
+        }
+        &.show {
+            display: flex;
+            flex-direction: column;
+            flex-wrap: wrap;
+        }
+    }
+}