/* UnderCover main css site file. */


/* Struggling to get footer on bottom of short pages but float below that on longer. */
/*
main.container {
    min-height: 100vh;
}
footer p:last-child {
    margin-bottom: 0;
}
 */


/********************************************************************************/
/* Blog template css. */
/********************************************************************************/
.blog-header-logo {
    font-family: "Montserrat", sans-serif;
    font-size: 2.25rem;
}

.blog-header-logo:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", sans-serif;

}

h1, h2 {
    margin-bottom: 1.2rem;
}
h3, h4, h5 {
    margin-bottom: 1.2rem;
}

.flex-auto {
    flex: 0 0 auto;
}


/* Default paragraph size and character spacing for the site. */
p {
    font-weight: lighter;
    font-size: 1.3rem;
    letter-spacing: 1px;
}

/* Default <a> tag for the site. */
a {
    font-weight: bolder;
    text-decoration: none;
    /*color: white; white's not a good idea since the back-end has a white background! */
    color: #2a64a6;
}
a:hover {
    color: #7da6ca;
}

/* Default <img> links on hover. */
a:hover img {
    opacity: 40%;
}

/* Lighter text for descriptions in song list and gear list. */
.lighter {
    font-weight: lighter;
}
.item-title, a > .item-title {
    font-size: 1.1rem;
    text-decoration: none;
    color: whitesmoke;
}

.spacer-line {
    clear: both;
    margin-top: 5px;
    margin-bottom: 1.6rem;
    border-bottom: solid 1px;
    color: gray;
}


/*
.h-250 { height: 250px; }
@media (min-width: 768px) {
    .h-md-250 { height: 250px; }
}

.blog-pagination {
    margin-bottom: 4rem;
}

.blog-post {
    margin-bottom: 4rem;
}
.blog-post-meta {
    margin-bottom: 1.25rem;
    color: #727272;
}
*/


/* From the original blog home page.
   This keeps the links across the top from wrapping.
*/
.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

/* Defaults for footer p and a tags. */
footer p, footer a {
    font-size: 1rem;
    text-decoration: none;
}
footer {
    /* Sigh. Still trying to get the footer to behave; desktop to mobile. */
    margin-top: auto;
}


/********************************************************************************/
/* Musician's Minion css. */
/********************************************************************************/


/* Link bar override from eco-helpers default. */
#eh-layout-page-linkbar {
    padding-top: 8px;
}
#eh-layout-page-linkbar li a {
    font-size: 1.3rem;
}
a.btn, label a {
    font-size: 1rem !important;      /* Keep any <a> buttons to the same size font as the others. !important is needed to override the eco-helpers css. */
}


/* Note: these are used for both the Song List and the Wishlists page. */
[id^="datatable"], [id^="datatable"] a {
    font-size: 0.88rem;      /* Shrink all of the text (including the header) on the song master list. */
}

/* The color of the stars*/
.rating {
    color: #ff8c00;
    /*font-size: 0.8em;*/
}

/* return to Song List and return to Song Detail buttons. */
button.return-button a {
    font-size: 1rem;
}

/* To change the TinyMCE text body area.
    Do that in the 7-js-autoload.blade.php init() section.
*/

/* Side bar cards. */
.sidebar.card .card-header {
    font-weight: bold;
}

/* The Helpful links, Contact to Venue (sidebar) assignments item.
    Note: a.card-list was to target the "+ Add" link too.
*/
.card-list, .card-list a, a.card-list {
    /*list-style-type: none;*/
    width: 100%;            /* Used to push over the Delete button to the far left. */
    font-size: 0.94em;
}

/* The Contact History modal. */
.modal-body label {
    font-style: italic;
}

/* The little "X" delete button on lists. */
.delete-link {
    /* No effect.
    margin-left: 8px;
    margin-left: 0;

     */
}
.delete-link.btn {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 9px;
    padding-right: 9px;
}