:root{
    --mdm-primary-color: #2b6461;
    --mdm-dark-color: #202020;
    --mdm-light-color: #98a4ac;
    --mdm-secondary-color: #e2c957;
    --mdm-highlight-color:#6fcbc6;
    --mdm-nav-toggler-glow: #e2c957;
    --mdm-tirtiary-color: #2c7384;

}

/* Sticky footer setup */

html, body{
    height: 100%;
}

body{
    display: flex;
    flex-direction: column;
}

.bgimage{
    background: #0f2027; /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #0f2027, #203a43, #2c5364); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #0f2027, #203a43, #2c5364); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.content{
    flex: 1 0 auto;
    margin-top: 3rem;
}

.footer{
    flex-shrink:0;
    background-color:var(--mdm-tirtiary-color);
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: var(--mdm-secondary-color);
}


/* sticky footer set up end */

.bulletcons>i{
    color:var(--mdm-secondary-color);
}

/* navbar overides */

#mainNav{
    background: var(--mdm-tirtiary-color);
}


#mainVan button{
    border-color: var( --mdm-secondary-color);
}

.nav-toggler-icon-mdm{
    color: var(--mdm-secondary-color);
}

.navbar-toggler{
    color: var(--mdm-nav-toggler-glow) !important;
}

/* navbar overides end */

.displayBG{
    background-color: var(--mdm-dark-color);
}

.displayNum{
    text-size-adjust: 3rem !important;
}


.checklist{
    list-style-type: none;
}

.devicons{
    font-size: 3.5rem;
}


.social{
    font-size: 1.5rem;

}

.social>a{
    color:var(--mdm-secondary-color);
    filter: grayscale(10%);
    opacity: .5;
    transition: grayscale, 0.5s;
}

.social>a:hover{
    color: var(--mdm-highlight-color);
    opacity: 1;
    filter: grayscale(0%)
}

/* BS Button overides */

.btn-primary{
    color:white !important;
    background-color:var(--mdm-light-color) !important;
    border-color:var(--mdm-secondary-color) !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus{
    filter: brightness(1.3) !important;
    border-color:var(--mdm-primary-color) !important;
}

.btn-outline-primary{
    color:var(--mdm-dark-color) !important;
    border-color:var(--mdm-primary-color) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:visited{
    color:white;
    border-color:var(--mdm-secondary-color) !important;
    background-color:var(--mdm-primary-color) !important;
}

/* BS Overrides  end */

.checklist>li i{
    color:var(--mdm-primary-color);
}