/*
Theme: Theme Machine
Author: Orchard Team – http://www.orchardproject.net
Copyright: 2010, Orchard. All Rights Reserved
*/


/*  Color Palette
**************************************************************

Background: #fff
Borders: #dbdbdb
Text: #434343
Secondary Text: #999999
Main Accent: #999
Links: #5f97af
*/



/* Reset
***************************************************************/

/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}*/

/* Remember focus styles! */
/*:focus {
    outline: 0;
}*/

/*body {
    line-height: 1;
    color: black;
    background: white;
    position: relative;
    margin: 0;
    padding-bottom: 12rem;
}

ol, ul {
    list-style: none;
}*/

/* Tables still need 'cellspacing="0"' in the markup */
/*table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}*/

/* HTML 5 elements as block */
/*header, footer, aside, nav, article {
    display: block;
}*/



/* Clearing Floats
***************************************************************/

.group:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.zone:after, .widget-control:after /* .zone:after self clears every zone container - .widget-control:after self clears any floats used in a widget */ {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}



/* General
***************************************************************/

/* Default font settings. 
The font-size 81.3% sets the base font to 13px 

Pixels     EMs         Percent Points
6px     0.462em     46.2%     5pt
7px     0.538em     53.8%     5pt
8px     0.615em     61.5%     6pt
9px     0.692em     69.2%     7pt
10px     0.769em     76.9%     8pt
11px     0.846em     84.6%     8pt
12px     0.923em     92.3%     9pt
13px     1em         100%     10pt
14px     1.077em     107.7%     11pt
15px     1.154em     115.4%     11pt
16px     1.231em     123.1%     12pt
17px     1.308em     130.8%     13pt
18px     1.385em     138.5%     14pt
19px     1.462em     146.2%     14pt
20px     1.538em     153.8%     15pt
21px     1.615em     161.5%     16pt
22px     1.692em     169.2%     17pt
23px     1.769em     176.9%     17pt
24px     1.846em     184.6%     18pt
*/

body {
    line-height: 1.1;
    font-size: 18px;
    color: #434343;    
    background: white url(../Content/bg.jpg) repeat;
    font-family: Lato, Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: .6em 0;
}
    h1.page-title {
        text-align: center;
        border-bottom: 1px solid grey !important;
        border-top: 1px solid grey;        
        font-weight: bold;
        margin-left: auto;
        margin-right: auto;
        width: max-content;
        max-width: 50%;
        font-size: 1.308em !important;
		overflow-wrap: normal;
    }

@media screen and (min-width: 720px) {
    h1.page-title {
        padding: .4em 5em;
    }
}

h1 {
    font-size: 1.308em;
}

h2 {
    font-size: 1.231em;
}

h3 {
    font-size: 1.154em;
}

h4 {
    font-size: 1.077em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 1em;
}

    h1 img, h2 img, h3 img,
    h4 img, h5 img, h6 img {
        margin: 0;
    }

/* Aside Headings */
aside h1 {
    font-size: 1.154em;
}

aside h2 {
    font-size: 1.077em;
}

aside h3 {
    font-size: 1em;
}

aside h4 {
    font-size: 1em;
}

aside h5 {
    font-size: 1em;
}

aside h6 {
    font-size: 1em;
}

/* Lists */
li ul,
li ol {
    margin: 0 1.5em;
}

ul, ol {
    margin: 1.5em;
    line-height: 1.538em;
}

ul {
    list-style-type: disc;
}

.listOnSidebar{
	padding-left: .5em;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0 0 1.5em 0;
}

    dl dt {
        font-weight: bold;
    }

dd {
    margin-left: 1.5em;
}

/* Text elements */
p {
    margin: 0 0 1em;
    line-height: 1.538em;
}

    p img.left {
        float: left;
        margin: 0.923em 0.923em 0.923em 0;
        padding: 0;
    }

    p img.right {
        float: right;
        margin: 0.923em 0 0.923em 0.923em;
    }

a:focus,
a:hover {
    text-decoration: underline;

}

a {
    text-decoration: none;    
}

blockquote {
    margin: 0.923em;
    /* color: #666; */	
    font-style: italic;
	border: 0;
}

strong {
    font-weight: bold;
}

em, dfn {
    font-style: italic;
}

dfn {
    font-weight: bold;
}

sup, sub {
    line-height: 0;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
}

address {
    margin: 0 0 0.923em;
    font-style: italic;
}

del {
    color: #666;
}

pre {
    margin: 0.923em 0;
    white-space: pre;
}

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

hr {
    border-top: 1px solid #434343;
}

.row {
    margin: 0;
}



/* Forms
***************************************************************/

form {
    margin: 0;
    padding: 0;
}

legend {
    font-size: 1.231em;
    font-weight: normal;
    border: none;
}

fieldset {
    padding: 6px 0 0;
    margin: 0 0 12px 0;
    border: 0px solid #dbdbdb;
}

/*label {
    font-weight: normal;
    display: block;
    padding: 0 0 0.3em 0;
}

    label.forcheckbox {
        margin: 0 0 0 .4em;
        display: inline;
    }*/

input, select, th, td {
    font-size: 1em;
}

    input[type="text"], input[type="password"] {
        display: block;
        padding: 0.3em;
    }

    /*input[type="checkbox"] {
        margin: .2em 0 1.2em 0;
    }*/

fieldset ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    fieldset ol li {
        margin: 0 0 6px 0;
    }

form.inline, form.inline fieldset { /* todo: (heskew) need something other than .inline ... */
    display: inline;
}

    form.inline fieldset {
        margin: 0;
    }

input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline: 1px dotted #666d51;
}

input[readonly] {
    background-color: #EBEBE4;
    color: #545454;
}

legend span {
    font-weight: normal;
}

label span {
    font-weight: normal;
}

label input {
    vertical-align: text-top;
}

.hint {
    display: block;
    font-size: 0.846em;
    color: #999;
    margin-top: 3px;
    padding: 3px;
}
/* todo: (heskew) try to get .text on stuff like .text-box */
select, textarea, input.text, input.textMedium, input.text-small, input.text-box {
    font-family: inherit;
    padding: 3px;
    border: 1px solid #bdbcbc;
    font-family: inherit;
    font-size: inherit;
}

input.text, input.textMedium, input.text-box {
    line-height: 1.2em;
}
    /*Are we using the two classes below?*/
    input.text-small, input.text.small {
        width: 4em;
    }

    input.textMedium, input.text.medium {
        width: 26em;
    }

select {
    padding: 1px;
}

    select:focus, textarea:focus, input.text:focus, input.text-box:focus, input.text-small:focus, input.textMedium:focus {
        border-color: #666d51;
    }

input.check-box {
    margin-left: 0;
    vertical-align: -.1em;
}

input.large.text, textarea, fieldset {
    clear: both;
}

textarea {
    min-height: 8em;
}

#header-row {
    margin: 0;
}

#header-mobile {
    padding: 0.5em;
}

/*#search-div {
    display: flex;
    flex-direction: row;
    border: 2px solid #929292;
    padding: 1em;
    background-color: white;
    /*font-size: 1.5em;
}

/*#q {
    flex-grow: 2;
    border: none;
}

#search-button {
    padding: 0 !important;
    margin: 0 !important;
    border: none;
    background-color: inherit;
}*/

/* Structure
***************************************************************/
#layout-wrapper {
    padding: 0 !important;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    padding: 0 !important;
}

    .breadcrumb > li {
        line-height: 0;
        color: white;        
        padding: 0 .5em;
    }

        .breadcrumb > li > a {
            color: white;
            font-size: 14px;
        }

#layout-footer {    
    background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
    padding: 0 15px;
}

#layout-header {
    padding: 0 15px;
}
#header-menu-wrapper {
    background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
}


#logo {
    margin: 0 1em 0 0;
    padding: 0;
    width: 130px;
}

#logo-footer {
    max-width: 150px;
}

@media screen and (max-width: 1024px) {
    #branding {
        font-size: 20px !important;     
    }
}

@media screen and (max-width: 481px) {    
    #branding {
        height: 50px;
        margin-bottom: 1em;
    }
	
	ul, li ul, ol, li ol{
		margin: .1em;
	}
	
	.listOnSidebar, .top-arguments-widget > ul{
		padding-left: 40px !important;
	}
	
	.sc-arguments-today-widget > ul > li, .notices-widget > ul, .meetings-events-widget > ul{
		margin: 1em;
	}
	
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
		padding-left: 0;
		padding-right: 0;
	}

    .MVCPaging{
        overflow: scroll;
    }
}

#branding {    
    font-size: 25px;
    line-height: 70px;
    display: inline;
    max-height: 80px;
}

    #branding a {
        text-decoration: none;
        color: white;
    }

#mainSearch {
    margin-top: 30px;
}

#layout-navigation {
}

#layout-featured {
}

#layout-before-main {
}

.zone-gallery {
    padding: 0 !important;    
    width: 100%;    
    overflow: hidden;    
}

.zone-how-do-i {
    padding: 12px 0 !important;
    margin-bottom: 1em;
}

    .zone-how-do-i h1 {
        font-size: 1.5em !important;        
    }

    .zone-how-do-i ul {
        margin: 0 !important;
        list-style: none;
        padding-left: 1.2em;
    }

    .zone-how-do-i li:before {
        font-family: 'Fontawesome';
        content: "\f0da";
        position: relative;  
        padding-right: 10px;
    }

    .zone-how-do-i a{
        color: white;
    }

        .zone-how-do-i a:hover {
            text-decoration: underline;
        }

.gallery-row {
    display: flex;
    margin-bottom: 10px;
}

#slider-home {
    background-color: lightgray;
    padding: 0 !important;
}

#layout-main {
}

#aside-first {
}

#layout-content {
    min-height: 47.5em; /*help footer stick to the bottom*/
}

#messages {
}

#before-content {
}

#content {
}

#after-content {
}

#aside-second {
}

#layout-after-main {
}

#layout-tripel {
}

#tripel-first {
}

#tripel-second {
}

#tripel-third {
}

#layout-footer {
    color: white;
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;    
}

    #layout-footer .contact-info {
        font-size: 15px;
    }

    #layout-footer a {
        color: white;        
    }

#footer-quad {
}

#footer-quad-first {
}

#footer-quad-second {
}

#footer-quad-third {
}

#footer-quad-forth {
}

#footer-sig {
}

#navigation {
    /*border-top: 1px solid #1B416E;*/    
}

/* Zones */
.zone {
    padding: 12px;
    /*  Enable this to see zone visualizations
    background-color: yellow;
    box-shadow:inset 0 0 1px purple;
    -moz-box-shadow:inset 0 0 1px purple;
    -webkit-box-shadow:inset 0 0 1px purple;
    */
}

.zone-header {
    padding: 10px 0 10px 0;
    position: relative;
}

.zone-navigation {
    padding: 0;
    /*border-top: 1px solid #1B416E;*/
    /*background-color: #17a2b8 !important;*/
}

.zone-side-bar-toggle {
    padding: .5rem 0;    
    margin-right: 1em;
    float: right;
}

    .zone-side-bar-toggle p{
        margin: 0;
    }

.zone-featured {    
    background-color: #1B416E;
    width: 100%;
    padding: 1em;
}

.zone-before-main {
}

.zone-aside-first {
}

.zone-messages {
}

.zone-before-content {
}

.zone-content {
    overflow-wrap: break-word;
}

.zone-after-content {
}

.zone-aside-second {
}

.zone-after-main {
}

.zone-tripel-first {
}

.zone-tripel-second {
}

.zone-tripel-third {
}

.zone-footer-quad-first {
}

.zone-footer-quad-second {
}

.zone-footer-quad-third {
}

.zone-footer-quad-fourth {
}

{
    color: #999999;
}



/* Main
***************************************************************/

/* Content lists and details */
.content-description {
    font-size: 1.154em;
}

.content-items {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .content-items li {
        padding: 0;
        margin: 0;
    }

    .content-items .content-item {
        border-top: 1px solid #dbdbdb;
        padding: 6px 0 6px 0;
    }

        .content-items .content-item header {
        }

            .content-items .content-item header h1 {
                font-size: 1.308em;
                color: #434343;
            }

                .content-items .content-item header h1 a {
                    color: #434343;
                }

                    .content-items .content-item header h1 a:hover {
                    }

/* Search Results */
.search-results header a {
    text-decoration: none;
    color: #0056b3 !important;
}

.search-results .content-item header h1 a:hover {
    color: red !important;
}

/* Tags */
.tags {
    margin-top: 12px;
}

    .tags a {
        background-color: #dbdbdb;
        padding: 3px 6px;
        color: #434343;
    }

        .tags a:hover {
            background-color: #434343;
            color: #fff;
        }

/* Metadata */
.metadata {
    margin: 0 0 12px 0;
    color: #999;
    font-size: 0.846em;
}

    .metadata .published {
        display: inline;
        margin: 0 6px 0 0;
    }

    .metadata .comment-count {
        display: inline;
    }

.meta {
}

/* Comments */
#comments {
    margin: 24px 0 0 0;
    padding: 0;
}

.comment-form {
    margin: 24px 0 0 0;
    padding: 0;
}

.comments {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .comments li {
        margin: 12px 0 0 0;
        padding: 12px;
        border: 1px solid #dbdbdb;
    }

.comment {
    margin: 0;
    padding: 0;
}

    .comment h4 {
        font-size: 1.077em;
    }

    .comment .who {
    }

    .comment .what {
    }

    .comment .reply {
        float: right;
    }

    .comment #add-comment {
    }

.comment-form #comment-by {
    font-size: 1.231em;
    font-weight: normal;
    margin: 0 0 1.2em 0;
    border: none;
}

.comment-form .comment-text {
    width: 33.2em;
}

.comment-form input[type="text"] {
    width: 32em;
}

.comment-form li {
    border: inherit;
    margin: inherit;
    padding: inherit;
}

.comment-disabled {
}

.comment-count {
    font-size: 1.231em;
}

/* Confirmations */
.message, .validation-summary-errors {
    margin: 10px 0 4px 0;
    padding: 4px;
}

.messages a {
    font-weight: bold;
}

.message-Information {
    background: #e6f1c9; /* green */
    border: 1px solid #cfe493;
    color: #062232;
}

.message-Warning {
    background: #fdf5bc; /* yellow */
    border: 1px solid #ffea9b;
}

.critical.message, .validation-summary-errors, .message-Error {
    background: #e68585; /* red */
    border: 1px solid #990808;
    color: #fff;
}


/* Secondary
***************************************************************/

/* Aside Zones */
/* If zone 1 is on */
.aside-1 #layout-content {
    float: right;
    width: 600px;
}

.aside-1 .aside-first {
    float: left;
    width: 360px;
}

/* If zone 2 is on */
.aside-2 #layout-content {
    float: left;
    width: 600px;
}

.aside-2 .aside-second {
    float: right;
    width: 360px;
}

/* If zones 1, 2 are on */
.aside-12 #layout-content {
    width: 600px;
}

.aside-12 .aside-first, .aside-12 .aside-second {
    width: 180px;
}

.aside-12 .aside-first, .aside-12 .aside-second, .aside-12 #layout-content {
    float: left;
}

/* Tripel Zones*/
#layout-tripel > div {
    float: left;
    width: 960px;
}

/*2 zones on */
.tripel-12 #layout-tripel > div {
    width: 480px;
}
/* If zones 1, 2 are on */
.tripel-23 #layout-tripel > div {
    width: 480px;
}
/* If zones 2, 3 are on */
.tripel-13 #layout-tripel > div {
    width: 480px;
}
/* If zones 1, 3 are on */

/*3 zones on */
.tripel-123 #layout-tripel > div {
    width: 320px;
}
/* If zones 1, 2, 3 are on */

/* Quad Footer Zones */
#footer-quad > div {
    float: left;
    width: 240px;
}

/*1 zone on */
.split-1 #footer-quad-first {
    width: 960px;
}
/* If zone 1 is on */
.split-2 #footer-quad-second {
    width: 960px;
}
/* If zone 2 is on */
.split-3 #footer-quad-third {
    width: 960px;
}
/* If zone 3 is on */
.split-4 #footer-quad-fourth {
    width: 960px;
}
/* If zone 4 is on */

/*2 zones on */
.split-12 #footer-quad-first, .split-12 #footer-quad-second {
    width: 480px;
}
/* If zones 1, 2 are on */
.split-13 #footer-quad-first, .split-13 #footer-quad-third {
    width: 480px;
}
/* If zones 1, 3 are on */
.split-14 #footer-quad-first, .split-14 #footer-quad-fourth {
    width: 480px;
}
/* If zones 1, 4 are on */
.split-23 #footer-quad-second, .split-23 #footer-quad-third {
    width: 480px;
}
/* If zones 2, 3 are on */
.split-24 #footer-quad-second, .split-24 #footer-quad-fourth {
    width: 480px;
}
/* If zones 2, 4 are on */
.split-34 #footer-quad-third, .split-34 #footer-quad-fourth {
    width: 480px;
}
/* If zones 3, 4 are on */

/*3 zones on */
.split-234 #footer-quad-second {
    width: 480px;
}
/* If zones 2, 3, 4 are on */
.split-134 #footer-quad-first {
    width: 480px;
}
/* If zones 1, 3, 4 are on */
.split-124 #footer-quad-fourth {
    width: 480px;
}
/* If zones 1, 2, 4 are on */
.split-123 #footer-quad-third {
    width: 480px;
}
/* If zones 1, 2, 3 are on */

/*3 zones on - alternate layout*/
/*.split-123 #footer-quad-first, .split-123 #footer-quad-second, .split-123 #footer-quad-third { width:320px; }*/ /* If zones 1, 2, 3 are on */
/*.split-124 #footer-quad-first, .split-124 #footer-quad-second, .split-124 #footer-quad-fourth { width:320px; }*/ /* If zones 1, 2, 4 are on */
/*.split-134 #footer-quad-first, .split-134 #footer-quad-third, .split-134 #footer-quad-fourth { width:320px; }*/ /* If zones 1, 3, 4 are on */
/*.split-234 #footer-quad-second, .split-234 #footer-quad-third, .split-234 #footer-quad-fourth { width:320px; }*/ /* If zones 2, 3, 4 are on */



/* Widgets
***************************************************************/
.widgets {
}

.widget h1 {
    font-size: 1.077em;
}

/* Edit Mode Widgets */
/* These are the edit controls that appear when you're logged-in */
.widget-control {
    position: relative;
    border: 1px dotted #5f97af;
}

    .widget-control .manage-actions {
        position: absolute;
        top: 0px;
        right: 0px;
    }

        .widget-control .manage-actions a {
            display: block;
            background-color: #dbdbdb;
            color: #434343;
            padding: 3px 6px;
        }

            .widget-control .manage-actions a:hover {
                background-color: #434343;
                color: #fff;
                text-decoration: none;
            }

/* Content Mode */
.content-control {
    border: 1px dotted #5f97af;
    overflow: auto;
    position: relative;
}

    .content-control .manage-actions {
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 9;
    }

        .content-control .manage-actions a {
            display: block;
            background-color: #dbdbdb;
            color: #434343;
            padding: 3px 6px;
        }

            .content-control .manage-actions a:hover {
                background-color: #434343;
                color: #fff;
                text-decoration: none;
            }



/* Pager
***************************************************************/

.pager {
    list-style: none;
    padding: 0;
    margin: 12px 0 0 0;
}

    .pager li {
        float: left;
        padding: 0 12px 0 0;
        margin: 0;
    }

    .pager a, .pager span {
        font-size: 1.077em;
        display: block;
        background-color: #dbdbdb;
        padding: 6px 6px;
        color: #434343;
    }

        .pager a:hover {
            background-color: #434343;
            color: #fff;
        }

    .pager span {
        background-color: inherit;
    }


/* Misc
***************************************************************/

.small {
    font-size: 0.615em;
    margin-bottom: 1.875em;
    line-height: 1.875em;
}

.large {
    font-size: 1.231em;
    line-height: 2.231em;
    margin-bottom: 1.25em;
}

.hide {
    display: none;
}

.quiet {
    color: #666;
}

.loud {
    color: #000;
}

.highlight {
    background: #ff0;
}

.added {
    background: #060;
    color: #fff;
}

.removed {
    background: #900;
    color: #fff;
}

.first {
    margin-left: 0;
    padding-left: 0;
}

.last {
    margin-right: 0;
    padding-right: 0;
}

.top {
    margin-top: 0;
    padding-top: 0;
}

.bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.credits {
    float: left;
}

.user-display {
    float: left;
}

    .user-display .welcome {
    }

    .user-display .user-actions {
    }

.login-form {
    margin: 24px 0 0 0;
}



/* CSS 3 Enhancements 
***************************************************************/

/*input[type="submit"], input[type="button"], button, .button, .button:link, .button:visited {
    color: #333;
    background: #F5F5F5;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb));
    background:-moz-linear-gradient(top , #F5F5F5, #cbcbcb);
    border: 1px solid #999;
    cursor: pointer;
    margin: .2em 0 2em 0;
    padding: .3em 1.8em;
    text-align: center;
}*/

/*input[type="submit"]:hover, input[type="button"]:hover,
    input[type="submit"]:active, input[type="button"]:active,
    input[type="submit"]:focus, input[type="button"]:focus,
    button:hover, .button:hover,
    button:active, .button:active,
    button:focus, .button:focus {
        text-decoration: none;*/
/*background: #ebebeb;
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#ebebeb));
    background:-moz-linear-gradient(top , #e1e1e1, #ebebeb);
    }*/

/* Tag Cloud
***************************************************************/
.tag-cloud li {
    list-style: none;
    display: inline;
}

.tag-cloud-tag-1 {
    font-size: 1em;
}

.tag-cloud-tag-2 {
    font-size: 1.1em;
}

.tag-cloud-tag-3 {
    font-size: 1.2em;
}

.tag-cloud-tag-4 {
    font-size: 1.4em;
}

.tag-cloud-tag-5 {
    font-size: 1.5em;
}


/* RTL */

/* General
***************************************************************/
/* Text elements */
.dir-rtl p img.left {
    float: right;
    margin: 0.923em 0 0.923em 0.923em;
}

.dir-rtl p img.right {
    float: left;
    margin: 0.923em 0.923em 0.923em 0;
}

.dir-rtl address {
    margin: 0 0.923em 0.923em 0;
}


/* Structure
***************************************************************/

.dir-rtl nav ul {
}

    .dir-rtl nav ul li {
        margin: 0 0 -1px 2px;
    }


/* first level */
.dir-rtl nav > ul > li {
    float: right;
}

    .dir-rtl nav > ul > li > a {
        float: right;
    }

    /* second level */
    .dir-rtl nav > ul > li > ul {
        margin: 24px -1px 0px 0;
    }

        /* third level */
        .dir-rtl nav > ul > li > ul > li > ul {
            margin: -20px 90% 0px -1px;
        }

/* Breadcrumb */
.dir-rtl nav ul.breadcrumb {
}

    .dir-rtl nav ul.breadcrumb li {
        margin: 0 0 -1px 2px;
    }

.dir-rtl .zone-header {
    padding: 30px 12px 30px 0;
}


/* Main
***************************************************************/

/* Metadata */
.dir-rtl .metadata .published {
    display: inline;
    margin: 0 0 0 6px;
}

/* Comments */
.dir-rtl .comment .reply {
    float: right;
}

/* Secondary
***************************************************************/

/* Aside Zones */
/* If zone 1 is on */
.dir-rtl .aside-1 #layout-content {
    float: left;
}

.dir-rtl .aside-1 .aside-first {
    float: right;
}

/* If zone 2 is on */
.dir-rtl .aside-2 #layout-content {
    float: right;
}

.dir-rtl .aside-2 .aside-second {
    float: left;
}

/* If zones 1, 2 are on */
.dir-rtl .aside-12 .aside-first, .aside-12 .aside-second, .aside-12 #layout-content {
    float: right;
}

/* Tripel Zones*/
.dir-rtl #layout-tripel > div {
    float: right;
}

/* Quad Footer Zones */
.dir-rtl #footer-quad > div {
    float: right;
}


/* Widgets
***************************************************************/

/* Edit Mode Widgets */
/* These are the edit controls that appear when you're logged-in */
.dir-rtl .widget-control .manage-actions {
    right: inherit;
    left: 0px;
}

/* Content Mode */
.dir-rtl .content-control .manage-actions {
    right: inherit;
    left: 0px;
}



/* Pager
***************************************************************/

.dir-rtl .pager li {
    float: right;
    padding: 0 0 0 12px;
}


/* Misc
***************************************************************/

.dir-rtl .first {
    margin-right: 0;
    padding-right: 0;
    margin-left: inherit;
    padding-left: inherit;
}

.dir-rtl .last {
    margin-right: inherit;
    padding-right: inherit;
    margin-left: 0;
    padding-left: 0;
}

.dir-rtl .credits {
    float: right;
}

.dir-rtl .user-display {
    float: right;
}

.news-category-projection {
    border-right: 2px solid #1b416e;
}

.boxHeading {
    background-color: #1b416e;
    color: #ffffff;
    overflow: auto;
    border-radius: .5em;
    box-shadow: 5px 5px 8px #888888;
    padding: 0 0.6em;
    margin-bottom: 8px;
    /*transform: skew(25deg);*/
}
    div.boxHeading > h1, div.boxHeading > h2, div.boxHeading > h3, div.boxHeading > h4, div.boxHeading > h5, div.boxHeading > h6 {
        padding: 0 0.8em !important;
    }
    
    .boxHeading h1, .boxHeading h2, .boxHeading h3, .boxHeading h4, .boxHeading h5, .boxHeading h6 {
        /*transform: skew(-25deg);*/
    }

    .boxHeading > * a {
        color: #ffffff;
        /*transform: skew(-25deg);*/
        display: inline-block;
    }

    .boxHeading h1 a {
        transform: none;
    }

@media(max-width: 621px) {
    .boxHeading {
        background-color: #1b416e;
        color: #ffffff;
        overflow: auto;
        border-radius: .5em;
        box-shadow: 5px 5px 8px #888888;
        padding: 0 0.6em;
        margin-bottom: 8px;
        transform: none;
    }

        .boxHeading h1, .boxHeading h2, .boxHeading h3, .boxHeading h4, .boxHeading h5, .boxHeading h6 {
            transform: none;
        }

        .boxHeading > * a {
            color: #ffffff;
            transform: none;
            display: inline-block;
            font-size: 16px;
        }
}

/* List for home page projection news widgets */
ul.diamond {
    list-style-type: none;
    margin: 0;
    padding-left: 15px;
}

    ul.diamond li {
        margin: 0;
        margin-bottom: 1em;
        padding-left: 2em;
        position: relative;
    }

        ul.diamond li:after {
            content: '';
            height: .8em;
            width: .8em;
            background: #1b416e;
            display: block;
            position: absolute;
            transform: rotate(45deg);
            top: .25em;
            left: 0;
        }

    ul.diamond > * h1 {
        font-weight: bold;
    }

/* Use display-flex in a row with columns that has different heights to make a column hieights to always be even. */
.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

blockquote {
    border-left: none !important;
    font-style: normal !important;
    padding: 0 !important;
}

/* Top Arguments Widget */
.top-arguments-widget {
    /* background-color: #1B416E;
    color: white;
    padding: .5em;
    box-shadow: 5px 0 5px #888;
    border-radius: .5em; */
    overflow-wrap: break-word;
}

    .top-arguments-widget > ul > li > a {
        /* color: white; */
        font-size: 14px;
    }

    .top-arguments-widget > ul {
        padding-left: .5em;
    }

.top-arguments-widget-wrapper {
    width: auto;
    height: auto;
    margin-bottom: 1em;
}

/* SC Arguments Today Widget */
.sc-arguments-today-widget {
    background-color: #1B416E;
    color: white;
    padding: .5em;
    box-shadow: 5px 5px 5px #888;
    border-radius: .5em;
    overflow-wrap: break-word;
}

    .sc-arguments-today-widget > ul > li {
        font-size: 14px;
    }

    .sc-arguments-today-widget > ul > li > a {
        color: white;
    }

    .sc-arguments-today-widget > ul {
        padding-left: .5em;
    }

.sc-arguments-today-widget-wrapper
{
    width: auto;
    height:auto;
    margin-bottom: 1em;
}


/* Meetings & Events Widget */
.meetings-events-widget {
    background-color: #1B416E;
    color: white;
    padding: .5em;
    box-shadow: 5px 5px 5px #888;
    border-radius: .5em;
    overflow-wrap: break-word;
}

    .meetings-events-widget > ul > li{
        font-size: 14px;
    }

    .meetings-events-widget > ul > li > a {
        color: white;
    }

    .meetings-events-widget > ul {
        padding-left: .5em;
    }

    .meetings-events-widget > h2 >a  {
        text-decoration: underline;
        color: #fff;
    }

.meetings-events-widget-wrapper {
    width: auto;
    height: auto;
    margin-bottom: 1em;
}

/* Upcoming Meetings Widget */
.upcoming-meetings-widget-wrapper {
    width: auto;
    height: auto;
    margin-bottom: 1em;
}

.upcoming-meetings-widget {
    background-color: #1B416E;
    color: white;
    padding: .5em;
    box-shadow: 5px 0 5px #888;
    border-radius: .25rem;
    overflow-wrap: break-word;
}

    .upcoming-meetings-widget > ul > li {
        font-size: 14px;
    }

    .upcoming-meetings-widget > ul > li > a {
        color: white;
    }

    .upcoming-meetings-widget > ul {
        padding-left: .5em;
    }




/* Notices Widget */
.notices-widget {
    background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
    color: white;
    padding: .5em;
    box-shadow: 5px 5px 5px #888;
    border-radius: .5em;
}

    .notices-widget h2 a, .sc-arguments-today-widget h2 a {
        text-decoration: underline;
        color: #fff;
    }

    .notices-widget > ul > li {
        font-size: 14px;
    }

        .notices-widget > ul > li > a {
            color: white;
        }

    .notices-widget > ul {
        padding-left: .5em;
    }

.notices-widget-wrapper {
    width: auto;
    height: auto;
    margin-bottom: 1em;
}

/* Featured and Recent News Widget */
.widget-featured-news .img-thumbnail,
.widget-recent-news .img-thumbnail {
    max-width: 150px !important;
    height: auto !important;
}

/* Generic Widgets */
div.generic-widget {
    background-color: #1B416E;
    color: white;
    padding: .5em;
    box-shadow: 5px 5px 5px #888;
    border-radius: .5em;
    overflow-wrap: break-word;
}

div.generic-widget header > h1{
    text-align: center !important;
}

    div.generic-widget li a {
        color: #ffffff !important;
    }



/* Bootstrap Overrides */
a {
    color: #0056b3;
}

    a:hover {
        color: red;        
    }

.news-item > header h1 a {
    color: #337ab7 !important;
}

.jumbotron {
    border-radius: 0 !important;
}

.panel-default {
    border-color: #1b416e !important;
}

    .panel-default > .panel-heading {
        background-color: #1b416e !important;
        color: white !important;
        border-color: #1b416e !important;
    }

.navbar .dropdown {
    position: static;
}

.navbar-nav .dropdown-menu{
    
}

.dropdown {
    position: unset;
}

.dropdown-menu a.nav-link {
    /*color: #000 !important;*/
    color: #fff !important;
}

ul.dropdown-menu > li.nav-item > a.nav-link {
    color: #000 !important;
}

li.nav-item:hover {
    background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
    border-radius: .2rem;
}

a.nav-link:hover {
    background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
    color: #fff !important;
    border-radius: .2rem;
}

.dropdown-menu {
    /*background: rgba(244,247,246,0.9) !important;*/
    /*background-color: #000;*/
    background-color: #000000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%23000000'/%3E%3Cstop offset='1' stop-color='%231b416e'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-attachment: scroll;
    background-size: cover;
    border: none !important;
    border-radius: unset !important;
    /* background by SVGBackgrounds.com */
}

    .dropdown-menu.show {        
        display: flex !important;
    }

.nav-link {
    font-size: 18px;
    padding: .2rem 1rem;
}

.nav-link, .nav-link.disabled {
    color: #fff !important;
}

ul.navbar-nav {
    margin: 0;
}

li.nav-item {
    padding: 0 1em;    
}

    li.nav-item a {
        color: #fff;
        text-decoration: none
    }

    li.nav-item hr{
        margin: 0 !important;
		border-top: 1px solid #fff;
    }

.breadcrumb-item + .breadcrumb-item::before{
    color: #fff !important;
}

.court-card-deck .card {    
    box-shadow: 5px 5px 5px #888;
    border: 0;
}

.court-card-deck .card-header {
    background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
    color: #fff;
}

.court-card-deck .card img {
    width: 100px;
    align-self: center;
}

.court-card-deck a, .career-card-deck .card a, #career-single-card a
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.court-card-deck .card:hover .overlay, #career-single-card:hover .overlay, .career-card-deck .card:hover .overlay {
    opacity: 0.4;
    background-color: #BA7B08;
	box-shadow: 5px 5px 5px #BA7B08;
}

#justices-card .card .card-body h5.card-title a {
    color: #000;
    font-weight: 600;
}

#justices-card .card .card-body h5.card-title {
    font-size: .75em;
}

    #justices-card .card {
        position: relative;        
    }

    #justices-card .card-img-top, #justices-card .card-body{
        opacity: 1;
        display: block;        
        transition: .5s ease;
        backface-visibility: hidden;
    }

    #justices-card .openbio{
        transition: .5s ease;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
    }

    #justices-card .card:hover .card-img-top, #justices-card .card:hover .card-body {
        opacity: 0.3;
    }

    #justices-card .card:hover .openbio {
        opacity: 1;        
    }

    #justices-card .card .openbio .text {
        background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
        color: white;
        font-size: 16px;
        padding: 16px 32px;        
    }

    #justices-card .card .openbio .text a {
        color: white;
        text-decoration: none;
    }


.career-card-deck .card {
    max-width: 18rem;
    box-shadow: 5px 5px 5px #888;
    border: 0;
}

.career-card-deck .card-header, #career-single-card .card-header {
    /*background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);*/
    background-color: #1B416E;
    color: #fff;
}

.career-card-deck .card img, #career-single-card img{
    width: 100px;
    align-self: center;
}

#career-single-card {
    max-width: 36rem !important;
    box-shadow: 5px 5px 5px #888;
    border: 0;
}

#career-single-card .card-header{
    text-align: center;
}

/* Court Custom Accordion */
.courtAccordion .card, .courtFAQ .card {
    border: none;
    background: none;
    border-bottom: 1px solid gray !important;
    border-radius: 0;
}

.accordionCommittee .card {
    border: none;
    background: none;
}

.accordionCommittee .card-header, .courtFAQ .card-header, .courtAccordion .card-header {
    background: none !important;
    border: none !important;
}

.accordionCommittee .card-body{
    padding: 0;
}

.accordionCommittee .card .card-header h2 button {
    font-size: inherit !important;    
    text-align: left;
    color: #212529 !important;
    padding: 0 !important;    
    line-height: 1.2;
    font-family: inherit !important;
}
.accordionCommittee .card .card-header h2 {
    margin: .6em 0;
}

.courtFAQ h5 .btn, .courtAccordion .btn {
    white-space: normal !important;
    text-align: left;
}

    .courtAccordion h5 .btn i.fa, .courtFAQ h5 .btn i.fa{
        float: right;
    }


.courtFAQ .btn-link {
    color: #000 !important;
    font-weight: bold;
}

    .accordionCommittee .btn-link:hover, .courtFAQ .btn-link:hover {
        text-decoration: none;
    }


#accordionMV .btn, #accordionJury .btn, #courtAccordion .btn {
    color: #000 !important;
}

    #accordionMV .btn-link:hover, #accordionJury .btn-link:hover, .accordionCommittee .btn-link:hover {
        color: #0056b3;
    }

/* BLE Menu */
#navbarBLE a {
    font-size: 14px;
}

#navbarBLE li.nav-item{
    padding: 0 .5em;
}

#navbarBLE .dropdown-menu {
    background: #343a40 !important;
    left: auto !important;
}

    #navbarBLE .dropdown-menu.show{
        display: block !important;
    }

/* Boostrap override for Lists */
ul.nd-list {
    margin-bottom: 20px;
    padding-left: 0 !important;
    list-style-type: none;
    margin: 1.5em;
    line-height: 1.538em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}


    ul.nd-list li.list-group-item a:after {
        font-family: "FontAwesome";
        font-size: 25px;
        content: "\f0da";
        float: right;
    }

    ul.nd-list li {
        position: relative;
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #ddd;
        padding-right: 10%;
    }

        ul.nd-list li a {
            color: inherit !important;
        }

            ul.nd-list li:hover, ul.nd-list li a:hover {
                color: #555;
                text-decoration: none;
                background-color: #f5f5f5;
            }

        ul.nd-list li:first-child {
            border-top-right-radius: 4px;
            border-top-left-radius: 4px;
        }

        ul.nd-list li:last-child {
            margin-bottom: 0;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        ul.nd-list li a:after {
            font-family: "FontAwesome";
            font-size: 25px;
            content: "\f0da";
            position: absolute;
            left: 95%;
            top: 10px;
        }

ul.nd-list-boxes {
    padding-left: 0 !important;
    list-style-type: none;
    margin: .5em;
}

    ul.nd-list-boxes li {
        background-color: #1B416E;
        border-radius: .4em;
        color: #fff;
        padding: .5em !important;
        margin: .5em;
    }

        ul.nd-list-boxes li a {
            color: #fff;
            text-decoration: none;
        }

        ul.nd-list-boxes li a, ul.nd-list-boxes li p {
            font-size: 16px;
        }

            ul.nd-list-boxes li a:first-child {
                line-height: 1em;
                font-size: 22px;
            }

ul.district-judge-lists{
    margin: 0 1.5em;
}

article.new-committee.content-item ul{
    margin: 0;
}


/* DataTables Overrides */
table.dataTable tbody tr {
    background-color: transparent;
}

/* Banner */
.banner {
    width: 100%;    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    position: relative;
}

.banner-container {    
    height: 100%;
    position: relative;    
}

.banner-container:before {
    background-color: rgba(67,149,111,0.8);
}

.banner-content-wrapper{
    z-index: 1;
}

.banner-title {
    font-weight: 400;
    color: #fff;
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.05;
    margin-bottom: 0;
    vertical-align: middle;
    z-index: 1;
}

@media (min-width: 1201px) {
    .banner-title {
        font-size: 5.125rem !important;
    }
}

@media(min-width: 911px) {    
    .banner-title {
        font-size: 4.625rem !important;
    }
}

.font-bold{
    font-weight: bold;
}

/* Featued Pages */
article.featured-pages-widget {
    margin: 0 auto;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: -ms-fit-content;
    width: -o-fit-content;
    width: fit-content;
    text-align: center;
}

.featured-pages-wrapper {
    display: inline-block;
}

.featured-page-container {
    margin: .5em;
    display: inline-block;
}

.featured-page-item {
    width: 250px;
}

.featured-page-title {
    padding: .5em .5em;
    background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
    color: #fff;
}

div.featured-page-image img {
    width: 250px;
}


/* How Do I Boxes*/
.how-do-i-wrapper {    
    width: 100%;
}    

    .how-do-i-wrapper > .col-md-4 {
        margin-bottom: .5em;
    }

    .how-do-i-wrapper div[class*=' col-'] {        
        background-clip: content-box;
    }

.how-do-i-item {    
    overflow: visible;    
    height: 100%;   
}

    .how-do-i-item a {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

.how-do-i-image {
    text-align: center;
    font-size: 10px;
    width: 100%;
    padding: .5em;
}

    .how-do-i-image i{
        line-height: 100%;
    }

    .how-do-i-image img {
        /*min-height: 140px;*/
        max-height: 140px;
        max-width: 140px;
        width: 100%;        
        border-radius: 50%;
        border: .3em solid white;
        box-shadow: 3px 3px 3px #888;        
        /*padding: 0 0 .5em 0;
        margin: 0 auto;
        width: 65px;*/
    }

.how-do-i-title {
    padding: .5em .5em;
    /*color: #fff;*/
    color: #000;
    text-align: center;
       
}

    .how-do-i-title a {
        color: #fff;
        text-decoration: none;
    }

@media screen and (max-width: 731px) {
    .how-do-i-title a:after {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: "\f061";
        padding-left: 1em;
    }

    .how-do-i-wrapper div[class*=' col-'] {
        background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
        background-clip: content-box;
    }

    .how-do-i-item {
        border-radius: 0 !important;                 
    }

    .how-do-i-title {
        text-align: left;    
        color: #fff;
    }
}


/* Mega Dropdown */

.mega-dropdown-menu {
    position: absolute;
    padding: 5px 5%;
    width: 100%;    
    left: 0;
    top: 100%;
    /*min-width: 1000px;*/
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 100vw !important;
}

.rule *:not(a){
	color: #000;
}

/* Pritn styles */
@media print{
    #mainSearch, #layout-footer-wrapper, .widget-rule-navigation-widget, .zone-side-bar-toggle, .banner, .how-do-i-image img {
        display: none;
    }

    img#branding {
        filter: invert(100%);
     
    }

    body {
        margin: 0;
        color: #000;
        background-color: #fff;
    }

    #header-menu-wrapper{
        background: none;
    }

    .breadcrumb > li > a{
        color: #000;
        text-decoration: none;
    }

    @page {
        margin-top: 1in;
        margin-bottom: 1in;
    }

   
}


#tblNWcitVol td{
    padding: 0;
}

a.header-link{
    color: #fff;
}

a#link-logo:hover{
    color: transparent;
}

.ndcourts-alert {
    margin-bottom: 0 !important;
}

.ndcourts-form-enum-list {
    margin: .5em;
}

.ndcourts-form-enum-list li input {
    vertical-align: middle;
}

@media (min-width: 1200px) {
    .col-xl-2.how-do-i-column {
        max-width: 14%;
    }
}

.ndcourts-form-enum-list-horizontal-label {
    float: left;
}

.ndcourts-form-enum-list-horizontal {
    margin: 0 .5em .5em .5em;
    padding: 0;
    display: inline-block;
    line-height: 1.1;
    float: left;
}

    .ndcourts-form-enum-list-horizontal li input {
        vertical-align: middle;
    }

ol.list-unstyled.ndcourts-form-enum-list-horizontal li {
    float: left !important;
    padding-right: 1em !important;
}

    ol.list-unstyled.ndcourts-form-enum-list-horizontal li label {
        margin: 0 !important;
    }

.ndcourts-col form-field {
    margin: 0 !important;
}