/*---------------------------------------  Global Styles  ---------------------------------------*/

.ml15{margin-left:15px}.mr15{margin-right:15px}.mt15{margin-top:15px}.mb15{margin-bottom:15px}.pl15{padding-left:15px}.pr15{padding-right:15px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.pt10{padding-top:10px}.pt20{padding-top:20px}.pt40{padding-top:40px}.pt50{padding-top:50px}.pt60{padding-top:60px}.pt80{padding-top:80px}.pt100{padding-top:100px}.pt150 {padding-top: 150px;}.pt200 {padding-top: 200px;}.pb150{padding-bottom: 150px;}.pb200{padding-bottom: 200px;}.mt150{margin-top: 150px;}.mt200{margin-top: 200px;}.mb150{margin-bottom: 150px;}.mb200{margin-bottom: 200px;}.pb10{padding-bottom:10px}.pb20{padding-bottom:20px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}.pb60{padding-bottom:60px}.pb80{padding-bottom:80px}.pb100{padding-bottom:100px}.mt20{margin-top:20px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt60{margin-top:60px}.mt80{margin-top:80px}.mt100{margin-top:100px}.mb20{margin-bottom:20px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb80{margin-bottom:80px}.mb100{margin-bottom:100px}

.themeBG {
    background: var(--accent-color);
}
.darkTxt {
    color: #444;
    font-weight: 600;
}

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

.accentTxt, .accentT {
    color: var(--accent) !important;
}
#topBar a:hover {
    color: #9F8E05;
}
.accentBG, .btn-warning {
    background: var(--accent);
}
.btn-warning {
    border:#938D5A;
    color:#fff;
}
.btn-info {
    background-color: var(--secondary);
    border:#938D5A;
    color:#fff;
}
.lGrayBG {
    background: #e6f5f9 !important;
}
.strong {
    font-weight: 600 !important;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow::before, .navbar-nav .sub-arrow::before {
    content: '\f0dd';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    position: absolute;
    top: 19px;
}
.navbar-nav .sub-arrow {
    font-family: 'Font Awesome 5 Pro';
}
.btn-close::before {
    content:'\f410';
    font-family: 'Font Awesome 5 Pro';
}
.navbar-nav.sm-collapsible .sub-arrow::before, .navbar-nav.sm-collapsible .show > a > .sub-arrow::before {
    content: '\f0dd';
    font-family: 'Font Awesome 5 Pro';
}
.navbar-nav.sm-collapsible .sub-arrow {
    top:-11px;
}
nav .fab {
    color: var(--accent);
}
.btn-warning:hover {
	color: var(--accent);
	background-color: #938D5A;
	border-color: #938D5A;
}
.btn-check:focus + .btn-warning, .btn-warning:focus, .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
	color: #938D5A;
	background-color: var(--accent);
	border-color: #dba04d;
}
.float-right{
    float: right;
}
footer {
    background: #e4e4e4;
    margin-top: 60px;
}
#content a {
    margin-bottom: 30px;    
}
  ul.roles { list-style: none; padding: 0; margin: 1.25rem 0; display: grid; gap: .75rem; }
  ul.roles li {
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 8px; padding: .9rem 1.1rem; color: var(--muted);
  }
  ul.roles li strong { display: block; margin-bottom: .15rem; }

  .stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1rem; margin-top: 1.25rem; }
  .stat {
    background: var(--surface); border: 1px solid var(--border);margin-bottom:30px;
    border-radius: 8px; padding: 1.25rem; text-align: center;
  }
  .stat .num { display: block; font-size: 2.25rem; font-weight: 800; color: var(--secondary); line-height: 1.1; }
  .stat .label { color: var(--muted); font-size: .95rem; }
  
  .cta-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    margin: 1.5rem 0 0;
  }
  .cta-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: var(--accent);
    color: #fff;
    font-size: 1.9rem;
    text-decoration: none;
    transition: transform .15s ease, opacity .15s ease;
  }
  .cta-icons a:hover,
  .cta-icons a:focus-visible {
    transform: scale(1.08);
    opacity: .9;
  }
  
figure img {
    margin-top: -70px;
}
/*---------------------------------------  Homepage  ---------------------------------------*/
ul.servBullets {
    list-style:none;
    text-align: left;
    font-size: 14px;
}
.servBullets li::before {
    color: var(--primary);
    font-family: 'Font Awesome 5 Pro';
    content: '\f46c';
    margin-right: 15px;
    font-weight: 600;
    font-size: 20px;
}
.hBoxes .stat {
    font-size: 20px;
    color: var(--muted);
}
.hBoxes .num {
    font-size: 35px;
    color: var(--secondary);
}

/*---------------------------------------  Subpages  ---------------------------------------*/


/*---------------------------------------  Forms  ---------------------------------------*/


/*---------------------------------------  Media Breaks  ---------------------------------------*/
@media only screen and (max-width: 1199px){

}
@media only screen and (max-width: 991px){

}
@media only screen and (max-width: 767px){
    .offcanvas-nav {
    	overflow-y: scroll;
    	z-index: 9999;
    	padding-bottom: 500px;
    }
}
@media only screen and (max-width: 479px){
    .logo-light {
        width: 150px;
    }
}