.nav-link { font-size: 18px !important; padding: 8px 12px !important; font-weight: 700; }
.nav-link li a { color: #b72025 !important; }

body { font-family:  "Gentium Plus", serif; font-weight: 400; }
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: "Gentium Plus", serif;
  font-weight: 700;
  color: #b72025;
}
.dispay-4 { font-weight: 700; }
@media (min-width:1200px) {
	.display-4 { font-weight: 700; }
}

.hero-bg { position: relative; background-position: center; background-size: cover; background-image: url('../img/multil_1404441573_25.png'); }
.hero-bg .container { position: relative; z-index: 100; }
@media (max-width: 768px) {
	.hero-bg::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(50, 90, 195, 0.4); z-index: 1; }
}

.yellow-bg { background-color: #e7a931; color: #000000; }
.red-bg { background-color: #b72025; color: #FFFFFF !important; }
.warmgray-bg { background-color: #626b64; color: #FFFFFF !important; }
.ltwarmgray-bg { background-color: #DCDCD7; }
.coolgray-bg { background-color: #728390; color: #FFFFFF !important; }
.blue-bg { background-color: #20459c; color: #FFFFFF !important; }
.xlightgray-bg { background-color: #F4F3F1; }

.btn-red { background-color: #b72025 !important; border-color:#b72025; color: #FFFFFF !important; }
.btn-red:hover { background-color: #8F2A27 !important; color: #FFFFFF !important; }

.btn-blue { background-color: #20459c !important; border-color:#20459c; color: #FFFFFF !important; }
.btn-blue:hover { background-color: #3357C2 !important; color: #FFFFFF !important; }
.btn-warmgray { background-color: #626b64 !important; border-color:#20459c; color: #FFFFFF !important; }
.btn-warmgray:hover,
.btn-warmgray:active,
.btn-warmgray.active { background-color: #858F88 !important; color: #FFFFFF !important; }

.btn-yellow { background-color: #e7a931 !important; border-color:#e7a931; color: #000000 !important; font-weight: 800; }
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow.active { background-color: #ECD084 !important; color: #000000 !important; }
.border-bottom-yellow { border-bottom: 6px #e7a931 solid; }

.text-yellow { color: #e7a931 !important; }
.text-blue { color: #20459c !important; }
.text-red { color: #b72025 !important; }
.text-warmgray { color: #626b64 !important; }
.text-warmgray-light { color: #DCDCD7 !important; }
.text-coolgray { color: #728390 !important; }
.text-coolgray-light { color: #F4F3F1 !important; }


.text-body-white { color: #FFFFFF !important; }
a { color: #728390 !important; }
a:hover { color: #b72025 !important; }

.blog-header-logo { font-size: 2.25rem; }
.blog-header-logo:hover { text-decoration: none; }
.flex-auto { flex: 0 0 auto; }
.h-250 { height: 250px; } @media (min-width: 768px) { .h-md-250 { height: 250px; } }
.blog-pagination { margin-bottom: 4rem; }
.blog-post { margin-bottom: 4rem; } .blog-post-meta { margin-bottom: 1.25rem; color: #727272; }

.bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
@media (min-width: 768px) {
	.bd-placeholder-img-lg { font-size: 3.5rem; }
}
.b-example-divider { width: 100%; height: 3rem; background-color: rgba(0, 0, 0, .1); border: solid rgba(0, 0, 0, .15); border-width: 1px 0; box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); }
.b-example-vr { flex-shrink: 0; width: 1.5rem; height: 100vh; }
.bi { vertical-align: -.125em; fill: currentColor; }
.nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; }
.nav-scroller .nav { display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; }

.bd-mode-toggle { z-index: 1500; }

.bd-mode-toggle .dropdown-menu .active .bi { display: block !important; }
.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}


.bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
@media (min-width: 768px) {
	.bd-placeholder-img-lg { font-size: 3.5rem; }
}
.b-example-divider { width: 100%; height: 3rem; background-color: rgba(0, 0, 0, .1); border: solid rgba(0, 0, 0, .15); border-width: 1px 0; box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); }
.b-example-vr { flex-shrink: 0; width: 1.5rem; height: 100vh; }
.bi { vertical-align: -.125em; fill: currentColor; }
.nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; }
.nav-scroller .nav { display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.btn-bd-primary {
--bd-violet-bg: #712cf9;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #6528e0;
--bs-btn-hover-border-color: #6528e0;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}
.bd-mode-toggle { z-index: 1500; }
.bd-mode-toggle .dropdown-menu .active .bi { display: block !important; }

/* autocomplete styles */
.autocomplete { position: relative; display: inline-block; }
.autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0; right: 0; }
.autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; }
.autocomplete-items div:hover { background-color: #e9e9e9; }
.autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }