:root{
	
}

html,body 
{
	font-family: var(--thm-font-family);
    font-weight:var(--thm-font-weight);
    font-size:var(--thm-font-size);
}

.offcanvas-header {
	background: var(--bs-body-bg);
    display: flex;
    align-items: center;
    padding: calc(var(--bs-offcanvas-padding-y) + .12rem) var(--bs-offcanvas-padding-x);
}

.nav-item-thm {
	border-left: 3px solid transparent;
	padding-left: .75rem;
	font-size: 1rem;
	border-bottom: 2px solid rgba(var(--sc-body-color-rgb-subtle),.05);
}
.nav-item-thm:hover {
	border-left: 3px solid var(--bs-primary);

}
.nav-item-thm:active {
	border-left: 3px solid transparent;

}
.nav-item-thm:focus {
	border-left: 3px solid transparent;

}
.nav-item-thm > a {
	border-left: 3px solid transparent;
	padding-left: 0rem;
	font-size: 1rem;
	font-weight: 300;
	color: rgba(var(--sc-body-color-rgb-subtle),1);
	
}

.dropdown-menu > li 
{
	padding-left: .5rem;
}

.nav-link {
	margin-top: .5rem;
	margin-bottom:  .5rem;
}
.ofc-logo {
	width: 4rem;
	height: auto;
	justify-content: center;
}
/*
  .my-element::before {
      content: "\f085"; 
      font-family: 'FontAwesome';
      color: blue;
      font-size: 24px;
    }
	  a:after {
      content: "\f358"; 
      font-family: 'FontAwesome';
      color: var(--bs-body-color);
      font-size: .875rem;
	  margin-right: auto;
	  display: inline-block;
    }*/
	
.small {
	font-size: .65rem;
}

.divider {
	border-top: .15rem solid var(--sc-body-clr-subtle);
    margin-top: .25rem;
	margin-BOTTOM: .25rem;
	padding: .25REM;
}

.dv-hero-bot {
	border: 1px solid green;
	margin-top: -2%;
	height: 35%;
}

.mdl-title {
	font-size: 1rem; 
	font-family: var(--thm-font-family-sub);
	font-weight: 300;
}