/* 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%;
}


/* 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;
}


/* 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;
    }
    
}