@charset "utf-8";
/* CSS Document */

.navbar-toggler:focus,
.navbar-toggler:active,
.custom-navbar-toggler-icon:focus {
  text-decoration: none;
  outline: none !important;
  box-shadow: none !important;
}
.custom-navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28211, 191, 159, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.dropdown-menu {
  font-size: 1rem;
  background-color: rgba(255, 255, 255, 1.0);
}
nav {
 font-family: "novel-sans-pro", sans-serif; 
 font-weight:600;
}
.navbar-forest {
  background-color:#1a6c77;
  background-color:rgba(26,108,119,0.8);
}
.navbar-nav-custom {
  background-color:#1a6c77;
  background-color:rgba(26,108,119,0.8);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem; 
  font-size: 1rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.nav-link:hover, .nav-link:focus {
  color: rgba(211, 191, 159, 1.0);
	background: rgba(44,113,124,0.7);
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: rgba(255, 255, 255, 1.0);
  /*background: rgba(236,236,236,1.0);*/
}
.off canvas, off-canvas-body {
  background: rgba(44,113,124,0.7);
}
.custom-offcanvas {
  background: rgba(44,113,124,0.7);
}
.footer {
  background-color:#1a6c77;
  background-color:rgba(26,108,119,0.8);
}
.ftr-nav-link {
  display: block;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.ftr-nav-link:hover, .nav-link:focus {
  color: rgba(226, 213, 192, 1.0);
	background:rgba(0, 0, 0, 0.1);
}
.ftr-nav-link.active {
  color: rgba(211, 191, 159, 0.8);
	background:rgba(0, 0, 0, 0.1);
}
.custom-offcanvas-header { 
	/*background-color:rgba(13,121,190,1.0);*/ 
  background-color:rgba(33,87,96,1.0); 
}
.custom-offcanvas { 
	background-color:rgba(248,249,250,1.0); 
}
.text-body-secondary {
 color:rgba(226,213,192,1.0);
 font-family: "novel-sans-pro", sans-serif;  
 font-weight:500; 
}
.ftr-nav { 
	font-family: "novel-sans-pro", sans-serif;  
	font-weight: 500;
}
/* Brand
___________________*/
.logo {
  display:block;
  width:307px;
  height:80px;
  margin:0 auto;
  background:url('../brand/wtp_logo.svg');
  background-size:307px 80px;
  background-repeat:no-repeat;
}
@media (min-width: 768px) {
	.logo {
  display:block;
  width:346px;
  height:90px;
  margin:0 auto;
  background:url('../brand/wtp_logo.svg');
  background-size:346px 90px;
  background-repeat:no-repeat;
	}
}
/* Breadcrumb
--------------------------------------------- */
.breadcrumb {
  display:-ms-flexbox;
  display:flex;width:100%;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  font-family:"novel-sans-pro", sans-serif; 
  font-weight:600;
  padding:0.25rem 1rem 0.25rem 1.5rem;
  margin-bottom:0;
  list-style:none;
  background-color:rgba(44,113,124,1.0);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left:0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  display:inline-block;
  padding-right:0.5rem;
  color:#2c717c;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration:underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration:none;
}
.breadcrumb-item.active {
  color:#d3bf9f;
}
/* Buttons
___________________*/
.btn {
  display:inline-block;
  font-family: "novel-sans-pro", sans-serif; 
  font-weight:500;
  padding:0.375rem 0.75rem;
  font-size:.9375rem;
  border-radius:0.25rem;
  background-color:transparent;
}
.btn-primary {
  color:rgba(255,255,255.0.8);
  background-color:#b2955f;
  border-color:#2c717c;
  border-radius:0.25rem;
}
.btn-primary:hover {
  color:rgba(255,255,255.0.7);
  background-color:#998052;
  border-color:#215760;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow:0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color:#eaeaea;
  color:rgba(255,255,255.0.5);
  border-color:#11616d;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color:#d3bf9f;
  background-color:#0062cc;
  border-color:#005cbf;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%; 
}
@media (min-width: 992px) {
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%; 
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.btn-outline {
  color:#38669c;
  font-weight:700;
  background:#ffffff;
  border:2px solid #00c2f1;
}
.btn-outline:hover {
  color:#00c2f1;
  background-color:#0378db;
  border:2px solid #00c2f1;
}
.btn-outline:focus, .btn-outline.focus {
  box-shadow:0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow:0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-inline {
  color:#fff;
  font-weight:600;
  background:#00c2f1; /* Old browsers */
  background:-moz-linear-gradient(left,  #1e5799 0%, #2989d8 50%, #00c2f1 100%); /* FF3.6-15 */
  background:-webkit-linear-gradient(left,  #1e5799 0%,#2989d8 50%,#00c2f1 100%); /* Chrome10-25,Safari5.1-6 */
  background:linear-gradient(to right,  #1e5799 0%,#2989d8 50%,#00c2f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#00c2f1',GradientType=1 ); /* IE6-9 */
  background-color:rgba(255,255,255,1.0);
  border-color:#00c2f1;
}
.btn-outline-inline:hover {
  color:#00c2f1;
  background-color:#0055c0;
  border-color:#00c2f1;
}
.btn-outline-inline:focus, .btn-outline-inline.focus {
  box-shadow:0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-center { margin:0 auto; text-align:center; }