/****************************
 * TEACHING LIST (index view)
 ****************************/

main a,
main a:hover {
    color: var(--evergreen);
}

main a:hover {
    text-decoration: underline
}


/****************************
 * Layout
 ****************************/
.teaching-list .teaching-header {
    border-top: 2px solid var(--medium-gray);
}
/* Local nav provides a border so suppress header border */
.local-nav + .teaching-list .teaching-header {
    border-top: none;
}

.panel-group .panel-title a::after {

    content: unset;
}
.panel-group .panel-title a[aria-expanded="false"]::after {
    content: unset;
}


/* #teaching-list .cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
} */

.teaching-list .teaching-header {
    padding: 1rem 0.5rem 0;
}

.teaching-list .teaching-item {
    border: 2px solid var(--medium-gray);
    border-radius: 5px;
    margin: 10px 0;
    /* Reduce Mindstream padding per Tim */
    /* padding: 2.5rem 0.5rem; */
    padding: 1rem 0.5rem;
    position: relative;
}

    .teaching-list .teaching-item:hover {
        border-color: var(--toxic-green);
    }

.teaching-list .year {
    text-align: center;
}


/* .series-item {
  margin: 0.5em 1em;
} */

/* Flagged teaching */
.teaching-list .teaching-item .fa-flag {
    position: absolute;
    right: 1rem;
}

/* Restricted Access Level */
.teaching-list .teaching-item.access-level-1 {
}

.teaching-list .teaching-item.access-level-2 {
}

.teaching-list .teaching-item.access-level-3 {
    border-color: orange;
}

.teaching-list .teaching-item.access-level-4 {
    border-color: red;
}

.teaching-list .teaching-item.access-level-5 {
    border-color: red;
}

/* Unpublished teaching */
.teaching-list .teaching-item.unpublished {
    position: relative;
    background-color: var(--light-gray);
}

    .teaching-list .teaching-item.unpublished .watermark {
        position: absolute;
        top: 0;
        font-size: 3rem;
        font-weight: bold;
        letter-spacing: 0.25em;
        opacity: 0.05;
        text-align: center;
        width: 100%;
    }



/****************************
 * Typography
 ****************************/

main h2 {
    font-size: 1.75em;
    font-weight: bold;
    /* margin-left: 1.0rem;; */
    margin-bottom: 0;
}

/* Sidebar */
#sidebar {
    /* font-size: 0.9em; */
}

/* Active filter list */
#active-filters {
    display: flex;
    font-size: 0.9rem;
    /* margin-left: 1.0rem; */
    margin-bottom: 1.0rem;
}

    #active-filters li {
        display: inline-block;
        margin-right: 1.0rem;
    }

.remove-filter-button {
    color: var(--dark-red);
    cursor: pointer;
}

.teaching-list .teaching-header {
    /* font-size: 1.0rem; */
    margin: 0;
    text-transform: uppercase;
}

/* .teaching-list .teaching-item {
    font-size: 0.875rem;
}
 */
.teaching-list .teaching-title,
.teaching-list .teaching-title-abbr {
    /* font-size: 1.125rem; */
    font-weight: bold;
}

/* .teaching-list .author {
    font-size: 1.0rem;
} */

/* .teaching-list .passage,
.teaching-list .passage-abbr {
    text-transform: uppercase;
} */

.teaching-list-summary {
    margin-left: 1.0rem;
}

.teaching-list .grid-margin-x > .cell {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    width: calc(100% - 1.25rem);
}

.grid-margin-x > .auto {
    width: auto;
}

.grid-x {
    display: flex;
    flex-flow: row wrap;
}

.cell {
    flex: 0 0 auto;
    min-height: 0px;
    min-width: 0px;
}

.cell.auto {
    flex: 1 1 0px;
}

@media print, screen and (min-width: 40em) {
    .grid-x > .medium-auto {
        flex: 1 1 0px;
        width: auto;
    }
}

    /****************************
 * Nav bar
 ****************************/
    .navbar {
        background-color: var(--evergreen);
        /* border-top: 2px solid #0a0a0a; */
        border-top: 2px solid var(--black-16);
        grid-column: 1/-1;
        padding-top: 0.7rem;
    }

    @media screen and (min-width: 80em) {
        .navbar {
            grid-column: 2/-2;
        }
    }


    /****************************
 * Pagination
 ****************************/
    .teaching-list .pagination {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .teaching-list .pagination {
        line-height: 1.5rem;
    }

        .teaching-list .pagination li {
            border: 2px solid var(--dark-gray);
            border-radius: 4px;
            font-size: 1.25rem;
            margin: 0 0.5rem;
			cursor: pointer;
        }

        .teaching-list .pagination a,
        .teaching-list .pagination .disabled {
            padding: 0 0.5rem;
        }

        .teaching-list .pagination li:not(.active):hover {
            background-color: var(--white);
            border: 2px solid var(--toxic-green);
			text-decoration: none;
        }

        .teaching-list .pagination li.active {
            background-color: var(--toxic-green);
            border: 2px solid var(--toxic-green);
        }

            .teaching-list .pagination li.active a:hover {
                background: var(--toxic-green);
            }


        .teaching-list .pagination li.first,
        .teaching-list .pagination li.prev,
        .teaching-list .pagination li.next,
        .teaching-list .pagination li.last {
            border: none;
            font-size: 2.0rem;
            margin: 0
        }

            .teaching-list .pagination li.first:hover,
            .teaching-list .pagination li.prev:hover,
            .teaching-list .pagination li.next:hover,
            .teaching-list .pagination li.last:hover {
                border: none;
            }

                .teaching-list .pagination li.first:hover a,
                .teaching-list .pagination li.prev:hover a,
                .teaching-list .pagination li.next:hover a,
                .teaching-list .pagination li.last:hover a {
                    background: inherit;
                    color: var(--toxic-green);
                }

        .teaching-list .pagination > li > a,
        .teaching-list .pagination > li > span {
			text-decoration: none;
            border: none;
        }

    .pagination > .active > a {
        background-color: revert;
    }

    .pagination > .active > a {
        background-color: revert;
    }

    /****************************
 * Responsiveness
 ****************************/

    /*** X-SMALL & SMALL DISPLAYS ***/
    @media screen and (max-width: 39.9375em) {

   /****************
   * Headings
   ****************/

        .show-for-medium, .show-for-large {
            display: none !important;
        }

        .teaching-list .teaching-item {
            padding: 1rem;
        }

        /* Reduce banner height */
        #content h1.series-title,
        #content h2.series-title {
            font-size: 1.5rem;
        }

        /* Shrink content margin */
        #main-content {
            padding: 1rem 0;
        }

        /* Suppress separator above teaching list */
        .teaching-list table {
            border-top: none;
        }

        /* Suppress year */
        .teaching-list .year {
            /* display: none; */
            text-align: left;
        }

        /* Adjust font sizes */
        .teaching-list .teaching-title,
        .teaching-list .teaching-title-abbr {
            /* font-size: 0.875rem; */
        }

        .teaching-list .teaching-header,
        .teaching-list .author,
        .teaching-list .teaching-item {
            /* font-size: 0.75rem; */
        }


        /* Switch to centered pagination */
        .teaching-list .pagination {
            justify-content: center;
        }
    }


    .visible-xs-flex, .visible-sm-flex, .visible-md-flex, .visible-lg-flex, .show-for-medium-only, .show-for-large {
        display: none !important
    }

    .hide-for-medium-only {
        display: flex !important
    }

    @media (max-width: 767px) {
        .visible-xs-flex {
            display: flex !important
        }
    }

    @media (min-width: 768px) and (max-width:991px) {
        .visible-sm-flex {
            display: flex !important
        }
    }

   @media (min-width: 992px) and (max-width:1199px) {
        .visible-md-flex, .show-for-medium-only {
            display: flex !important
        }

        .hide-for-medium-only {
            display: none !important
        }
    }

@media (min-width: 1200px) {
    .visible-lg-flex, .show-for-large {
        display: flex !important
    }
}


    /*** MEDIUM DISPLAYS ONLY ***/
    /* @media screen and (min-width: 640px) and (max-width: 1023px) { */
    @media screen and (min-width: 40em) and (max-width: 63.9375em) {

        /* Adjust font sizes */
        .teaching-list .teaching-title,
        .teaching-list .teaching-title-abbr {
            font-size: 1.0rem;
        }

        .teaching-list .teaching-header,
        .teaching-list .author,
        .teaching-list .teaching-item {
            font-size: 0.875rem;
        }
    }