/**
 * @file
 * Subtheme specific CSS.
 */

.main-menu {
    /*margin-top : 135px;*/
    background-color: #696969;
}
.navbar-nav .nav-link {
    color: #DEDEDE;
    font-size: 18px;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-top: 1rem;
}
#block-mainmenu-2 .nav-link:focus, #block-mainmenu-2 .nav-link:hover, #block-mainmenu-2 .nav-link.is-active {
  background: #DEDEDE;
  color: #000000;
}
body { 
    font-family: Georgia,Times New Roman,Serif !important;
}
.contextual-region.fixed-top {
    position: fixed;
}
.card {
    background-color: #DEDEDE;
}
.node--view-mode-teaser.node--sticky {
    background: #ffffff;
    border: none;
    padding: 0;
}

/* code to assign large index to Admin menu */
.user-logged-in .fixed-top {
    top: 80px !important;
    z-index: 99;
}

.user-logged-in #page-wrapper {
    margin-top: 60px;
}
/* set background color of menu to dark brown */
nav#navbar-top .main-menu {
    background: #696969;
}
/* move the sidebar up closer to the menu */
.main-menu, .navigation {
    background: #696969;
    margin-bottom: -20px;
    padding-bottom: 0;
    padding-top: 0;
    width: 100%;
}

/* change color and padding for the sidebars */
.block-block-content h2, .block-block-content p {
    color: #000;
    margin: 10px;
}
.blog-block {
    padding: 10px 10px 10px 0;
} 
.views-field-title .blog-block .field--name-title {
    font-weight: 700;
}
.views-field-body p {
    text-align: left;
}

/*  Styling for All Time Top Ten Lists */

.field--name-body ul>li {
    list-style-type: none;
    text-align: left;
    clear: both;
}
.field--name-body ul>li img {
    float: left;
    padding-right: 5px;
}

.views-field-body img, .views-field-body ul>li img, .field--name-body ul>li img {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 0;
    max-height: 200px;
    max-width: 200px;
}
/* Trying to push the logo and site title below the admin toolbar */
.toolbar-menu-administration, .toolbar-administration {
    clear: both;
}

/* The Top Ten Books of All Time Page */


.field--type-text-with-summary p img {
    padding: 0 1rem 0 0;
}
/* style the left blog block */
.views-field-field-photo .field-content img {
    margin: 0 7px 7px 0;
}
.view-blog-posts .more-link {
    padding: 0;
    margin: 0;
}
.views-field-body .field-content p {
    padding: 0;
    margin: 0;
}
/*  Author Lists View */
.views-field-title {
    font-size: 1.2rem;
}

/* Author List with Bio Page Styling */
.field--name-field-reader-photo img {
    float: left;
    margin: 5px 7px 0 5px;
}
.field--name-field-author-biography {
    margin: 5px 5px 10px 5px;
}
 
.field--name-field-author-biography p {
    margin: 5px 5px 5px 5px;
}
.details-wrapper {
    border-style: solid;
    padding: 0 5px -5px 5px;
    margin: 5px 5px 0 5px;
}
.field--type-text-with-summary {
    margin: 15px 5px 10px 5px;
    padding: 5px;
}
.field--type-text-with-summary p {
    min-height: inherit;
    clear: both;
}
.field--type-text-with-summary p img {
    float: left;
    clear: both;
}

/* The List of Books View */
.view-content .views-row {
    margin: 10px 0 20px 0;
}
.views-field-body .field-content img {
    margin-top: 5px;
}

/* Navbar image */
/*#block-sitebranding-3 .navbar-brand .d-inline-block {
    max-height: 180px;
}

#navbar-top {
    clear: both;
    z-index: 99;
}*/
a.navbar-brand {
   text-align: center;
   background-color: #5396BF;
}
.navbar-brand img {
    width: 50%;
}
/* Blog posts Display */
.field--type-image img, .field--name-field-photo, .field--name-body, .node--view-mode-teaser {
    float: left;
}

.node--type-blog, .node--type-blog .field--name-body, 
.field--node-type-blog .inline__links {
    display: block;
    float: left;
}
nav.links-inline {
    display: block;
    clear: both;
}
.field--name-body.field--type-text-with-summary, .field--name-photo, .field--name-photo img {
    float: left;
}
.field--field-name-photo.field--field-type-image, .field--field-name-photo.field--field-type-image img {
    float: left;
    width: 300px;
}
/* Styling for spacing between paragraphs in blog content */
.views-field-body .field-content br {
    display: none;
}
.views-field-body .field-content p {
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .navbar-brand {
        margin: 0 !important;
    }
    .navbar-brand img {
        width: 100%;
    }
    /*
    .main-menu {
        margin-top : 150px;
    }
    .site-branding .navbar-brand, .site-branding .site-slogan {
        width: 25%;
        text-align: center;
    }
    .site-branding .navbar-brand {
        width: 100%;
    }
    .site-branding .site-slogan {
        width: 100%;
    }*/
}