:root{
    --primary-color: #1f6bad;
    --secondary-color: #6c757d;
    --success-color: #28a745;
    --info-color: #17a2b8;
    --warning-color: #ffc107;
    --danger-color: #dc3545;
    --light-color: #f8f9fa;
    --dark-color: #343a40;
    --white-color: #fff;
    --black-color: #000;
}

header nav img{
    height:50px;
}

@media (min-width: 576px){
    header nav img{
        height:100px;
    }
}

main{
    padding-top: 0;
}

main > section{
    margin-top: 5rem;
}

header{
    padding:0rem 2rem;
}

.highlights>article{
    box-shadow:none;
    background-color:rgb(108, 117, 125, 0.02)
}

.highlights>article:hover{
    cursor:pointer;
    background-color:rgb(108, 117, 125, 0.05)
}


.column-left{
    margin-right: 1rem;
    margin-left: 1rem;
}

.column-right{
    margin-right: 1rem;
    margin-left: 1rem;
}

.bio img{
    border-radius: 0.2rem;
    width:100%;
}

@media (min-width: 576px){

    .bio img{
        max-width:380px;
    }

    .bio .content{
        display:flex; 
        flex-wrap:wrap; 
        flex-direction:column; 
        align-items:end;
    }

    .column-left{
        text-align: right; 
        margin-right: 2rem;
        justify-content:right;
    }

    .column-right{
        text-align: left; 
        margin-right: 2rem;
    }
}


.flex-v-center{
    display:flex; 
    align-items:center;
}

.text-center{
    text-align: center;
}

h1{
    color: black;
    font-size: 2.5rem;
}

@media (min-width: 576px){
    h1{
        font-size: 4rem;
    }
}

h1 + p{
    font-size:1.4rem !important;
}

h2{
    color: black;
}

.hero{
    height:80vh; 
    padding:1rem;
    margin-top:0;
    padding-top:0;
}

.hero-bg{
    position:relative; 
    height:100%; 
    background-image:url('img/bg.jpg'); 
    background-size: cover; 
    background-position: center; 
    border-radius: 0.2rem;
}

.hero-content{
    position:absolute; 
    left:50%; 
    top:50%; 
    transform:translate(-50%,-50%); 
    text-align:center;
}

.hero-content h1{
    color: var(--white-color);
}


.highlights article{
    position:relative;
    overflow:hidden;
}

.badge{
    position:absolute;
    width: 80px;
    height: 80px;
    right:-40px;
    bottom:-40px;
    transform: rotate(45deg);
    background-color: #1f6bad;
}


.highlights article:hover .badge{
    background-color: #2d82cc;
}

.stats-vertical {
    margin-top: calc(var(--homepage-spacing-vertical) * 0.25);
}

.stats-vertical ul {
    display: grid;
    row-gap: calc(var(--spacing) * 2);
    margin: 0 auto;
    padding: 0;
}

@media (min-width: 576px) { /* Example for 'sm' breakpoint */
    .stats-vertical ul li {
        text-align: right;
    }
}

.stats-vertical ul li {
    margin: 0;
    margin-top:0.4rem;
    list-style-type: none;
}

.stats-vertical ul li p.icon {
    margin-bottom: calc(var(--spacing) * 0.25);
    color: black;
    font-size: 1rem;
    line-height: 1.3;
    font-family: "Figtree", var(--font-family);
}

.stats-vertical ul li p.icon svg {
    height:36px;
}

.stats-vertical ul li p.icon a {
    text-decoration: none;
}

.blockquote{
    box-shadow: none;
}