:root {
    --racinggreen: #123015;
    --trorange: #D64000;
    --white: #ffffff;
    --graphite: #212223;
    --silver: #8d8d8d;
    --darkskyblue: #0874e3
}

.btn-orange {
    background: #D64000 !important;
}

.cursor {
    cursor: pointer
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-Air.woff2') format('woff2'), url('/fonts/Clario/Clario-Air.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-AirItalic.woff2') format('woff2'), url('/fonts/Clario/Clario-AirItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-Black.woff2') format('woff2'), url('/fonts/Clario/Clario-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-BlackItalic.woff2') format('woff2'), url('/fonts/Clario/Clario-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-Bold.woff2') format('woff2'), url('/fonts/Clario/Clario-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-BoldItalic.woff2') format('woff2'), url('/fonts/Clario/Clario-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-Light.woff2') format('woff2'), url('/fonts/Clario/Clario-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-LightItalic.woff2') format('woff2'), url('/fonts/Clario/Clario-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-Medium.woff2') format('woff2'), url('/fonts/Clario/Clario-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-MediumItalic.woff2') format('woff2'), url('/fonts/Clario/Clario-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-Regular.woff2') format('woff2'), url('/fonts/Clario/Clario-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-RegularItalic.woff2') format('woff2'), url('/fonts/Clario/Clario-RegularItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-Thin.woff2') format('woff2'), url('/fonts/Clario/Clario-Thin.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Clario';
    src: url('/fonts/Clario/Clario-ThinItalic.woff2') format('woff2'), url('/fonts/Clario/Clario-ThinItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

li:empty {
    display: none;
}

body {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    color: var(--graphite) !important;
    font-style: normal !important;
    letter-spacing: 0.08rem !important;
}

em {
    letter-spacing: 0.02rem !important;
    font-weight: 300 !important;
}

div {
    font-family: 'Clario', sans-serif !important;
    letter-spacing: 0.04rem !important;
}

strong em {
    font-weight: 700 !important;
}

/* Front banner text */
.banner-content h1 {
    color: white !important;
}

.banner-content p {
    color: white !important;
    font-weight: 300 !important;
}

    .banner-content p strong {
        color: var(--trorange);
        font-weight: 700 !important;
    }

.banner-content .date {
    padding-left: 0px !important;
}
/* end */

.content-block h1.center, .statutesview h2 em, .statutesview h2 {
    font-weight: 700 !important;
}

.content-block .statuteitem h1 {
    color: var(--trorange) !important;
}

.content-block div a[href], .content-block div a[href] i, .content-block div a[href] em {
    color: var(--darkskyblue);
}

.content-block td {
    font-size: 1.4rem !important;
    color: var(--graphite) !important;
    line-height: 2.6rem !important;
    font-family: 'Clario', sans-serif !important;
    padding: 5px;
}

.modal-header .close {
    font-size: 3rem !important;
    cursor: pointer
}

body, p em, div, p, a, ul, li, .download, .navbar-light .navbar-nav .nav-link, em {
    line-height: 2.6rem !important;
    font-size: 1.4rem !important;
}

h1 {
    color: var(--trorange) !important;
    line-height: 3.2rem !important;
    font-size: 3rem !important;
}

    h1 em {
        font-size: 3rem !important;
    }

h2 {
    color: var(--racinggreen) !important;
    font-family: 'Clario', sans-serif !important;
    font-weight: 700 !important;
    line-height: 2.6rem !important;
    font-size: 2.8rem !important;
    margin: 20px 0px !important;
}

h3 {
    color: var(--trorange) !important;
    font-family: 'Clario', sans-serif !important;
    font-weight: 700 !important;
    line-height: 2.4rem !important;
    font-size: 2.1rem !important;
    padding: 0.2rem 0rem;
}

.tablelistitem a h3 {
    font-size: 1.6rem !important;
    color: #005da2;
    line-height: 1.42;
    font-family: 'knowledgebold';
    padding-top: 0px;
    margin-bottom: 0px;
}

.modal-header h3 {
    float: left
}

    .modal-header h3 em {
        font-size: 2rem !important;
        font-weight: 700 !important;
    }

h3 strong em {
    line-height: 2.4rem !important;
    font-size: 2.1rem !important;
}

.tablelistitem a strong {
    font-size: 1.6rem !important;
    color: var(--trorange) !important;
    line-height: 1.42 !important;
    padding-top: 0px !important;
    margin-bottom: 0px !important;
}

h4 {
    color: var(--graphite) !important;
    font-family: 'Clario', sans-serif !important;
    font-weight: 700 !important;
    line-height: 2.0rem !important;
    font-size: 1.7rem !important;
}

p, .comment-sec, update-sec {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    color: var(--graphite) !important;
    font-style: normal !important;
}

blockquote.innercomment p, blockquote.innercomment p em, blockquote.innercomment p a, blockquote.innercomment p strong, blockquote.innercomment p u {
    font-size: 1.0rem !important;
    line-height: 1.9rem !important;
}

div.statutes_heading {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    color: var(--graphite) !important;
    font-style: normal !important;
}

.statutes_contents {
    padding-left: 10px !important;
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    color: var(--graphite) !important;
    font-style: normal !important;
    padding-top: 4px;
    padding-top: 5px !important;
}

.silist {
    padding-top: 10px
}

.commentname a {
    font-weight: 700 !important;
}

.tableofarticles h4, .tableofarticles h4 em, .tableofarticles h4 i {
    font-weight: 700 !important;
    line-height: 2.0rem !important;
    font-size: 1.8rem !important;
}

.content-block ul {
    color: var(--graphite) !important;
}

strong {
    font-family: 'Clario', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

    strong a, b a {
        font-family: 'Clario', sans-serif !important;
        font-style: normal !important;
        font-weight: 700 !important;
    }

em {
    letter-spacing: 0em
}

.content-block address {
    font-family: 'Clario', sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 2.8rem !important;
    color: var(--racinggreen) !important;
    font-size: 1.6rem !important;
}

.content-block h1 {
    font-family: 'Clario', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: var(--racinggreen) !important
}

.judgement-date {
    font-family: 'Clario', sans-serif !important;
}

.welcome .content-section, .welcome .search-sec {
    border-radius: 10px !important;
    min-height: 320px !important;
}

.item h3 a {
    font-size: 1.8rem !important;
    color: var(--darkskyblue) !important;
    font-family: 'Clario', sans-serif !important;
    font-weight: 700 !important;
}

.itemsearch > .icons {
    padding-top: 10px !important;
}

    .itemsearch > .icons img {
        height: 30px;
    }

.search-head, .search-sec {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.search-sec {
    background-color: var(--white);
    border-radius: 10px
}

.sticky .search-sec {
    border-radius: 10px !important
}

#searchssbtn {
    float: right !important
}

.content-section, .block-content {
    border-radius: 10px !important;
}

.statutes-contents-sidebar h4 {
    border-radius: 10px !important;
}

.content-section h4 {
    background: var(--trorange) !important;
    padding: 13px 20px 13px;
    letter-spacing: 0px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

a.extrasprintbutton .icon {
    width: 25px !important;
    height: auto !important;
}

.search-head {
    background: var(--trorange);
    padding: 11px 21px 10px;
}

    .search-head .advance a {
        color: #fff !important;
        line-height: 2.0rem !important;
        font-size: 1.2rem !important;
    }

.rightsidecolumn .search-sec h4, .rightsidecolumn h4, .welcomeside h4 {
    color: var(--white) !important;
    font-size: 1.4rem !important;
    text-transform: uppercase !important;
}

.search-sec .issuearea h4 {
    font-family: 'Clario', sans-serif !important;
    font-weight: 600 !important;
    font-style: normal;
    color: var(--racinggreen);
    padding-bottom: 5px;
    font-size: 0.9em !important;
}
/* issue */
.Justified h3 {
    color: var(--trorange) !important;
}

.update {
    color: var(--trorange) !important;
}

.comment {
    color: var(--racinggreen) !important;
}

.comment-sec, .update-sec {
    border-radius: 5px
}

.issue {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    line-height: 2.0rem !important;
    font-size: 1.2rem !important;
    color: var(--graphite) !important;
    text-transform: uppercase !important;
}

.content-block .item ul.cases-img {
    margin-bottom: 15px;
}

.search-sec .block-content {
    background: none !important;
}

.panelside {
    background: var(--trorange) !important;
}

.headingrow .icon, .headingrow .icon {
    width: 10px;
    max-height: 50px !important;
    height: auto !important
}

.update > .icon, .comment > .icon {
    height: auto;
    width: 2rem !important;
}

.comment-head .comment {
    color: var(--racinggreen) !important;
}

.comment-head {
    border-bottom: 2px solid var(--racinggreen) !important;
}

.item .comment-sec .comment-head {
    margin-bottom: 15px !important;
}

.update-head .update {
    color: var(--trorange) !important;
}

.cases-img .icon {
    height: 30px !important;
}

.icons {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.MobileSearchMenu h4 {
    color: var(--white) !important;
    font-size: 2rem !important;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
}
/* links */
a {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    color: var(--darkskyblue)
}

/*a:hover {
    color: var(--racinggreen) !important
}*/

.footer {
    background-color: var(--graphite) !important;
}

.date {
    letter-spacing: 0.04em !important;
}



.footer-nav a {
    color: var(--white) !important;
    letter-spacing: 0px !important;
}

.content-block a {
    color: var(--darkskyblue) !important;
}

.content-block b, .content-block b a {
    font-weight: 600 !important;
}

.content-block strong u, .content-block strong u a {
    font-weight: 600 !important;
}

.previous-btn {
    color: var(--trorange) !important;
    margin-left: 5px;
}

.next-btn {
    color: var(--trorange) !important;
    margin-right: 5px;
}

.content-block .previous em {
    color: var(--trorange) !important;
    font-size: 1.6rem !important;
}
/*.navbar-light .navbar-nav .nav-link {
    color: var(--graphite) !important;
}*/
.nav-link-bold {
    font-weight: 700 !important;
    color: var(--racinggreen) !important;
    text-transform: uppercase;
    letter-spacing: 0 !important;
}

.dropdown-icon {
    color: var(--trorange) !important;
    margin-left: 5px;
}

.fa-caret-square-o-down {
    color: var(--trorange) !important;
}

a.dropdown-item {
    color: var(--graphite) !important;
}

.top-nav li a {
    font-family: 'Clario', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: var(--racinggreen) !important;
}

.submenu {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    color: var(--graphite) !important;
}

strong a {
    font-family: 'Clario', sans-serif !important;
    font-weight: 700 !important;
    color: var(--darkskyblue) !important;
}

.content-block .item p strong a {
    font-weight: 700 !important;
}

.welcomeicon span {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    color: var(--graphite) !important;
}

.welcomeicon .icon {
    width: 100px;
    max-height: 60px !important;
    height: auto !important;
}

.latestclwnews {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    color: var(--graphite) !important;
    font-style: normal !important;
}

.button {
    background: var(--trorange) !important;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
}

.dropdown button {
    background: none !important;
    /*    padding: 10px 0px 6px 0px !important;*/
}

ul > button {
    background: none !important;
}

.sign-in {
    background: var(--trorange) !important;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
}

.loginbutton {
    color: var(--white) !important;
    background: var(--trorange) !important;
    font-family: 'Clario', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 1.3rem !important;
}

.loginbutton_nofloat {
    float: none !important;
    color: var(--white) !important;
    background: var(--trorange) !important;
    font-family: 'Clario', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none;
    font-size: 1.3rem !important;
}

.loginbutton:hover {
    background: var(--trorange) !important;
    border: none !important;
    border-inline: none !important;
    color: white !important
}

.btn-orange i {
    margin-left: 0px !important;
}

.logo {
    padding-top: 20px !important;
}

    .logo img {
        width: 100%;
        max-width: 350px;
    }

.right-logo img {
    width: 100%;
    max-width: 130px;
}

.rightsidecolumn .statutes-contents-sidebar {
    background: var(--trorange) !important;
}


.rightsidecolumn .content-section h4 {
    background: var(--trorange) !important;
    padding: 11px 20px 9px;
    letter-spacing: 0px;
    font-size: 1.4rem !important;
    text-transform: uppercase;
    margin-bottom: 0px !important;
    font-family: 'Clario', sans-serif !important;
    font-weight: 700 !important;
}

.rightsidecolumn .content-section.returnbox {
    background: var(--trorange) !important;
}

    .rightsidecolumn .content-section.returnbox h4 {
        background: none !important;
        color: var(--white) !important;
    }

        .rightsidecolumn .content-section.returnbox h4 a {
            color: var(--white) !important;
            font-weight: 700 !important;
            width: auto !important;
        }

.rightsidecolumn .statutes-contents-sidebar h4 {
    background: none !important;
}

.update-head {
    border-bottom: 2px solid var(--trorange) !important;
}

.block-content, .block-content p {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal
}

label {
    font-family: 'Clario', sans-serif !important;
    font-weight: 600 !important;
    font-style: normal;
    color: var(--graphite);
    padding-bottom: 5px;
    font-size: 0.9em !important;
}


.searchcol label {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal;
    color: var(--graphite);
    padding-bottom: 5px;
    font-size: 0.9em !important;
}

.search-sec label {
    color: var(--racinggreen) !important;
}

.searchhelp {
    font-size: 0.8em !important;
}

.statutes_heading a em {
    color: var(--darkskyblue) !important;
}

.judges {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal;
    letter-spacing: 0.08rem !important;
}

.carousel-item p a:hover {
    text-decoration: underline !important;
    color: var(--white) !important;
    text-decoration: none !important
}

.carousel-item p strong a {
    font-family: 'Clario', sans-serif !important;
    font-weight: 700 !important;
    color: var(--trorange) !important;
}

/* form select */


/* Base style for default resolution (100%) */
.form-control {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal;
    color: var(--graphite);
    font-size: 1.3rem !important; /* 14px */
}

/* For 150% Zoom (144 DPI) */
@media (min-resolution: 144dpi) {
    .form-control {
        font-size: 1.2rem !important;
    }
}

/* For 175% Zoom (168 DPI) */
@media (min-resolution: 168dpi) {
    .form-control {
        font-size: 1.04rem !important;
    }
}

/* For 200% Zoom (192 DPI) */
@media (min-resolution: 192dpi) {
    .form-control {
        font-size: 0.87rem !important;
    }
}


/* Base style for default resolution (100%) */
select.form-control {
    font-family: 'Clario', sans-serif !important;
    font-weight: 300 !important;
    font-style: normal;
    color: var(--graphite);
    font-size: 1.3rem !important; /* 14px */
    letter-spacing: 0rem !important;
}

/* For 125% Zoom (120 DPI) */
@media (min-resolution: 120dpi) {
    select.form-control {
        font-size: 1.2rem !important;
    }
}

/* For 150% Zoom (144 DPI) */
@media (min-resolution: 144dpi) {
    select.form-control {
        font-size: 1.04rem !important;
    }
}

/* For 175% Zoom (168 DPI) */
@media (min-resolution: 168dpi) {
    select.form-control {
        font-size: 0.87rem !important;
    }
}

/* For 200% Zoom (192 DPI) */
@media (min-resolution: 192dpi) {
    select.form-control {
        font-size: 0.74rem !important;
    }
}





a img {
    min-width: 4rem !important;
}

.update-sec a img, .headingrow a img {
    min-width: 10px !important;
    width: 10px !important;
}

.tablelistitem a img {
    max-width: 3rem !important;
    float: right !important;
}

.tablesimage img {
    margin-right: 2rem !important;
    width: 100px !important;
}
/* CPD */

#CpdQuestionsForm .justifiedtext strong em {
    color: #123015 !important;
}

.cpdopenquestions img {
    min-width: 2rem !important
}

.printbutton img {
    min-width: 2rem !important
}

#cpdprint {
    margin-bottom: 10px
}

    #cpdprint h3 {
        margin-bottom: 28px;
    }

    #cpdprint h4 {
        margin-bottom: 28px;
        color: var(--darkskyblue)
    }

    #cpdprint .answers {
        padding-top: 0px;
        padding-bottom: 15px
    }

        #cpdprint .answers span {
            display: inline
        }

    #cpdprint p {
        /* padding-top: 0px;
        padding-bottom: 0px !important; */
    }

    #cpdprint #comment {
        padding-top: 20px !important
    }

.cpd-issue {
    color: var(--racinggreen) !important;
    font-weight: 700 !important;
    font-size: 1.8rem !important;
    padding: 5px 0px 5px 0px !important;
    margin: 0px !important;
    margin-bottom: 15px !important
}

    .cpd-issue:first-child {
        padding: 10px 0px 5px 0px !important;
    }

.cpd-heading {
    font-weight: 700 !important;
    color: var(--graphite) !important;
    font-size: 1.6rem !important;
    padding: 0px 0px 15px 0px !important;
    margin: 0px !important;
}

.cpd-question {
    padding: 0px !important;
    margin: 0px !important;
}

    .cpd-question span {
        display: inline;
        inline-size: auto;
        padding-right: 10px;
    }

.option-list {
    list-style-type: none; /* Remove default list styling */
    padding: 0; /* Remove padding */
    margin-left: -10px;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

    .option-list li {
        margin-bottom: 10px; /* Add space between items */
        padding-left: 30px; /* Space for the label */
        position: relative; /* Position for label placement */
        margin-left: 0px;
    }

        .option-list li::before {
            content: "(" attr(data-label) ") "; /* Use the data-label attribute to display labels */
            position: absolute; /* Position absolutely */
            left: 0; /* Align to the left */
            font-weight: 300; /* Make label bold */
            margin-left: 0px
        }


/*Index*/
.statutesview.header em {
    font-size: 2.4rem !important;
}

.statutesview.header h2, .statutesview.header h2 em {
    margin: 10px 0px !important;
    font-size: 2.4rem !important;
}

.statutesview.header .parentage, .statutesview.header .parentage em {
    font-size: 1.4rem !important;
}

.statutecontents h1 {
    padding: 0;
    margin: 0
}

.statutecontents h2 {
    padding: 0;
    margin-top: 0px !important;
}

.statutecontents h3 {
    padding: 0;
    margin-bottom: 0px !important;
}

.statuteitem h2.cprstatute {
    color: var(--trorange) !important;
}

.statuteitem strong, .statuteitem strong a {
    font-weight: 700 !important;
}

.statuteitem h1 strong {
    color: var(--trorange) !important
}

.statuteitem h2, .statuteitem h2 em {
    font-weight: 700 !important;
    font-size: 2.4rem !important;
}

.indexheading, .indexheading strong {
    font-size: 1.5rem !important
}

/* tables: statutes */
.statutescontentsicon img, span.statutescontentsicon i {
    color: var(--trorange) !important;
    width: 15px !important;
}

.clipboard-icons {
    padding-top: 12px
}

.clipboarditem {
    padding-top: 20px
}

button.clipboard-index img.icon, a.clipboard-index img {
    width: 10px !important;
    color: var(--trorange) !important;
    min-width: 0px !important
}



.clipboard .sign-in {
    padding: 5px 5px 0px 5px !important;
    margin: 0px !important;
    border-radius: 5px !important;
    min-width: 30px
}

.clipboardbtn {
    min-width: 3.5rem;
    background-color: white;
    margin: 0px 5px 0px 0px !important;
    padding: 0px 5px 0px 0px !important;
}

.clipboarditem h3 a {
    font-size: 2rem !important;
    font-weight: 700 !important
}

.clipboardbtn.mobile {
    min-width: 5.0rem;
    background-color: white;
    margin: 0px 5px 0px 0px !important;
    padding: 0px 5px 0px 0px !important;
}

.clipboard .sign-in img {
    max-width: 2rem;
}

img.clipboardlist {
    width: 1rem !important;
    min-width: 1rem !important;
}

.clipboardremove.btn-clearback.pull-right {
    width: 20px;
}

.clipboardremove.btn.btn-clearback.pull-right {
    width: 40px !important;
    margin-top: 20px !important;
}


a[name] {
    color: var(--graphite) !important;
}

/* rollovers*/
.extrabox a {
    line-height: 2.6rem !important;
    font-size: 1.4rem !important;
    padding: 0 0 0 5px;
}



@media (min-width: 992px) {
    .navbar-nav {
        border: none;
        margin-top: 15px !important;
    }
}