body {
    font-family: 'Assistant', sans-serif;

    color: #0b032d;  /*// Shohan: for color styling */
    background-color: #eee;

}
h6 {
    font-weight: 600;
}

.nav-logo {
    height: 50px;
    width: 90px;
    background-color:#222831 !important; 
    background-image:url('../images/Paperboy.svg'); 
    background-repeat:no-repeat; 
    background-size: 100px; 
    background-position: center-left;
    float: right;
}

.fa-search {
    color: #fff;
}

img {
    object-fit: cover;
}

.wrapper {
    margin: 5em 2em 0em 2em;
}

.placeholder {
    height: 100px;
    width: 100px;
    background-color: #ccc;
}

h5{
      font-family: 'Roboto', sans-serif;
      font-size: 25px;



}

.text-logo {
    line-height: 2.5
}
/* Bootstrap Overrides */
.navbar-brand {
    font-family: 'Fugaz One', cursive;
    padding: 0px !important;
}

.navbar {
    padding: 0px 0px 0px 1em !important;
    min-height: 55px !important;
}

.card {
    border-radius: 0.5em;
    height: 500px;
      /* box-shadow: 0px 0px 5px 0px #888888; */
}


.card-title {
    padding: 0.7em 0em 0em 1em;


}
.card-body {
    overflow-y: scroll;
    padding-top: 0 !important;
}

.card-deck {
    margin-bottom: 30px;
}

/* ------------------------------- Byron's CSS Start -------------------------------  */
.youtube_img_overlay {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    position: absolute;
    /* margin: auto auto; */
    max-width: 100%;
    max-height: 100%;
}

.youtube_img_overlay:hover {
    opacity: 0.8;
    transition: opacity .5s ease-in-out;
}

.youtube_img_overlay:hover .youtube_img{
    opacity: 0.7;
    /* transition: opacity .5s ease-in-out; */
}

.div_youtube_thumbnail {
    position: relative;
}

tr:hover {
    cursor: pointer;
}
/* -------------------------------  Byron's CSS End -------------------------------  */