@font-face {
    font-family: "newstyle";
    src: url(Roboto-Light.ttf) format("truetype");
}

body {
    background-color: #f8f9fa;
    font-family: 'newstyle';
}

#body_navigation {
    min-height: calc(100vh - 249px);
}

a, a:hover {
    text-decoration: none;
    cursor: pointer;
}

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.text {
    text-align: justify;
    color: #1a1a1a;
}

.card-text {
    text-align: justify !important;
}

.title {
    color: #262626;
}

.transparent {
    background-color: transparent;
    box-shadow: none;
}

.footer {
    background-color: rgb(224, 225, 230);
    color: rgb(0,126,190);
}

.dl-horizontal dt {
    white-space: normal;
}

.circ-img {
    border-radius: 40%;
    max-width: 100%;
    max-height: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.container-sm {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}


.parallax {
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
}

.home_section {
    padding: 0;
}

.head_title {
    padding: 50px 0 40px 0;
    margin: 0 auto;
}

.separator {
    height: 3px;
    width: 127px;
    margin: 25px auto;
}

.news-card-board {
    width: 100%;
    background-color: black;
    position: relative;
    transition: all .2s ease-in-out;
}

    .news-card-board:hover {
        z-index: 10;
        background-color: #1a1a1a;
        transform: scale(1.03);
        box-shadow: 5px 10px 18px #111111;
    }

.news-card-img {
    height: 100%;
    width: 100%;
    padding: 5px;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.news-card-text {
    z-index: 2;
    position: absolute;
    bottom: 0;
    padding: 10px;
    color: ghostwhite;
    background-color: rgba(20, 20, 20, .7);
}

.news-card-board-proj {
    position: relative;
    height: 100%;
}

.img-flex {
    float: left;
    margin-right: 10px;
    max-height: 300px;
    max-width: 100%;
}

#logoutForm {
    display: inline-flex !important;
    padding: 0;
}

#homebrand {
    height: 60vh;
    width: 100%;
}

.carousel-item {
    height: 60vh;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media only screen and (max-width: 760px) {
    #homebar {
        z-index: 1031;
        max-width: 170px;
        right: 0;
        bottom: 40px;
        position: absolute;
        text-align: right;
        display: grid;
    }

    .homebar-btn {
        padding: 0 20px;
        color: rgb(210,230,255);
        transition: all .2s ease-in-out;
    }

    .news-card-board {
        max-height: 350px;
    }

    #navbarbrand {
        position: fixed;
        top: 7px;
        left: 10px;
        z-index: 1031;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        background-image: url('../Content/logo.png');
        background-size: cover;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        transition: all .4s;
    }

        #navbarbrand:hover {
            left: 8px;
            height: 55px;
            width: 55px;
        }

    .my-container {
        padding: 15px;
    }
}

@media only screen and (min-width: 760px) {
    #homebar {
        z-index: 1031;
        position: absolute;
        bottom: 66px;
        width: 100%;
        text-align: center;
        display: inline-block;
    }

    .homebar-btn {
        padding: 0 10px;
        color: rgb(210,230,255);
        transition: all .2s ease-in-out;
    }

    #navbarbrand {
        position: fixed;
        top: 10px;
        left: 15px;
        z-index: 1031;
        border-radius: 50%;
        height: 60px;
        width: 60px;
        background-image: url('../Content/logo.png');
        background-size: cover;
        background-color: #fff;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        transition: all .4s;
    }

        #navbarbrand:hover {
            left: 12px;
            height: 65px;
            width: 65px;
        }

    .my-container {
        max-width: 80%;
        margin: 0 auto;
        padding: 15px 0;
    }
}

.homebar-btn:hover {
    color: #ffffff;
}

.menu-btn {
    color: rgb(0,126,190);
    transition: all .2s ease-in-out;
    padding: .5rem 1rem;
    display: block;
}

    .menu-btn:hover {
        color: rgb(65,191,255) !important;
    }

.news-btn {
    color: rgb(180,240,255);
    margin: 0 15px;
    transition: all .2s ease-in-out;
}

    .news-btn:hover {
        color: rgb(230,250,255);
    }

.std-btn {
    color: #3399ff;
    transition: all .2s ease-in-out;
}

    .std-btn:hover {
        color: #80bfff;
    }

#news-board {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(26, 26, 26, 0.8);
}

#news-scroll {
    overflow: hidden;
    position: relative;
    height: 40px;
    width: 100%;
    padding-top: 8px;
}

#bodycontentlink {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 30%;
    opacity: 0.1;
    color: #ffffff;
}

#labdescription {
    /*background-color: rgba(170,170,170,0.90);*/
    padding: 15px 5%;
    margin: 3% 0;
    /*width: 90%;*/
}

#navbarNav {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 1004;
}