/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 #glossary{
    display:flex;
    flex-direction: column;
 }
.glos_abc_heading{
    order:1
}
.glossary_menu{
    top: 85px;
    order:0;
    display:flex;
    justify-content: space-between;
}
.glossary_menu .glossary_link{
    font-size: 1.8em;
    width:40px;
    padding: 10px 0;
    display:inline-block;
    text-align: center;
}
.glossary-sticky .glossary_menu{
    position:fixed;
    left: 0;
    right:0;
    padding: 0 40px;
    background: #1c2f39;
    background: linear-gradient(135deg,#1c2f39 0%,#54c3c0 100%);
}
.glossary-sticky .glossary_link{
    color:#fff!important;
}
@media screen and (max-width:999px){
    .glossary-sticky{
		margin-left: 20px;
    }
    .glossary_menu{
        display:block;
    }
    .glossary-sticky .glossary_menu{
        top:48px;
        display:flex;
        flex-direction: column;
        width:40px;
        padding:10px 0px;
        height: calc(100vh - 48px);
    }
    .glossary_menu .glossary_link{
        width: 7.69%;
    }
    .glossary-sticky .glossary_menu .glossary_link{
        padding:0px;
        width:auto;
    }
}
@media screen and (min-width:1000px){
    .card-group{
        columns: 2;
        column-gap: 1rem;
    }
}
 .definition-card{
    break-inside: avoid-column;
    background-color: #ffffff;
    max-height: 250px;
    overflow:hidden;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 30px 90px rgba(0,0,0,.14);
    transition: max-height .3s cubic-bezier(.3,.58,.55,1),padding-bottom .3s cubic-bezier(.3,.58,.55,1);
 }
 .glos_has_overflow{
    cursor:pointer;
    position:relative;
 }
 .glos_has_overflow:after{
    content: "Read more";
    position: absolute;
    bottom:0px;
    left: 0;
    height: 70px;
    width: 100%;
    line-height: 100px;
    text-align: center;
    display: block;
    background: #f1f1f2;
    color: #1c2f39;
    background: linear-gradient(180deg,transparent 0%,#f1f1f2 50%);
 }
 .glos_open{
    max-height: 1500px;
    padding-bottom: 70px;
    transition: max-height .3s cubic-bezier(.3,.58,.55,1),padding-bottom .3s cubic-bezier(.3,.58,.55,1);
 }
 .glos_open.glos_has_overflow:after{
    content: "Read less";
 }