@charset "utf-8";
#main-navbar + .bg-secondary {background-size: cover; background-position: center center;box-shadow: 0 0 30px 0 rgba(0,0,0,.75) inset; }
#bdNavbar:not(.showing):not(.show) .file-menu {display:none}

.nav > li > a:hover, .nav > li > a:focus, .nav > li.open > a, .nav > li.open > a:hover, .nav > li.open > a:focus  { border-color:#ccc}
.nav > li > ul.dropdown-menu { box-shadow:none; }
.footer hr { width: 96%; margin: 1.5rem auto; border-top-style: dashed;}
.footer img {filter: grayscale(100%); max-width: 155px;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #323232; }
#main-navbar-menu > li.active > a > span {  font-weight:700; }

/*navi sub-menu*/
#main-navbar-menu .dropdown-submenu .dropdown-toggle:after { float: right; margin-top: .65rem; color: inherit;transform: rotate(270deg);}
@media screen and (min-width: 992px) {
	#sub-menu { --bs-list-group-item-padding-y:.6rem }
	#sub-menu a.active {--bs-list-group-active-bg:var(--bs-csw-bg2); --bs-list-group-active-border-color:var(--bs-csw-bg2);} 
	#sub-menu a.active:after, #sub-menu a:hover:after {content:"\f285"; position:absolute; top:16px;right:var(--bs-list-group-item-padding-x); font-family: bootstrap-icons; font-size:.75rem; font-weight:bold  }
	#sub-menu a:not(.active):hover { color:var(--bs-white);  }
	#sub-menu a:not(.active)::before { position: absolute; left: 0; top: 0; content: ""; width: 0; height: 100%;background: linear-gradient(134deg, var(--bs-csw-bg) 10%, var(--bs-csw-bg2) 100%); opacity: 0; transition: 0.25s; z-index: -1;}
	#sub-menu a:not(.active):hover:before {  width: 100%; opacity: 1;  }

	#sub-menu.sticky-top { top:calc(80px + 15px); animation: fadeInDown 0.4s ease-in-out;}
	#sub-menu > div {/*background-image: url('../images/swc_bg.png'); background-position: right bottom;   background-size: cover; */  background: var(--bs-csw-bg) url('../images/sub_menu_bg.png') no-repeat right bottom; color:var(--bs-white) }
	#main-navbar-menu > li.active > a > span {  border-bottom: 3px solid var(--bs-csw-bg); padding-bottom: 1.6rem; position: relative; z-index:45 }
	/*#main-navbar-menu > li.active > .dropdown-menu { background:var(--bs-warning-bg-subtle); height:200px }*/
}
/*#main-content .col-lg-9 > .bg-white {position:relative}
#main-content .col-lg-9 > .bg-white:before, #main-content .bg-white:after {content:'';position: absolute; width: 50%;  top: 0;opacity:.75}
#main-content .col-lg-9 > .bg-white:before { border-top:4px solid var(--bs-csw-bg); left:0 }
#main-content .col-lg-9 > .bg-white:after { border-top:4px solid var(--bs-csw-bg2); left:50% }*/
#main-content .col-lg-9 > .bg-white {position:relative; padding-left: 0.75rem; padding-right: 0.75rem;}
#main-content .col-lg-9 > .bg-white:before {content:'';position: absolute; width: 100%;  top: 0; left:0; border: 2px solid transparent; background:    linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--bs-csw-bg) 0%, var(--bs-csw-bg2) 100%) border-box; }

#main-content .page-header { display: flex; align-items: flex-end; border-bottom: 2px solid var(--bs-border-color); margin-bottom:2.5rem}
#main-content .page-header > h3 {margin:0 }
#main-content .page-header > h3 span {display: inline-flex;padding-bottom:.75rem; font-size:1.6rem; border-bottom: 2px solid var(--bs-csw-bg2);margin-bottom: -2px; letter-spacing:-1px; font-weight:800 }

/*nav breadcrumb*/
#main-breadcrumb { margin-left:auto;margin-bottom: .75rem; flex-shrink: 0; --bs-breadcrumb-divider: "•";}
#main-breadcrumb .breadcrumb { flex-wrap: nowrap;  margin-bottom:0;  }
#main-breadcrumb .breadcrumb a:not(.dropdown-item) {font-size: 90%; letter-spacing:-1px; color: var(--bs-gray);}
#main-breadcrumb .breadcrumb li {align-self: end;}
#main-breadcrumb .breadcrumb li:before {--bs-breadcrumb-divider-color:var(--bs-gray-400)}
#main-breadcrumb .breadcrumb .dropdown-menu {border-radius:0; margin-top:.85rem !important; --bs-dropdown-min-width:8rem }
#main-breadcrumb .breadcrumb .dropdown-item {font-size: 80%;}

@media screen and (max-width:767px){
	.alert { border-radius: 0; border-left: 0; border-right: 0;margin-left: calc(var(--bs-gutter-x) * -0.5);margin-right: calc(var(--bs-gutter-x) * -0.5);width: calc(100% + var(--bs-gutter-x));}
	blockquote { padding: 0;}
}