@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
    position: relative;
    font-family: "Montserrat", sans-serif;
}
#body { 
	margin-top:10px;
}
header{
    background-color: white;
    /*position: fixed;*/
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 4px 4px rgba(0,0,0,0.1);
    z-index: 999999;
}

header.expand-nav{
    background: #f3f3f3;
    /*position: fixed;
    top: 0;
    left: 0; */
    z-index: 1055;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    padding-bottom: 0;
}

header.expand-nav>div{
    position: relative;
}

header.expand-nav .logo-mobile-nav{
    padding-bottom: 10px;
}

header.expand-nav .mobile-nav{
    border-top: 1px solid rgba(0,0,0,.1);
}
a:visited { color:#800000;}
a:link { color: #0000ee; } 

@media only screen and (min-width: 1200px){
    header.expand-nav .mobile-nav{
        border-top: 0;
    }
}

header.expand-nav nav{
    display: block !important;
}

header.expand-nav .nav-signin{
    display: none !important;
}

.header-menu-logo{
    text-align: center;
}

@media only screen and (min-width: 992px){
    .header-menu-logo{
        text-align: left;
    }
}

.header-menu-logo img{
    width: 100%;
    /* max-width: 180px; */
    max-width: 240px;
}



header form{
    background: white;
    border: 1px solid #e1e1e1;
    border-radius: 3px;    
    padding: 5px;
}

header form .form-control{
    border: 0;
    padding: 0 5px;
    line-height: 1;
}

header form .btn{
    padding: 5px;
    border: 0;
    line-height: 1;
    color: #35377c;
}

@media only screen and (min-width: 992px){
    
    .header-menu-logo>button,
    .header-menu-logo>img,
    .header-menu-logo>form{
        float: left;
    }
    
    .header-menu-logo>img,
    .header-menu-logo>form{
        margin-left: 10px;
    }
    
    #logo-search-1{
        width: 74%;
    }
}

@media only screen and (min-width: 992px){
    #logo-search-1{
        width: 40%;
    }
    
    .header-menu-logo>img{
        margin-left: 0;
    }
}

@media only screen and (min-width: 1400px){
    #logo-search-1{
       /* width: 66%;*/
       width: 55%;
    }
}

header button{
    background: #35377c;
    color: white;
    border: 0;
    border-radius: 3px;
    line-height: 32px;
    width: 32px;
    padding: 0;
}

@media only screen and (min-width: 992px){
    header button{
        line-height: 37px;
        width: 37px;
    }    
}

@media only screen and (min-width: 280px) and (max-width: 991px){
    header.expand-nav>div,
    header.expand-nav>div>div,
    header.expand-nav .mobile-nav{
        min-height: 100%;
    }
    .mobile-nav{
        background: #2d2f6f;
        padding: 0;
    }
    .woodweb-nav{
        float: none !important;
    }

    .woodweb-nav ul{
        list-style: none;
    }

    .woodweb-nav ul,
    .woodweb-nav ul li{
        padding: 0;
        margin: 0;
    }

    .woodweb-nav ul li a{
        /*border-bottom: 1px solid rgba(0,0,0,0.1);*/
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }

    .woodweb-nav ul li a:hover,
    .woodweb-nav ul li a.showChild{
        background-color: rgba(0,0,0,0.1);
        opacity: .6;
    }

    .woodweb-nav ul li a.showChild{
        font-weight: 500;
    }


    .woodweb-nav>ul ul{
        background-color: rgba(0,0,0,0.15)
    }

    .woodweb-nav a{
        display: block;
        padding: 15px;
        color: white;
        text-decoration: none;
    }

    .woodweb-nav>ul>li>a{
        text-transform: uppercase;
        font-weight: 600;
    }

    .woodweb-nav ul>li>ul>li>a{
        /*font-weight: 500;
        padding: 10px 15px 10px 25px;*/
	font-weight: 400;
        padding: 10px 15px 10px 30px;
        opacity: .75;
        font-size: 14px;
    }

    .woodweb-nav ul>li>ul>li>ul>li>a{
        padding: 10px 15px 10px 40px;
    }

    .woodweb-nav ul>li>ul>li>ul>li>a:hover{
        opacity: 1;
    }

    .woodweb-nav a>i{
        float: right;
    }

    .woodweb-nav a,
    .woodweb-nav a>i{
        line-height: 24px;
    }
    
    .woodweb-nav>ul>li>a.showChild + div.collapse{
        display: block !important;
    }
   nav a {
        border-top: 1px solid rgba(0,0,0,0.1);
   }
    .ww-navlink{
        border-top: 1px solid rgba(0,0,0,0.1);
    }
    
    .showSubnav + div.collapse{
        display: block !important;
        /*background: rgba(0,0,0,0.1);*/
        background: rgba(0,0,0,0.2);
    }
    
    .ww-haschild>ul{
        /*background: rgba(0,0,0,0.1);*/
        background: rgba(0,0,0,0.3);
    }
    
    .showSubnav>i:before{
        content: "\f00d";
    }

}

.showChild>i:before,
.ww-navlink-box>div.collapse a.showSubnav>i:before{
    content: "\f00d";
}

@media only screen and (min-width: 992px){
    header{
        padding-bottom: 0;
    }
    .mobile-nav{
        padding-left: 0;
        padding-right: 0;
    }
    .woodweb-nav{
        float: none !important;
        margin-top: 0;
        width: 100%;
    }
    
    .woodweb-nav a{
        text-decoration: none;
        display: block;
    }
    
    .woodweb-nav-box{
        background: #2d2f6f;
        margin-top: 10px;
        position: relative;
    }
    
    .woodweb-nav-box:before,
    .woodweb-nav-box:after{
        display: block;
        content: "";
        clear: both;
    }
    
    .ww-navlink-box{
        display: block;
        float: left;
        border-right: 1px solid rgba(0,0,0,0.3);
    }
    
    .ww-navlink-box>a{
        color: white;
        padding: 10px;
    }
    
    .ww-navlink-box div.collapse{
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #26275f;
        padding: 15px;
        z-index: 999999;
    }
    
    .ww-navlink-box:hover div.collapse{
        display: block;
    }
    
    .ww-navlink-box:hover a{
        background: #26275f;
    }
    
    .ww-navlink-box:hover div.collapse ul{
        padding: 0;
        margin: 0 0 0 0;
        list-style: none;
    }
        
    /*
    div.collapse>ul>li>ul{
        -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    
    }
    */
    
    .ww-navlink-box>div.collapse>ul.showSubNav>li>ul,
    .colSubNav{
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;        
    }
    
    .col2SubNav,
    .col2SubNav ul{
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;        
    }
    
    .ww-navlink-box>div.collapse>ul.showSubNav>li>ul>li,
    .colSubNav>li,
    .col2SubNav>li,
    .col2SubNav ul>li{
        page-break-inside: avoid;           /* Theoretically FF 20+ */
        break-inside: avoid-column;         /* Chrome, Safari, IE 11 */
        display:table;                      /* Actually FF 20+ */
    }
    
    .deactivateLink,
    .ww-navlink-box>div.collapse>ul.showSubNav>li.ww-haschild>a{
        pointer-events: none;
        text-decoration: underline;
        display: inline-block;
    }
    
    .ww-navlink-box>div.collapse>ul{
        max-width: 33%;
    }
    
    .ww-navlink-box>div.collapse>ul.showSubNav,
    .ww-navlink-box>div.collapse>ul.colSubNav,
    .ww-navlink-box>div.collapse>ul.col2SubNav{
        max-width: 100%;
    }
    .ww-navlink-box>div.collapse>ul.showSubNav>li>ul,
    .ww-navlink-box>div.collapse>ul.colSubNav,
    .ww-navlink-box>div.collapse>ul.col2SubNav{
        display: block !important;
    }
    
    .ww-navlink-box>div.collapse>ul.showSubNav>li>ul>li,
    .ww-navlink-box>div.collapse>ul.colSubNav>li,
    .ww-navlink-box>div.collapse>ul.col2SubNav>li{
        display: block;
    }
    
    .ww-navlink-box>div.collapse>ul.showSubNav>li + li{
        padding-top: 10px;
    }
    .ww-navlink-box>div.collapse>ul.showSubNav li>a>i{
        display: none;
    }
    
    .ww-navlink-box>div.collapse>ul>li>ul>li{

    }
    
    .ww-navlink-box>div.collapse li,
    .ww-navlink-box>div.collapse a{
        font-size: 13px;
        line-height: 1;
        font-weight: 400;
        text-decoration: none;
    }
    
    .ww-navlink-box>div.collapse a>i{
        float: left;
    }
    
    .col2SubNav a>i:before{
        content: "\f0da";
        margin-right: 10px;
    }
    
    .ww-navlink-box>div.collapse a{
        display: block;
        padding: 5px;
        color: white;
    }
    
    .ww-navlink-box>div.collapse a:hover,
    .ww-navlink-box>div.collapse a.showSubnav{
        background: rgba(0,0,0,0.3);
    }
    
    .ww-navlink-box>div.collapse>ul>li>a{

    }
    
    .ww-navlink-box>div.collapse>ul>li>ul>li>a{
        font-size: 12px;
        opacity: .6;
    }
    
    .ww-navlink-box>div.collapse>ul>li>ul>li>a:hover{
        background-color: transparent;
        text-decoration: underline;
    }

  
}

@media only screen and (min-width: 1200px){
    header{
        padding-bottom: 10px;
    }
    
    .mobile-nav {
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .woodweb-nav-box{
        background: none;
        margin-top: 0;
        text-align: right;
    }
    
    .ww-navlink-box{
        display: inline-block;
        float: none;
        border: 0;
    }
    .ww-navlink-box>a{
        color: white;
        padding: 8px;
        font-size: 14px;
        color: #26275f;
    }
    
    .ww-navlink-box:hover>a,
    .ww-navlink-box>a.showSubnav{
        color: white;
    }
    
    .ww-navlink-box div.collapse{
        text-align: left;
        left: 11px;
    }
     .ww-navlink-box div.collapse.narrowSubnav{
        left: unset;
        right: unset;
    }

    .ww-navlink-box>div.collapse.narrowSubnav>ul{
        max-width: 100%;
    }
}

@media only screen and (min-width: 1600px){
    .ww-navlink-box>a{
        text-transform: uppercase;
    }
}

.header-search{
    padding-top: 10px;
}

#bannerAds{
    padding-top: 15px;
    /*border-top: 1px solid red;*/
}
#BreadCrumbs { 
    /*border-bottom: 1px solid #f5f5f5;*/
    /* border-bottom: 1px solid #ebebeb;*/
    background-color:#f7f7fa;
    margin-bottom:8px;
}

.breadcrumb{
    margin-top: 15px;
    margin-bottom: 10px;
}

.breadcrumb li{
    font-size: 12px;
}


#bannerAds img{
    /*width: 100%;*/
    margin-top: 15px auto 0px auto;
}
.squareAds { 
  width:100%;
  text-align:center;
}
.squareAdsCentered { 
  width:100%;
  text-align:center;
}
.bulletAds { 
	padding:5px;
	text-decoration:none;
	font-weight:bold;
}
.KB_towers { 
   border:1px solid gray;
   border-radius:2px;
   padding:15px;
   margin:10px;
}
.leaderboard { width:98%;}

@media only screen and (min-width: 540px){
    #bannerAds img{
        width: unset;
    }    
    .squareAds { 
	float:right;padding:0px 0px 5px 10px;
	width:unset;
    }
}

@media only screen and (min-width: 768px){
    #bannerAds img{
        margin-top: 0;
    }    
    .leaderboard { width:728px;}
}

@media only screen and (min-width: 1200px){
    #bannerAds .row>div:first-child,
    #bannerAds .row>div:first-child img{
        text-align: right !important; 
    } 
    
    #bannerAds .row>div:last-child,
    #bannerAds .row>div:last-child img{
        text-align: left !important;  
    } 
}
.bg-blue { background-color:#2d2f6f !important; }
.bg-gray { background-color:#ebebeb !important; }
.KBarticle > h1 { font-size:1.4em !important;}
.forumIndex > h1 { font-size:1.4em !important;}
.card-link { text-decoration:none !important;}
.card-body { background-color:#f8f9fa;}
.kb_art_deck {
  display:block;
  margin-bottom: 12px;
}
.accordion-button { 
	color:#0000ee !important;
}
body .form-control, body .form-select { 
	border:1px solid #8d9296 !important;
}