#sections .section {min-height:260px; margin-bottom:15px;}
			
#sections .section ol { padding:0 0 0 23px; margin:0px;}
#sections .section li, #sections .recent-list li { line-height:1.5em;font-size:.9em; padding:0 0 8px 0;background:none;margin:0;}
			
#sections .section-wide { width:410px; float:left; margin:10px;}
#sections .section ul {margin:0px;padding:0 0 0 20px;list-style-type:disc;}
#sections .section a, #tab a { text-decoration:none;}
#sections .section a:hover, #tab a:hover { text-decoration:underline;}
			
#sections  .title {
	border:1px solid gainsboro;padding:3px 5px;margin-bottom:10px;
	background-color:whitesmoke;
}
#sections .content{color:#7f7f7f;}

.pct 				{width:30%;}
			
a.gray { color:dimgray;margin-left:5px;}
#tab { margin-bottom:8px; position:absolute; right:0px; top:10px;}
#tab a.active { font-weight:bold; color:#1b71be;}
#tab a { color:#505050; }
.i { padding-left:18px;}

ul.pagination {list-style-type:none;}
.search_list li,ul.pagination li{background:none !important;padding-left:0px !important;}
.search_list {margin-top:5px;padding-bottom:10px;}


:host, :root {
    --border-gray: #dddddd;
    --light-gray: #f5f7f9;
    --gutter-x: 15px;
}

.kb-wrapper h1, .kb-wrapper h2, .kb-wrapper h3, .kb-wrapper h4, .kb-wrapper h5 {
    font-family: Roboto, sans-serif;
}
/*LEAD ITEMS*/
.kb-item-lead {
    display: flex;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid var(--border-gray);
    margin-right: calc(-1 * var(--gutter-x));
    margin-left: calc(-1 * var(--gutter-x));
}

    .kb-item-lead > * {
        padding-right: calc(var(--gutter-x) * 1);
        padding-left: calc(var(--gutter-x) * 1);
    }



    .kb-item-lead > a.kb-item-lead-headline {
        flex: 1 0 0%;
    }


/*FEATURED ITEMS*/
#featureItems {
    display: flex;
    padding: 30px 0;
    border-bottom: 1px solid var(--border-gray);
    margin-right: calc(-1 * var(--gutter-x));
    margin-left: calc(-1 * var(--gutter-x));
}

    #featureItems .kb-item-featured {
        flex: 1 0 0%;
        padding-right: calc(var(--gutter-x) * 1);
        padding-left: calc(var(--gutter-x) * 1);
        box-sizing: border-box;
    }

.kb-item-featured-card {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-gray);
    height: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .kb-item-featured-card .m-thumbnail-wrap {
        border: none;
        border-radius: 0;
    }

    .kb-item-featured-card .story {
        padding: 15px 15px 25px;
    }

.kb-item-featured .m-thumbnail {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 170px;
    background-position: 50%;
    background-color: var(--light-gray);
}
/*FOLD ITEMS*/
#foldItems, #foldItemsRemainder {
    padding: 30px 0;
    margin-right: calc(-1 * var(--gutter-x));
    margin-left: calc(-1 * var(--gutter-x));
}

    #foldItems .kb-item-fold, #foldItemsRemainder .kb-item-fold {
        display: flex;
        align-items: center;
        padding: 30px 0;
        border-bottom: 1px solid var(--border-gray);
    }

.kb-item-fold > * {
    padding-right: calc(var(--gutter-x) * 1);
    padding-left: calc(var(--gutter-x) * 1);
}

.kb-item-fold > a.kb-item-fold-headline {
    flex: 1 0 0%;
}

.kb-item-lead .m-thumbnail, .kb-item-fold .m-thumbnail {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 225px;
    background-position: 50%;
    background-color: var(--light-gray);
}

.kb-item-img-txt-wrap {
    flex: 0 0 auto;
    width: 35%;
    max-width: 360px;
}

.m-thumbnail-wrap {
    border: 1px solid var(--border-gray);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: flex;
    overflow: hidden;
    background-color: var(--light-gray);
}

.m-thumbnail {
    transition: transform 0.2s ease-in-out;
    transform: scale(1);
}

    .m-thumbnail:hover {
        transform: scale(1.05);
    }

#recent-kb-list-wrapper a h3, #recent-articles-wrapper h3 a {
    color: #333333;
    font-weight: 700;
}

    #recent-kb-list-wrapper a:hover h3, #recent-articles-wrapper h3 a:hover {
        color: #00a0ff;
    }

.summary.entry-summary {
    color: #333;
}

.latest-list {
    list-style: none;
}

    .latest-list li {
        padding: 30px 0 10px;
        border-bottom: 1px solid var(--border-gray);
    }

        .latest-list li:first-child {
            padding-top: 0;
        }

        .latest-list li:last-child {
            padding-bottom: 0;
            border-bottom: 0;
        }

.inputGroup {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

    .inputGroup:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .inputGroup > .form-control {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
    }

    .inputGroup > .btn {
        margin-left: calc(var(--bs-border-width) * -1);
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        transition: all 0.2s ease-in-out;
    }

        .inputGroup > .btn:hover {
            background: #e87e04;
        }