/* Custom styles */


/* Adding heading styles */

.post-content h1 {
    margin-bottom: 2.5rem;
}

/* Adding list item styles, using :not() and :is() */

main .page-content ol li ol:not([type]),
main .content-block ol li ol:not([type]){
    list-style-type:lower-alpha !important
}

main .page-content ol li ol:not([type]) li ol:not([type]),
main .content-block ol li ol:not([type]) li ol:not([type]){
    list-style-type:lower-roman !important
}

main .site-content ol,
main .site-content ul,
main .page-content ol,
main .page-content ul,
main .content-block ol,
main .content-block ul {
    font-size: 1rem;
    padding-left: 2.5rem;
    padding-bottom: 1.25rem
}

:is(main .site-content ol, main .site-content ul) li {
    padding-bottom: 1rem;
}

:is(main .page-content ol, main .page-content ul) li {
    padding-bottom: 1rem;
}

:is(main .content-block ol, main .content-block ul) li {
    padding-bottom: 1rem;
}

    @media(max-width: 767px) {
        
        main .site-content ul,
        main .site-content ol,
        main .page-content ul,
        main .page-content ol,
        main .content-block ul,
        main .content-block ol {
            padding-left:1.5rem
        }
        
    }
    
    
:is(main .site-content ol, main .site-content ul) 
:is(main .site-content ol, main .site-content ul) {
    padding-top: 1rem;
    padding-bottom: 0;
}   

:is(main .content-block ol, main .content-block ul) 
:is(main .content-block ol, main .content-block ul) {
    padding-top: 1rem;
    padding-bottom: 0;
}   

:is(main .page-content ul, main .page-content ol)
:is(main .page-content ul, main .page-content ol) {
    padding-top: 1rem;
    padding-bottom: 0;
} 

:is(main .page-content ol, main .page-content ul) 
:is(main .page-content ol, main .page-content ul) li:last-child {
    padding-bottom: 0.5rem
}

:is(main .content-block ol, main .content-block ul) 
:is(main .content-block ol, main .content-block ul) li:last-child {
    padding-bottom: 0.5rem
}

main .page-content ul, main .content-block ul {
    list-style-type: disc;
}

:is(main .page-content ul) 
:is(main .page-content ul) {
    list-style-type: circle;
}

:is(main .content-block ul) 
:is(main .content-block ul) {
    list-style-type: circle;
}

:is(main .page-content ul) 
:is(main .page-content ul)
:is(main .page-content ul){
    list-style-type: square;
}

:is(main .content-block ul) 
:is(main .content-block ul)
:is(main .content-block ul){
    list-style-type: square;
}


/* Fixing specific column issues */

    @media screen and (min-width: 768px) and (max-width: 1100px) {
        
        .page-has-sidebar .column.is-8 {
            flex: 0 1 auto;
        }
        
        .page-has-sidebar .purdue-accordions {
            display: flex;
            overflow: auto;
        }        
        
        .page-has-sidebar .purdue-accordion {
            /* display: flex; */
        }
        
        .page-has-sidebar .purdue-accordion__title {
            flex: 1;
        }
        
        .page-has-sidebar .purdue-accordion__content {
            flex: 1;
        }
    }
    
    @media screen and (min-width: 768px) and (max-width: 850px) {
        .page-has-sidebar .purdue-accordions {
            overflow: visible;
        }         
    }

/* Table styles */


.table {
    font-size: 1rem;
    margin-block-end: 1rem;
    text-align: left;
    --color: #C4BFC0;
}

.table caption {
    color: #6F727B;
    padding-block-start: 0.75rem;
    padding-block-end: 0.75rem;
    text-align: left;
}

thead,
tfoot {
	background: var(--color);
}

.table tr th {
    border: 1px solid #000;
    background-color: #555960;
    color: #fff;
    padding: 1.25rem;
    line-height: 1.5;
}

table tbody tr:nth-child(even) {
	background: color-mix(in srgb, var(--color), transparent 60%);
}

.table tr td {
    border: 1px solid #000;
    color: #000;
    padding: 1rem;
    line-height: 1.5;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

    @media screen and (max-width: 767px) {
        
        .table-responsive {
            width: 100%;
            margin-bottom: 1rem;
            overflow-y: hidden;
        }
          
    }
    
/* Video embed styles */

.ratio {
    position: relative;
    width: 100%;
}

.ratio-16x9 {
    aspect-ratio: 56.25%;
}

/* Related links: including resources/facilities */

.relatedLinks {
    background-color: #cfb991;
    border-radius: 10px;
    float: right;
    padding: 0.75rem;
    margin-block-end: 0.75rem;
    margin-inline-start: 0.75rem;
    width: 33%;
    word-wrap: break-word;
}

    @media (max-width: 767px) {
        
        .relatedLinks {
            width: initial;
            float: none;
            margin: 0;
        }
    
    }

.relatedLabs {
    background-color: #cfb991;
    border-radius: 10px;
    float: right;
    line-height: 1.6em;
    padding: 0.75rem;
    margin-block-end: 0.75rem;
    margin-inline-start: 0.75rem;
    width: 20%;
}

    @media (max-width: 767px) {
        
        .relatedLabs {
            width: initial;
            float: none;
            margin: 0;
        }
    
    }
    
.relatedLinks p, .relatedLabs p {
    margin-bottom: 0;
}    
    
.relatedLinks a, .relatedLabs a {
    color: #000;
}    


/* Other styles */

.tagged-header-custom {
    margin-bottom: 1rem;
    text-wrap: balance;
}

pre {
    margin: 1.5em 0;
    border: 1px solid #ddd;
}

pre, code, tt {
    font: 1em 'andale mono','lucida console',monospace;
    line-height: 1.5;
}

.biophoto {
    float: right;
    margin-bottom: 1em;
}

    @media (max-width: 767px) {
        
        .biophoto {
            float: none;
        }
    
    }


.disclaimer {
    margin-top: 3rem;
}

#lastupdate {
    clear: both;
    color: #333;
    margin-block: 1rem;
    text-align: right;
}

/* Footer update for Purdue logo */

.contact-info__colleges img {
    display: block;
    height: 104px;
    margin-block-end: 1rem;
}

/* Print stylesheet */

@media print{
    
    header, .breadcrumbs, .is-3.page-sidebar, #to-top, .footer{
        display:none
    }
    
    .columns:not(.is-desktop) {
        display:block;
    }
    
    .site-content .column.is-8, 
    .site-content .column.is-10,
    .page-content .column.is-8,
    .page-content .column.is-10 {
        width: 100%;
    }
    
    h1, h2, h3, h4, h5, h6 {
        break-before: auto;
        break-after: auto;
        break-inside: avoid;
        color: #000;
        display: block;
        text-shadow: none;
    }   
    
    p {
        orphans: 2;
        widows: 2;
    }
    
    ul.purdue-home-button-list {
       display: block;
    }
    
    main a.purdue-home-button {
        content: " (" attr(href) ")" !important;
        display: block;
        font-family: acumin-pro,"Franklin Gothic",sans-serif;
        font-size: 90%;
        font-weight: 600;
        padding: 0;
        text-transform: unset;
        text-decoration: underline;
        text-decoration: none;
        width: 100%;
        word-wrap: break-word;
    }   
    
    main a.purdue-home-button::after {
        background-image: none;
        display: unset;
        margin-left: unset;
    }    
    
    main a[href^=https]:after {
        color: #000;
        content: " (" attr(href) ")" !important;
        font-size: 90%;
        word-wrap: break-word;
   }     
    
    figure img, img, table {
        break-before: page;
        break-after: auto;
        break-inside: avoid;
        display: block;
        max-width: 100% !important;
    }    
   
    blockquote, table, pre{
        break-inside: avoid
    }
    
    .purdue-home-cta-banner {
        color: #000;
    }
    
    .purdue-home-intro-text .tagged-header-container {
        border: 0;
    }
    
    .accordion .accordion-content{
        display: block;
        height: auto;
        opacity: 1
    }
    
    .page-has-sidebar .purdue-accordions {
         display: block;
         overflow: auto;
    }
    
    .page-has-sidebar .purdue-accordion {
         display: block;
    }    
    
    .purdue-home-tabs .column:first-child {
        border-right: 0;
    }
    
    .purdue-home-tabs .arrow {
        display: none;
    }
    
}