@charset "UTF-8";
 .attention-bg {
     background: #EBAB21;
}
 .has-gradient {
     background: #0070AF;
     background: linear-gradient(88deg, #003657 -1.93%, #0070AF 61.49%, #1495E6 100.71%);
}
.background-blue{
    background: #0070AF;
}
 .primary-bg {
     background: #E9EFF3;
}
.text-dark{
    color:#3B3D3F;
}
 .font-18 {
     font-size: 18px;
}
 .font-20 {
     font-size: 20px;
}
 .font-24 {
     font-size: 24px;
}
 .font-30 {
     font-size: 30px;
}
 .font-40 {
     font-size: 40px;
}
 .text-400 {
     font-weight: 400;
}
 .text-600 {
     font-weight: 600;
}
 .text-700 {
     font-weight: 700;
}
 .text-800 {
     font-weight: 800;
}
 .text-900 {
     font-weight: 900;
}
 h1, h2, h3, h4, h5, h6 {
     color: #003657;
     margin-top:0;
     margin-bottom:16px;
}
hr{
    margin-top:16px;
    margin-bottom:16px;
}
 i {
     font-size: 32px;
     vertical-align: middle;
     transition: all 0.2s ease-in-out;
}
.d-inline-block{
    display:inline-block;
}
.no-decoration{
    text-decoration:none!important;
}
/*
    Navbar extension
*/

 .courts-navbar {
     background: #003657;
     border-radius: 0;
     border: none;
     margin-bottom: 0;
}
 .courts-navbar_right {
     position: relative;
}
 .courts-navbar_search {
     position: absolute;
     right: 70px;
     top: 16px;
     font-size: 24px;
     color: #FFFFFF;
     text-decoration: none;
}
 @media screen and (min-width: 768px) and (max-width: 991px) {
     .courts-navbar_search {
         top: 28px;
    }
}
 .courts-navbar_search:hover {
     color: #FFFFFF;
}
 .courts-navbar .navbar-brand {
     height: auto;
}
 @media screen and (min-width: 768px) {
     .courts-navbar .navbar-brand {
        margin-top:10px;
    }
}

 @media screen and (min-width: 768px) and (max-width: 1023px) {
     .courts-navbar .navbar-brand img {
         height: 36px;
    }
}
 @media screen and (min-width: 768px) {
     .courts-navbar .navbar-nav {
         float: right;
    }
}
 .courts-navbar .navbar-nav > li.active a {
     background: #72BFF0;
     color: #003657;
     text-decoration: none;
     font-weight: 600;
}
 .courts-navbar .navbar-nav > li > a {
     color: #FFFFFF;
     text-decoration: underline;
     font-weight:600;
}
 .courts-navbar .navbar-nav > li > a:hover, .courts-navbar .navbar-nav > li > a:focus {
     background: #00253a;
}
 @media screen and (min-width: 768px) {
     .courts-navbar .navbar-nav > li > a {
         padding: 30px 16px;
         line-height: 24px;
         font-size: 14px;
    }
}
 @media screen and (min-width: 1024px) {
     .courts-navbar .navbar-nav > li > a {
         font-size: 16px;
    }
}
 .courts-navbar .navbar-toggle {
     margin-top: 12px;
}
 @media screen and (min-width: 768px) and (max-width: 991px) {
     .courts-navbar .navbar-toggle {
         margin-top: 24px;
    }
}
 .courts-navbar .separator::before {
     content: "";
     position: absolute;
     height: 24px;
     width: 1px;
     background: #FFFFFF;
     display: block;
     top: 30px;
     left: 0px;
}
 @media screen and (max-width: 1023px) {
     .courts-navbar .separator::before {
         display: none;
    }
}
/*
    Navbar collapse override for SMall screens 
*/

 @media screen and (max-width: 991px) {
     .courts-navbar {
        /* since 3.1.0 */
    }
     .courts-navbar .navbar-header {
         float: none;
    }
     .courts-navbar .navbar-toggle {
         display: block;
    }
     .courts-navbar .navbar-collapse {
         border-top: 1px solid transparent;
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
     .courts-navbar .navbar-collapse.collapse {
         display: none !important;
    }
     .courts-navbar .navbar-nav {
         float: none !important;
         margin: 7.5px -15px;
    }
     .courts-navbar .navbar-nav > li {
         float: none;
    }
     .courts-navbar .navbar-nav > li > a {
         padding-top: 10px;
         padding-bottom: 10px;
    }
     .courts-navbar .navbar-text {
         float: none;
         margin: 15px 0;
    }
     .courts-navbar .navbar-collapse.collapse.in {
         display: block !important;
    }
     .courts-navbar .collapsing {
         overflow: hidden !important;
    }
}
 .navbar-toggle .icon-bar {
     background: #FFFFFF;
}

/* 
    Breadcrumbs 
*/

 .courts-breadcrumb {
     background: transparent;
     font-size: 14px;
     line-height: 24px;
     padding: 16px 0 0 0;
     white-space: nowrap;
     overflow-x: auto;
}
 .courts-breadcrumb a, .courts-breadcrumb li.active {
     color: #000000;
}

/* 
    Custom navigation pages 
*/

 .courts-nav_list {
     margin: 24px 0;
     position: relative;
     background:#FFFFFF; /* Contrast issue on absolute positioned items with no background */
}

 @media screen and (min-width: 768px) {
     .courts-nav_list {
         min-height: 50vh;
    }

    .courts-nav_list .nested-list {
        position: absolute;
        top: 0;
        left:60%;
        height:100%;
        z-index:1;
        background:#FFFFFF;
        padding-left:50px;
        border-left:2px solid #E9EFF3;
        
   }

}

 .courts-nav_list_title {
     font-size: 24px;
     font-weight: 600;
     padding: 8px 8px 8px 16px;
     background: rgba(114, 191, 240, 0.6);
     border-left: 8px solid #0070AF;
     transition: all 0.2s ease-in-out;
     width: 100%;
     position: relative;
}

 @media screen and (min-width: 768px) and (max-width: 1023px) {
     .courts-nav_list_title {
         width: 60%;
    }
}
 @media screen and (min-width: 1024px) {
     .courts-nav_list_title {
         width: 60%;
    }
}
 .courts-nav_list_title.collapsed {
     background: none;
     border-left: 8px solid transparent;
}
 .courts-nav_list a {
     display: inline-block;
     color: #003657;
}
 .courts-nav_list .panel {
     margin-bottom: 20px;
     background-color: #fff;
     border: none;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}

 .courts-nav_list .nested-list h4, .courts-nav_list .nested-list h3 {
     font-size: 30px;
     color: #003657;
     font-weight: 600;
}
@media screen and (max-width: 767px) {
 .courts-nav_list .nested-list ul {
     padding-left: 32px;
}
}
 .courts-nav_list .nested-list a {
     font-size: 18px;
     font-weight: 400;
     padding: 8px 0;
}

/*
    Alerts
*/

 .courts-alert {
     border-radius: 0;
     text-align: center;
     padding: 8px 0;
     margin-bottom: 0;
     color: #000000;
}
 .courts-alert--warning {
     background: #EBAB21;
}

/*
    Headers 
*/
    /* 
        Default header 
    */
 .courts-header {
     background: #E9EFF3;
}
.has-gradient .courts-header{
    background:none;
}
.background-blue .courts-header{
    background:#0070AF;
}
 .courts-header h1 {
     color: #00253a;
     font-weight: 600;
     font-size: 40px;
     margin: 24px 0;
}
 .courts-header h2 {
     font-size: 24px;
     color: #003657;
}
    /* 
       Homepage header 
    */
 .courts-header.home_header h1 {
     color: #FFFFFF;
     font-size: 60px;
     margin: 40px 0;
}

 @media all and (min-width: 768px) and (max-width: 1199px) {
     .courts-header.home_header h1 {
         font-size: 50px;
    }
}

/* 
    Cards styling based on section wrappers 
*/

 .courts-section {
     margin-top: 24px;
     margin-bottom: 24px;
     padding-top: 0px;
     padding-bottom: 0px;
     font-size: 18px;
}
 .courts-section li a {
     color: #003657;
}
 .courts-section_title {
     font-size: 30px;
     font-weight: 600;
     margin-bottom: 16px;
     color: #003657;
}
 .courts-section ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
     border-radius: 8px;
     margin-bottom: 16px;
     display: block;
     overflow: hidden;
}
 .courts-section ul a {
     text-decoration: none;
}
 .courts-section ul a:hover {
     text-decoration: underline;
}
    /* 
        Stacked view for cards (maybe change it to collapsed?) 
    */
 .courts-section--stacked ul {
     border: 1px solid #D8DBDD;
}
 .courts-section--stacked li {
     padding: 24px;
     border-top: 1px solid #D8DBDD;
}
 .courts-section--stacked li:first-child {
     border-top: none;
}
 .courts-section--stacked p {
     margin-top: 8px;
}
    /* 
        List of raw links view  
    */

 .courts-section--list ul {
     padding: 24px 0;
     border: 1px solid #D8DBDD;
}
 .courts-section--list li {
     margin-bottom: 20px;
     padding: 0 24px;
}
 .courts-section--list li a {
     text-decoration: underline;
}
 @media all and (max-width: 1023px) {
     .courts-section--card-list li {
         margin-bottom: 24px;
    }
}
    /* 
        Standard cards used on hubs & filter pages
    */

 .courts-card li > div {
     border-radius: 8px;
     border: 1px solid #D8DBDD;
     margin-bottom: 20px;
}
 .courts-card_title {
     margin-bottom: 16px;
     display: block;
     color: #003657;
}
 .courts-card_image {
     border-radius: 8px 8px 0 0;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     height: 0;
     padding-top: 66.66%;
}
 @media screen and (min-width: 768px) and (max-width: 1023px) {
     .courts-card_image {
         border-radius: 8px 0 0 8px;
    }
}
        /* 
            Image masking for 16:9 and standard 3:2 
        */

 .courts-card_image.ratio-16 {
     padding-top: 56.25%;
}
 .courts-card_text {
     padding: 20px 16px;
     font-size: 16px;
}
 .courts-card_date {
     display: block;
     font-size: 16px;
     margin-bottom: 16px;
     font-size: 14px;
     color: #595C5E;
}
 .courts-card--listed li {
     margin-bottom: 20px;
}
 .courts-card--listed li > div {
     margin-bottom: 0;
}

/* 
    Filter panel and forms inside it
*/

 .courts-aside--form {
     background: #F8FAFB;
     border-radius: 8px;
}
 .courts-aside_title {
     color: #3B3D3F;
}
 .courts-aside label {
     font-size: 16px;
     font-weight: 400;
}

/* 
    Banner cards on hubs
*/

 .courts-banner {
     padding: 32px 0;
     border-radius: 8px;
     position: relative;
}
 .courts-banner--default {
     background: #E9EFF3;
}
 .courts-banner--warning {
     background: #FFF9ED;
}
 .courts-banner--warning .courts-banner_title {
     color: #4E390B;
}
 .courts-banner_title {
     color: #003657;
}

/* 
    Buttons 
*/

.courts-btn { padding: 8px 16px; border-radius: 8px; font-size: 16px; text-decoration: none; font-weight: 600; background: #FFFFFF; }
.courts-btn--default, .courts-btn-default, .courts-btn-default:hover { border: 1px solid #000000; color: #000000; }
.courts-btn--primary, .courts-btn-primary { background: #0070AF; color: #FFFFFF; border: 1px solid transparent; }
.courts-btn-primary:hover, .courts-btn--primary:hover, .courts-btn-primary:hover, .courts-btn--primary:focus, .courts-btn-primary:focus {background:#005A8C;color:#FFFFFF!important;}
.courts-btn[disabled], .courts-btn[disabled]:hover { background-color: #E5E5E5; color: #515456;opacity:1;}



/*
    Eligibility Checker steps -- Formatting inputs 
*/
.courts-elegibility-checker-step h2{margin-bottom:24px ;}
.courts-elegibility-checker-step .checkbox,.courts-elegibility-checker-step .radio{font-size:18px;margin-bottom: 32px;line-height:40px;}
.courts-elegibility-checker-step .checkbox label, .courts-elegibility-checker-step .radio label{ 
    padding-left:40px;
 }
.courts-elegibility-checker-step .checkbox input[type=checkbox], .courts-elegibility-checker-step .checkbox-inline input[type=checkbox], .courts-elegibility-checker-step .radio input[type=radio], .radio-inline input[type=radio]{
    margin-left:-40px;
    width: 30px;
    height: 30px;
}

/* 
    Chips
*/

 .courts-label {
     padding: 4px 8px;
     border-radius: 4px;
     border: 1px solid #ccd0d2;
     color: #3B3D3F;
     font-size: 14px;
     font-weight: 400;
     margin-left: 12px;
}
 .courts-label:first-child {
     margin-left: 0;
}
 .courts-label a {
     color: #3B3D3F;
     text-decoration: none;
}
 .courts-label i {
     font-size: 20px;
}
 .courts-label--default {
     background: #FFFFFF;
}

/* 
    Aligning social footer icons (news, announcements, blogs, possibly on feature pages?)
*/

 .social-links {
     margin-top: 24px;
}
 .social-links ul li {
     display: inline-block;
     text-align: center;
     padding: 0 16px;
}


/* 
   Styling content ULs (refatcor this to target the <section> or <main>)
*/

 .courts-content-list {
     margin: 16px 0 16px 0;
}
 .courts-content-list li {
     position: relative;
     padding-left: 20px;
     font-size: 16px;
     margin-bottom: 8px;
}
 .courts-content-list li:last-child {
     margin: 0;
}
 .courts-content-list li::before {
     position: absolute;
     left: 0;
     top: 0;
     content: "⬤";
     color: #1495E6;
}
 .float-none {
     float: none;
}

/* 
    Footer
*/

.courts-footer {
    background: #00253a;
    padding-top: 40px;
    padding-bottom: 40px;
    
}

.courts-footer ul {
    padding: 0px;
    margin: 0px;
}

.courts-footer li {
    list-style-type: none;
}
.courts-footer li a {
    color: #FFFFFF;
    padding: 8px 0;
    line-height: 24px;
    display: block;
    text-decoration: underline;
}

/*
    ----------------------------------- FEEDBACK WIDGET -----------------------------------
*/
.light-bg{background:#E9EFF3;margin-top: 160px;}
.courts-feedback-heading{color:#00253a;font-size:20px;font-weight:600;margin-top:4px;}
.courts-feedback-panel{background:#FAFAFB;}
.courts-feedback-panel .container{padding-top:20px;padding-bottom:20px}
.courts-feedback-panel .radio label{padding-left: 35px;}
.courts-feedback-panel .radio input[type="radio"]{width:25px;height:25px;margin-left: -35px;top:-4px;}

/* 
    Utility classes
*/

 .mt-0 {
     margin-top: 0;
}
 .mt-8 {
     margin-top: 8px;
}
 .mt-16 {
     margin-top: 16px;
}
 .mt-20 {
     margin-top: 20px;
}
 .mt-24 {
     margin-top: 24px;
}
 .mr-0 {
     margin-right: 0;
}
 .mr-8 {
     margin-right: 8px;
}
 .mr-16 {
     margin-right: 16px;
}
 .mr-20 {
     margin-right: 20px;
}
 .mr-24 {
     margin-right: 24px;
}
 .mb-0 {
     margin-bottom: 0;
}
 .mb-8 {
     margin-bottom: 8px;
}
 .mb-16 {
     margin-bottom: 16px;
}
 .mb-20 {
     margin-bottom: 20px;
}
 .mb-24 {
     margin-bottom: 24px;
}
 .ml-0 {
     margin-left: 0;
}
 .ml-8 {
     margin-left: 8px;
}
 .ml-16 {
     margin-left: 16px;
}
 .ml-20 {
     margin-left: 20px;
}
 .ml-24 {
     margin-left: 24px;
}
 .pt-0 {
     padding-top: 0;
}
 .pt-8 {
     padding-top: 8px;
}
 .pt-16 {
     padding-top: 16px;
}
 .pt-20 {
     padding-top: 20px;
}
 .pt-24 {
     padding-top: 24px;
}
 .pr-0 {
     padding-right: 0;
}
 .pr-8 {
     padding-right: 8px;
}
 .pr-16 {
     padding-right: 16px;
}
 .pr-20 {
     padding-right: 20px;
}
 .pr-24 {
     padding-right: 24px;
}
 .pb-0 {
     padding-bottom: 0;
}
 .pb-8 {
     padding-bottom: 8px;
}
 .pb-16 {
     padding-bottom: 16px;
}
 .pb-20 {
     padding-bottom: 20px;
}
 .pb-24 {
     padding-bottom: 24px;
}
 .pl-0 {
     padding-left: 0;
}
 .pl-8 {
     padding-left: 8px;
}
 .pl-16 {
     padding-left: 16px;
}
 .pl-20 {
     padding-left: 20px;
}
 .pl-24 {
     padding-left: 24px;
}

.d-block{
    display:block;
}
/*
    ----------------------------------- GLOBAL -----------------------------------
*/

 body {
     font-size: 18px;
     font-family: Lato, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, Myanmar, Tibetan, Assyrian, Ethiopic;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     color: #3B3D3F;
}
 a {
     text-decoration: underline;
     color:#0043CE;
}
 p{
    line-height:30px;
}
h2, h3, h4{
    font-weight:600;
}
h2{
    font-size:30px;  
}
h3{
    font-size:24px;
}
 a:focus,
 input:focus,
 select:focus,
 button:focus {
     outline: #fd0 solid 6px !important;
}
input::placeholder{color:#595C5E!important}
ul{margin-bottom:24px;}
ul, ol{padding-left:24px;}
ul li, ol, li{padding-top:6px;}
li::marker, ol li::marker{font-size:18px;}


/*
    ------------------------------- CONTENT STYLING -------------------------------
*/

.courts-page-content:has(h2) * + h2 { margin-top: 32px !important; }


/*
    ----------------------------------- UTILITY -----------------------------------
*/

.margin-top--70 { margin-top: -70px !important; }
.margin-top--25 { margin-top: -25px !important; }
.margin-right--15 { margin-right: -15px !important; }
.margin-left--15 { margin-left: -15px !important; }

.background-image { background-size: cover; background-position: center center; }

.ratio-16-9 { padding-bottom: 56.25% }


/*
    ----------------------------------- HELP-BLOCK -----------------------------------
*/

.courts-help-block { font-size: 14px; color: #595C5E; }


/*
    ----------------------------------- PAGER -----------------------------------
*/

.courts-pager { } /*ul*/
.courts-pager li { }
.courts-pager li.previous { }
.courts-pager li.next { }
.courts-pager li a { border-width: 0px; border-radius: 8px; padding: 0px; }
.courts-pager .disabled>a,
.courts-pager .disabled>a:focus,
.courts-pager .disabled>a:hover,
.courts-pager .disabled>span { color: #333; }


/*
    ----------------------------------- JUMBOTRON -----------------------------------
*/

.courts-jumbotron { padding-top: 40px; padding-bottom: 40px; background: linear-gradient(88deg, #003657 -1.93%, #0070AF 61.49%, #1495E6 100.71%); }
@media screen and (min-width: 768px) {
    .container .jumbotron, .container-fluid .jumbotron.courts-jumbotron {
        padding-left:15px;
        padding-right:15px;
    }
}/* Override bootstrap left and right padding on jumbotron */
.courts-jumbotron h1 { margin: 0px; padding: 0px; font-size: 50px; font-weight: 600; color: #FFFFFF;  }

.courts-jumbotron-light-blue { background: #E9EFF3; }
.courts-page-header + .jumbotron.courts-jumbotron{margin-top:-70px;} /* When jumbotron sits underneath header - account for header bottom margin */

.courts-jumbotron .card {}
.courts-jumbotron .card .card-image { border-radius: 8px; }
.courts-jumbotron .card .card-title { color: #003657; font-size: 30px; font-weight: 600; }
.courts-jumbotron .card .card-summary { font-size: 20px; margin-top: 16px; font-weight:400;}



/*
    ----------------------------------- BREADCRUMB -----------------------------------
*/

.courts-breadcrumb { background: transparent; font-size: 14px; line-height: 24px; padding: 0px; white-space: nowrap; overflow-x: auto; }


/*
    ----------------------------------- PAGE HEADERS -----------------------------------
*/

.courts-page-header { background: #E9EFF3; padding-top: 16px; padding-bottom: 16px; margin-bottom: 24px; }
.courts-page-header h1 { color: #00253a; font-weight: 600; font-size: 40px; margin: 24px 0; }
.courts-page-header h1 small{ color:#00253a;font-weight:400;font-size:24px;}
.courts-page-header .courts-breadcrumb { margin-bottom: 0px; }

/*
    ----------------------------------- TABLE DISPLAY -----------------------------------
*/

.courts-list-table{list-style: none;padding: 0;margin: 0;font-size: 15px}
.list-row.row{margin-left: 0;margin-right: 0}
.list-row{padding: 10px 0;border-bottom: 1px solid #ddd;display: flex;align-items: center}
.list-header{font-weight: 600;border-bottom: 2px solid #dedede;padding: 8px 0}
.list-row:not(.list-header):hover{background-color: #f2f2f2}
.col-ref{font-weight: 600}
.col-jurisdiction{text-align:right}


/*
    ----------------------------------- FILTER CHIPS -----------------------------------
*/

.filter-chips { margin:0px; padding: 0px; list-style: none; } /* ul */
.filter-chips .label { margin-bottom: 8px;display:inline-block; } /* li */


/*
    ----------------------------------- LABELS -----------------------------------
*/

.courts-label { font-size: 14px; font-weight: 400; padding: 4px 8px; border-radius: 4px; }
.courts-label a { text-decoration: none; }
.courts-label i { font-size: 20px; }

.courts-label-default {  border: 1px solid #ccd0d2; color: #3B3D3F; background: #FFFFFF; }
.courts-label-default a { color: #3B3D3F; }


/*
    ----------------------------------- COURTS PANELS -----------------------------------
*/

.courts-panel { border-radius: 8px;  }
.courts-panel p { }
.courts-panel a { }
.courts-panel p a { }
.courts-panel .panel-heading { }
.courts-panel .panel-heading .panel-title { }
.courts-panel .panel-body { }
.courts-panel .panel-footer { }
 
/* INFO */
.courts-panel-info { border-color: #F8FAFB; }
.courts-panel-info a { color: #3B3D3F; }
.courts-panel-info .panel-heading { background: #F8FAFB; color: #3B3D3F; padding: 24px 24px 0px 24px; font-size: 20px; font-weight: 600; margin: 0px; }
.courts-panel-info .panel-heading .panel-title,
.courts-panel-info .panel-heading h1.panel-title,
.courts-panel-info .panel-heading h2.panel-title,
.courts-panel-info .panel-heading h3.panel-title,
.courts-panel-info .panel-heading h4.panel-title,
.courts-panel-info .panel-heading h5.panel-title,
.courts-panel-info .panel-heading h6.panel-title { font-size: 20px; font-weight: 600; margin: 0px; }
.courts-panel-info .panel-body { background: #F8FAFB; padding: 24px 24px; }
.courts-panel-info .panel-footer { background: #F8FAFB; padding: 0px 24px 24px 24px; }
 
/* INFO INLINE -- To e used as callout info inside any content */
.courts-panel-info.inline { border:1px solid #C0C0C0; } 
.courts-panel-info.inline .panel-title, .courts-panel-info.inline .panel-body, .courts-panel-info.inline .panel-heading { background:#FFFFFF; }
.courts-panel-info.inline .panel-heading, .courts-panel-info.inline .panel-body{ border-radius:8px; }
.courts-panel-info.inline .panel-title span{ vertical-align:sub; } /* icon on panel title */

/*
    ----------------------------------- COURTS SECTIONS & CARDS -----------------------------------
*/

.courts-sectionx { margin-bottom: 36px; }
.courts-sectionx ol li, .courts-sectionx ul li{margin-bottom:8px;}
.courts-sectionx ol li::marker{font-size:18px;}
.courts-sectionx .section-title, .section-title { margin: 0px; padding: 0px; font-weight: 600; font-size: 30px; margin-bottom: 16px; }
.courts-sectionx .section-link { font-weight: 600; font-size: 20px; margin-top: 16px; display: block; }
.courts-sectionx .section-metadata { margin: 0px; padding: 0px; list-style: none; font-size: 14px; color: #595C5E; }
a.section-link{color:#003657;font-weight:600;}

/*
    ----------------------------------- COURTS CARDS -----------------------------------
*/

.courts-cards { margin: 0px; padding: 0px; list-style: none; } /* ul */
.courts-cards .card { margin-bottom: 20px; } /* li */
.courts-cards .card .inner-wrapper { border: 1px solid #D8DBDD; border-radius: 8px; padding: 16px; /*position:relative;*/ } /* inner wrapper div */
/*.courts-cards .card .inner-wrapper:hover{background:#F8FAFB; box-shadow: 0 2px 0 #CCD0D2;}*/
/*.courts-cards .card .image-wrapper, .courts-cards .card .content-wrapper{position:static}*//* set position to default so that the clickable area takes the whole card */
.courts-cards .card .image-wrapper .card-image {margin:0 auto;} /* Centering images on relaxed cards */
@media screen and (min-width:1200px){
    .courts-cards .card .image-wrapper .card-image { max-width:150px;} 
}

.courts-cards .card .card-background-image { background-size: cover; background-position: center center; padding-bottom: 56.25%; margin-top: -15px; margin-bottom: 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; } /* div with image background */
/* Removing this for now as other big data UI might be impacted  
.courts-cards .card:focus-within {outline:#fd0 solid 6px;}/* focus on whole card 
.courts-cards .card:focus-within :focus{outline:none!important;}/* removes the focus from link since we have it on the card - opinable */
.courts-cards .card a.card-title { font-size: 20px; font-weight: 600; display: block; color: #003657; text-decoration:none;} /* a */
/*.courts-cards .card a.card-title::before{content:"";inset: 0;position: absolute; z-index: 1;}*/ /* fully clickable cards */

.courts-cards .card .card-summary { font-size: 16px; margin-top: 10px; } /* p */
.courts-cards .card .card-meta-data { font-size: 14px; color: #595C5E; margin-bottom: 0; } /* p */

/* RELAXED */
.courts-cards-relaxed .card { margin-bottom: 20px; }
.courts-cards-relaxed .card .card-title { font-size: 24px; font-weight: 600; }
.courts-cards .card .inner-wrapper:hover a.card-title{text-decoration:underline;}
.courts-cards-relaxed .card .content-wrapper .card-title{margin-top:16px;}
.courts-cards-relaxed .card .card-summary { font-size: 18px; margin-top: 16px }
.courts-cards-relaxed .card .card-meta-data { font-size: 16px; }

/* STACKED */
.courts-cards-stacked .card { margin-bottom: 0px; }
.courts-cards-stacked li {padding-top:0;}
.courts-cards-stacked .card .inner-wrapper { border-radius: 0px; border-bottom-width: 0px; }
.courts-cards-stacked .card:first-child .inner-wrapper { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.courts-cards-stacked .card:last-child .inner-wrapper { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom-width: 1px; }

/* STACKED WRAPPED WITH OUTSIDE BORDER */
.courts-cards-stacked-wrapped .card { margin-bottom: 0px;padding-top:0; }
.courts-cards-stacked-wrapped .card a.card-title {text-decoration:underline;}
.courts-cards-stacked-wrapped .card .inner-wrapper { border-radius: 0px;  border-top-width: 0px; border-bottom-width: 0px; }
.courts-cards-stacked-wrapped .card .inner-wrapper:hover{background:none;box-shadow:none;}
.courts-cards-stacked-wrapped .card:first-child .inner-wrapper { border-top-width: 1px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.courts-cards-stacked-wrapped .card:last-child .inner-wrapper { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom-width: 1px; }


/* JOINED SIDE-BY-SIDE (Only used on Homepage - News Updates) */

@media screen and (min-width:1023px){
    .courts-cards.courts-cards-joined .card:first-child .inner-wrapper{border-right: none;border-radius: 8px 0 0 8px;}
    .courts-cards.courts-cards-joined .card:last-child .inner-wrapper {border-radius: 0 8px 8px 0;}
}

/*
    ----------------------------------- COURTS CARD ALERT -----------------------------------
*/
.courts-alert{border-radius:8px;}
.courts-alert h2{font-size:20px;}
.courts-alert--info{background:#007C8D; color:#FFFFFF;text-align: left;margin-bottom: 24px; padding:16px;}
.courts-alert--info h2, .courts-alert--info a{color:#FFFFFF;}

/*
    ----------------------------------- CONTENT WYSYWYG FORMATTING  -----------------------------------
*/
/* Margins on heading after Ps */
.courts-template-content p + h2, .courts-template-content p + h3, .courts-template-content p + h4, .courts-template-content p + h5,
.courts-template-content a[name] + h2, .courts-template-content a[name] + h3, .courts-template-content a[name] + h4, .courts-template-content a[name] + h5 {margin-top:32px;}

/* External links */
.courts-template-content a[target=_blank]:after{content: "\e89e";font-family: "Material Symbols Outlined";display: inline-block;vertical-align: middle;}

/*
    ----------------------------------- STEPPERS (GUIDES) V1 -----------------------------------
*/

.courts-stepper{list-style-type:none;padding:0;counter-reset:step-counter}
.courts-stepper li{position:relative;padding-left:72px;margin-top:16px;padding-bottom:12px;}
.courts-stepper li::before{content:"";width:2px;height:110%;background:#d0d0d9;position:absolute;left:24px}
.courts-stepper-static li{padding-bottom:24px;}
.courts-stepper-static li:last-child::before{height:100%}
/*.courts-stepper a {color:#003657}*/
.courts-stepper p a{display:inline-block;margin-top: 12px;} 
.courts-stepper-static p a{display:inline;margin:0;}
.courts-stepper h3,.courts-stepper li>a, .courts-stepper h2, .courts-stepper-static h2{font-size:24px;font-weight:600;position:relative}
.courts-stepper h3::before,.courts-stepper li>a::before, .courts-stepper h2::before, .courts-stepper-static h2::before{counter-increment:step-counter;content:counter(step-counter);position:absolute;color:#003657;font-weight:600;font-size:24px;top:-6px;left:-72px;line-height:24px;background:#fff;border-radius:50%;padding:10px 16px;border:2px solid #d6d6de}
.courts-stepper-static h3::before, .courts-stepper-static li a::before{display:none;}
.courts-stepper-static li li{padding:0;list-style-type:disc;margin-top:0}
.courts-stepper-static li li::before{display:none;}
.courts-stepper-static li a{font-size:inherit;}
.courts-stepper p, .courts-stepper-static li p{margin-top:16px;}
.courts-stepper p{margin-bottom:0;padding-bottom: 16px;border-bottom: 1px solid #f1f1fa;}
.courts-stepper-static li p{border:none;padding-bottom:0;}
.courts-sidebar h2{font-size:24px}
.courts-sidebar h2 small{font-size:16px;color:#595C5E;}
.courts-sidebar .courts-stepper {margin-top:32px;}
.courts-sidebar .courts-stepper li{padding-left:0;padding-bottom:16px}
.courts-sidebar .courts-stepper li::before{top:16px;left:16px}
.courts-sidebar .courts-stepper li.active a::before{background:#003658; color:#FFFFFF;}
.courts-sidebar .courts-stepper p{display:none}
.courts-sidebar .courts-stepper a{display:block}
.courts-sidebar .courts-stepper a,.courts-sidebar .courts-stepper a::before,.courts-sidebar .courts-stepper h3,.courts-sidebar .courts-stepper h3::before{font-size:18px}
.courts-sidebar .courts-stepper a,.courts-sidebar .courts-stepper h3{font-size:16px;padding-left:50px}
.courts-sidebar .courts-stepper a::before,.courts-sidebar .courts-stepper h3::before{padding:4px 10px;left:0}

/*
    ----------------------------------- IMAGES ON SIDEBAR -----------------------------------
*/

.courts-sidebar img{margin-bottom:16px;}


/*
    ----------------------------------- OFFICE PAGES  -----------------------------------
*/
ul.courts-office-general-info {list-style-type: none;margin:0;padding:0;}
ul.courts-office-general-info li{padding:16px 0;margin-bottom:0;border-bottom:1px solid #D8DBDD;}
ul.courts-office-general-info li:first-child{border-top:1px solid #D8DBDD;}
ul.courts-office-general-info li div > div:nth-child(1){font-weight:600;}
    /* Opening hours */
    ul.courts-office-general-info li ul{list-style: none;padding:0;}
    ul.courts-office-general-info li ul li{border:none;padding:8px 0}
    ul.courts-office-general-info li ul li:first-child{border:none;padding:0 0 8px 0}


/*
    ----------------------------------- PART OF (Related Sidebar) -----------------------------------
*/

ol.courts-stepper + .courts-partof{margin-top:50px;} /* Margin when this is rendered after sidebar stepper */
ol.courts-stepper + .courts-partof h2{margin-top:16px;}
.courts-sidebar .courts-partof h2{margin: 0 0 24px 0;border-bottom: 1px solid #ededed;padding-bottom: 8px;}
.courts-sidebar .courts-partof h3{font-size: 16px;color: #595C5E;font-weight: 400;margin-top: 0;}
.courts-sidebar .courts-partof ul { margin: 0; padding: 0; list-style-type: none; font-size: 16px; font-weight: 600; margin-bottom: 16px; }
.courts-sidebar .courts-partof ul li { margin-bottom: 8px; }
.courts-sidebar .courts-partof ul li a {font-size: 16px}

/*
    ----------------------------------- TABLE OF CONTENTS  -----------------------------------
*/

.courts-toc h2{font-size:24px;}
.courts-toc ol{padding-left:20px;padding-bottom: 24px; border-bottom: 1px solid #ededed;margin-bottom: 24px }
.courts-toc li{font-size:16px;padding-top:6px;}
.courts-toc li a{color:#003657;}
.courts-toc li::marker{font-size:inherit;}




/*
    ----------------------------------- MEDIA QUERIES -----------------------------------
*/

@media screen and (max-width: 767px) {
    body {
        font-size:16px;
    }
    .courts-navbar .navbar-brand img {
        height: 28px;
   }
   .courts-page-header h1 {
    font-size:30px;
   }
   .courts-page-header h1 small{
    font-size:20px;
   }
    .courts-nav_list {
        margin: 0 -15px;
   }
    .courts-nav_list h3 {
        margin-bottom: 0;
   }
    .courts-nav_list_title i {
        transform: rotate(90deg);
        float: right;
   }
    .courts-nav_list_title[aria-expanded=true] i {
        transform: rotate(-90deg);
   }
    .social-links ul li img {
        width: 28px;
   }
    .courts-header.home_header h1 {
        font-size: 24px;
   }
    .courts-nav_list .nested-list h4, .courts-nav_list .nested-list h3 {
        display: none;
   }
    .courts-nav_list .nested-list ul {
        background: #FFFFFF;
        border-bottom: 2px solid #72BFF0;
    }
    .filter-chips{margin-top:16px;} 
    .courts-label:first-child {margin-left:12px;}

	.courts-feedback-heading{text-align:center;margin-bottom:16px;}
	.courts-feedback .courts-btn{display:block;margin:0 auto; max-width:400px;float:none!important;}    

    /* TABLES */ 
    .list-row{display: block;padding: 12px 0}
    .col-ref,.col-title,.col-type,.col-jurisdiction{display: block;width: 100%;margin-bottom: 4px}
     .col-ref .visible-xs,.col-type .visible-xs, .col-jurisdiction .visible-xs{display:inline-block!important;margin-right:4px;}
    .col-jurisdiction{text-align:left}
    .col-ref{font-weight: 700}
    .visible-xs strong{font-weight: 600}
    
}

@media screen and (min-width:1200px){
    .courts-cards .card .image-wrapper .card-image { max-width:150px;} /* image Changes requested by Richard*/
}