:root {
    --doc-height: 100%;
}

/*-----------------COLORS---------------------------------*/

.text-c-green {
    color: #63C944 !important;
    -webkit-text-stroke: 0.4px black;
    /*text-shadow: -0.2px -0.2px 0 #000, 0.2px -0.2px 0 #000, -0.2px 0.2px 0 #000, 0.2px 0.42px 0 #000;*/
    font-weight: 600;
}

.text-c-yellow {
    color: #E7C70E !important;
    -webkit-text-stroke: 0.3px black;
    /*text-shadow: -0.2px -0.2px 0 #000, 0.2px -0.2px 0 #000, -0.2px 0.2px 0 #000, 0.2px 0.42px 0 #000;*/
    font-weight: 600;
}

.text-c-red {
    color: #CB1515 !important;
    -webkit-text-stroke: 0.3px black;
    /*text-shadow: -0.2px -0.2px 0 #000, 0.2px -0.2px 0 #000, -0.2px 0.2px 0 #000, 0.2px 0.42px 0 #000;*/
    font-weight: 600;
}

.text-c-blue {
    color: #22ABBB !important;
    -webkit-text-stroke: 0.3px black;
    /*text-shadow: -0.2px -0.2px 0 #000, 0.2px -0.2px 0 #000, -0.2px 0.2px 0 #000, 0.2px 0.42px 0 #000;*/
    font-weight: 600;
}

.c-hover65 {
    filter: brightness(1);
}

    .c-hover65:hover {
        filter: brightness(1.5);
    }

.c-hover85 {
    filter: brightness(1.5);
}

    .c-hover85:hover {
        filter: brightness(2);
    }
/*--------------------------------------------------------*/
body {
    background-color: #f5f7fa;
    padding-top: 70px !important;
}

.text-c-white {
    color:white !important;
}

.jumbotron {
    background:  url(../../img/banner.jpg);
    background-size: cover;
    background-position:center;
    color: white;
    padding:6em;
    border-radius:0 !important;
}
.jumbotron-OL {
    background: linear-gradient(rgb(0 0 0), rgb(255 255 255 / 0%));
    position: absolute;
    top: 0px;
    width: 100%;
    height: 300px;
    z-index: 1;
}

.jumbotron .container{
    z-index:2;
    position:relative;
}

.navbar-collapse {
    padding: 8px;
}
.navbar {
    background: black !important;
    background-color: black !important;
}


main {
    display: block;
    position: relative;
}
.navbar-collapse.collapsing {
    position: relative;
    height:0px;
}
.navbar-collapse.collapsing,
.navbar-collapse.show {
    background-color: #343a40 !important;
    position: absolute;
    left: 0px;
    top: 70px;
    width: 100vw;
    padding: 0px 10px 0px 10px; 
}

.m-100vh {
    height: 100vh; /* Fallback for browsers that do not support Custom Properties */
    height: calc(calc(var(--vh, 1vh) * 100) - 70px);
}

.text-dg-green {
    color: #129d4a !important;
}
.text-dg-blue {
    color: #114fbc !important;
}


.dg-preloader {
    position: fixed;
    z-index: 999;
    background-color: #f5f7fa;
    transition-duration: 1.5s;
}