html{
    scroll-behavior: smooth;
}

body {
   grid-template-columns: min-content 1fr;
}

/*
    ====================================
    Custom Home Page
    ====================================
*/
#main-banner {
    margin-bottom: 50px;
}
.pthumbnail,
.pexcerpt {
    padding: 15px;
    box-sizing: border-box;;
}
.pthumbnail {
    width: 29%;
    float: left;
    display: inline-block;
    text-align: center;
}
.img-fluid {
    transition: transform 1s;
    overflow:hidden;
}

.img-fluid:hover {
    transform: scale(1.25);
    object-fit: cover;
}

.pexcerpt {
    width: 68%;
    float: left;
    display: inline-block;
}
.pexcerpt:hover  {
    box-shadow: 1px 2px 8px rgba(100, 100, 100, 0.2)
}

.axil-section-gap {
    padding: 50px 10px!important;
}
.carousel-item {
    border-left: 0!important;
}


/*
    ====================================
    Side Nav Table of Contents
    ====================================
*/
.active {
    font-weight: bold;
    padding-left: 10px;
    border-left: 3px solid #5582f2;
    color: #5582f2;
}
div#toc {
    position: fixed;
    top: 300px;
    left: 0;
    width: 225px;
    padding: 5px;
    background-color: #fff;
    display: block;
    box-shadow: var(--shadow-primary);
    z-index: 999;
}
div#toc ul li {
    font-size: 12px;
    padding: 1px 3px;
    list-style:none;
}
#toc a {
    display: block;
}
#toc-entry-content {
    margin: 10% auto;
    width: 80%;
}




/*
    ====================================
    Footer
    ====================================
*/
footer {
    grid-column: 1/3;
    background-color: #262626;
    padding: 5rem 1rem;
}