@charset "utf-8";
/* CSS Document */

/*Test notification 5*/
/* OMI*/
div#omiBranding {
    background-image: url("./images/languages-bg.png");
    height: 88px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position-x: center;
}

div.hero_header_sectionOMI {
    background-image: url("./images/languages-bg-top.png") !important;
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #f5f5f5;
    padding-bottom: 55px;
    z-index: 199;
}

.hero_header_sectionOMI .field--name-body, .hero_header_sectionOMI .field--name-field-subheading, .hero_header_sectionOMI .field--name-field-subtitle, .hero_header_sectionOMI .field--name-field-description, .hero_header_sectionOMI .hero-title {
    color: #000;
    font-size: 1.625rem;
    line-height: 150%;
}
span#languageSelectorLabel {
    display: none;
}
div.sf-lang-selector{

}

@media screen and (max-width: 1560px) {
    div .hero_header_sectionOMI {
        background-size: 65%;
    }
}
@media screen and (max-width: 1200px) {
    div.hero_header_sectionOMI {
        background-size: 60%;
    }
}

@media screen and (max-width: 976px) {
    div.hero_header_sectionOMI {
        background-size: 50%;
    }
}

    div#languages {
        padding: 34px 12px 25px 12px !important;
        font-size: 0.9rem;
    }
    /* end of OMI */

    .hidden, .hide {
        display: none;
    }

    .clear {
        clear: both;
        float: left;
        display: block;
        width: 100%;
    }

    .sf_cols {
        clear: both;
    }

    h3 {
        margin-top: 2rem;
    }

    figure {
        margin: 0 !important;
    }

    .videoDetailedInformation {
        margin: 5rem 0;
    }

    .sf-Gallery-thumbs.sf-Gallery-thumbs--video a {
        width: 100% !important;
        height: 100% !important;
    }

    .sf-Gallery-thumbs.sf-Gallery-thumbs--video > .sf-Gallery-thumb {
        height: 100% !important;
    }

    /* column spacing*/

    .sf_2cols_2_33 .sf_2cols_2in_33 {
        margin-left: 5rem;
    }

    .sf_4cols_1_25, .sf_4cols_2_25, .sf_4cols_3_25, .sf_4cols_4_25 {
        float: left;
        width: 25%;
        margin-top: 50px !important;
    }

    .sf-fieldWrp h3 {
        margin-top: 2rem;
    }





    div.sf_2cols_1in_75 {
        margin-right: 4rem;
    }

    /* quote styling*/
    blockquote {
        margin: 1rem 0 2rem 2rem;
        font-size: 1.6rem;
        line-height: 2rem;
    }

        blockquote::before {
            content: "\e90f";
            font-family: 'icomoon' !important;
            margin-left: -2rem;
            left: 0;
            top: 0;
        }

        blockquote::after {
            content: "\e90e";
            font-family: 'icomoon' !important;
            vertical-align: top;
            float: right;
            margin-top: -3rem;
        }

    /* table*/
    table {
        margin: 2rem 0;
        width: auto;
        table-layout: fixed;
    }

    th {
        background: rgb(0,0,0);
        color: rgb(255,255,255);
        padding: 1rem;
        border: 1px solid rgb(255,255,255);
        font-weight: normal;
    }

    table ol, table ul, table dl {
        padding-left: 1rem !important;
    }

    caption {
        padding-top: .75rem;
        padding-bottom: .75rem;
        color: #6c757d;
        text-align: center !important;
        caption-side: top !important;
        font-size: 1.4rem !important;
    }

    /* document icons */
    .sf-icon-lg {
        height: 23px !important;
        width: 23px !important;
    }

    .sf-icon-txt-md {
        padding: 0.2em 0.4em;
        top: 47%;
        right: -2px !important;
    }

    .sf-icon-txt .sf-icon-txt-doc, .sf-icon-txt .sf-icon-txt-docx {
        background-color: #716c70 !important; /*dlgsc grey*/
    }

    .pr-2, .px-2 {
        padding-right: .75rem !important;
        float: left;
    }

    /* table stuff */

    table td {
        padding: 1rem;
        border: 1px solid rgb(255,255,255);
        vertical-align: top;
    }

    table tr:nth-child(even) {
        background-color: rgb(229,229,229);
    }

    table tr:nth-child(odd) {
        background-color: rgb(242,242,242);
    }



    /* address*/

    address {
        font-style: normal;
    }

    /* Google maps */

    #map {
        height: 40rem;
    }

    .marker {
        color: #000 !important;
    }

    ul.marker {
        color: #000 !important;
        list-style: none !important;
    }

        ul.marker li.title {
            color: #000;
            font-size: 1.5rem !important;
        }


    /* scroll to top */

    #back2Top {
        position: fixed;
        bottom: 1em;
        right: 1em;
        width: 3em;
        height: 3em;
        border-radius: 50%;
        border: 2px solid #2D2F32;
        /*text-indent: -9999px;*/
        background: #d1d1d1;
        background: #d1d1d1;
        opacity: 0.75;
        z-index: 10000;
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -moz-transition-property: -moz-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        -webkit-transition-property: -webkit-transform, opacity;
        transition-property: transform, opacity;
        -moz-transition-duration: 250ms;
        -o-transition-duration: 250ms;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

        #back2Top:hover {
            background-color: rgb(209, 66, 16);
            color: #000;
        }

            #back2Top:hover::before {
                font-family: 'icomoon' !important;
                content: "\ea3c";
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
                font-size: 1.0rem;
            }

        #back2Top::before {
            font-family: 'icomoon' !important;
            content: "\e905";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            top: -2px;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 1em;
            height: 1em;
            text-indent: 0;
            color: #000;
            font-size: 1.5rem;
        }

    /**/
    ul.menu-level-0 li.menu-item a {
        text-decoration: none !important;
    }

    .sfPublicWrapper {
        padding: 0 !important;
    }

    .content_section .container .row {
        padding-left: 20px;
        font-size: 1.125rem !important;
        line-height: 160%;
    }

    .container .row div[class*="column"] {
        font-size: 1.125rem;
    }

    /* nav */

    .nav_desktop ul > li.has_children > a::after {
        font-family: "icomoon";
        content: "\e904" !important;
    }

    select.nav-select {
        display: none;
    }

    /* mobile nav */
    .nav_mobile .menu_header .menu_closer a::after {
        content: "\ea0f";
        font-family: "icomoon";
    }

    .nav_mobile nav ul li.has_children > a::after {
        content: "\ea3c";
        font-family: "icomoon";
    }

    .nav_mobile nav ul li:last-child {
        border-bottom: solid 1px #d1d1d1 !important;
    }

    .nav_mobile div.columnMenu {
        float: left;
        width: 100%;
    }
    /* height fix for mobile nav */
    .nav_mobile .mobile_menu_wrapper {
        /*overflow-y: scroll;*/
    }

.nav_mobile .menu_header .menu_brand a img {
    width: auto !important;
    height: auto !important;
    padding: 17px 32px 31px 15px !important;
    max-height: 100px !important;
}

    /* card */

    div.cardDLGSC div.card-body {
        flex: 1 1 auto;
        padding: 1.25rem;
        background: #f5f5f5 !important;
        min-height: 234px;
    }

    div.sf_4cols_1_25 div.cardDLGSC div.card-body {
        /*min-height: 219px;*/
        height: 100%;
    }

div.cardDLGSC div.card-body h2.card-title,
div.cardDLGSC div.card-body h3.card-title {
    margin-top: 0 !important;
}

    div.cardDLGSC div.card-body h2.card-title a,
    div.cardDLGSC div.card-body h3.card-title a,
    p.videoTitle {
        font-family: Heebo,Arial,Helvetica,sans-serif;
        font-weight: 900;
        line-height: 132%;
        color: #1a1a1a;
        letter-spacing: 0;
        font-size: 1.5rem;
        margin-bottom: 1.25rem;
        margin-bottom: 0px;
        font-weight: 700;
        display: block;
        padding-right: 26px;
        border: none;
    }

            p.videoTitle::before {
                font-family: "icomoon";
                content: "\ea9d";
                margin-right: 0.6rem;
            }

div.cardDLGSC div.card-body h2 a::after,
div.cardDLGSC div.card-body h3 a::after {
    font-family: "icomoon";
    content: "\e906";
}

div.cardDLGSC div.card-body h2 a:hover:after,
div.cardDLGSC div.card-body h2 a:focus:after,
div.cardDLGSC div.card-body h3 a:hover:after,
div.cardDLGSC div.card-body h3 a:focus:after {
    font-family: "icomoon";
    content: "\ea3c";
}

div.cardDLGSC div.card-body h2 a:hover,
div.cardDLGSC div.card-body h2 a:focus,
div.cardDLGSC div.card-body h3 a:hover,
div.cardDLGSC div.card-body h3 a:focus {
    color: #D14210;
}

    .submitting .card-title {
        display: inline !important;
        margin-left: 10px !important;
    }

    .submitting .sf_4cols_1_25,
    .submitting .sf_4cols_2_25,
    .submitting .sf_4cols_3_25,
    .submitting .sf_4cols_4_25 {
        margin-top: 0 !important;
    }
    /* forms */

    .sf-fieldWrp label,
    .sf-fieldWrp strong {
        display: inline-block;
        padding: 30px 0 0 0;
        font-weight: bold;
        width: 100%;
    }


    .sf-fieldWrp input {
        box-sizing: border-box;
        display: block;
        width: 100%;
        margin: 10px 0 0 0;
        padding: 1%;
    }

    .sf-fieldWrp textarea {
        border-radius: 0;
        color: #000;
        padding: 3%;
        display: block;
        margin: 10px 0 30px 0;
        width: 100%;
        box-sizing: border-box;
    }

    .sf-Checkboxes input {
        float: left;
        width: 3%;
    }



    .sf-fieldWrp textarea {
        border-radius: 0;
        color: #000;
        padding: 1%;
    }

    div.sf-fieldWrp select {
        margin-bottom: 50px;
    }

    div.sf-fieldWrp button {
        display: inline-block;
        background: #000;
        color: #fff;
        text-decoration: none;
        font-size: .875rem;
        line-height: 150%;
        font-weight: 500;
        border: 0px;
        border-radius: 0px;
        -webkit-appearance: none;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        padding: 18px 36px;
    }

    .button:first-child, .image-button:first-child {
        margin-top: 50px;
    }

    div.sf-RadioButtons label,
    div.sf-Checkboxes label {
        padding: 0;
    }

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

    div.content_section input[type="radio"] {
        -webkit-appearance: radio;
        border: 0;
        float: left;
        margin-right: 6px;
        margin-top: 3px;
        padding: 0;
        position: relative;
        width: auto;
        margin: 5px 1rem 0 0;
    }

    div.content_section .button.form-submit button,
    div button {
        display: inline-block;
        background: #000;
        color: #fff;
        text-decoration: none;
        font-size: .875rem;
        line-height: 150%;
        font-weight: 500;
        border: 0px;
        border-radius: 0px;
        -webkit-appearance: none;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        padding: 18px 36px;
    }

        div.content_section .button.form-submit button:hover,
        div.content_section .button.form-submit button:focus,
        div.sf-fieldWrp button:hover,
        div.sf-fieldWrp button:focus,
        div button:hover,
        div button:focus {
            background: #D14210;
            cursor: pointer;
        }


    div.content_section.button--primary::after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\ea3c";
    }

    div.content_section.button,
    div.content_section.image-button {
        margin-left: 0;
    }

    .WasThisInformationUseful {
        transform: none;
        -moz-transition: content .3s ease;
        -o-transition: content .3s ease;
        -webkit-transition: content .3s ease;
        transition: content .3s ease;
    }

    .footer_section {
        border-top: solid 1px #d1d1d1;
        padding-top: 15px;
    }
    /* feeds */
    div.jobs div {
        margin: 0 0 5rem 0;
    }

        div.jobs div div#description {
            margin: 0;
        }

    /* related infromation */

    .related-information {
        width: calc((8.3333% * 8) - 40px);
    }

        .related-information ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

    .content_section .related-information li {
        width: 47%;
        display: block;
        padding: 1.5em 0;
        border-bottom: 1px solid rgb(209, 209, 209);
        color: #000;
        font-weight: 400;
        color: #000;
        text-decoration: none;
        float: left;
        margin-right: 1rem;
    }

        .content_section .related-information li a {
            border-bottom: none;
        }

    .content_section .related-information a::after {
        font-family: 'icomoon';
        content: "\e906";
        margin-left: 10px;
    }

    .content_section .related-information a:hover:after,
    .content_section .related-information a:focus:after {
        font-family: 'icomoon';
        content: "\ea3c";
        margin-left: 0.5rem;
    }


    .content_section .related-information a:hover,
    .content_section .related-information a:focus {
        color: rgb(209, 66, 16);
    }

    .content_section .related-information ul li:nth-last-child(-n+2) {
        border-bottom: none;
        margin-bottom: 1px;
    }


    /*icomoon */
div.content_section h3 a::after,
div.content_section h2 a::after {
    display: inline-block;
    margin-left: 0px;
    margin-right: -24px;
    width: 24px;
    font-weight: normal;
    font-size: 75%;
    text-align: center;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    -moz-transition: content .3s ease;
    -o-transition: content .3s ease;
    -webkit-transition: content .3s ease;
    transition: content .3s ease;
}

    /* headings */
    div.content_section h2 a,
    div.content_section h3 a {
        color: #000;
        font-family: Heebo,Arial,Helvetica,sans-serif;
        font-weight: 900;
        line-height: 132%;
        color: #1a1a1a;
        letter-spacing: 0;
        font-size: 1.75rem;
        margin-bottom: 1.25rem;
        margin-bottom: 0px;
        font-weight: 900;
        display: block;
        padding-right: 24px;
        border: none;
    }

        div.content_section h2 a::after,
        div.content_section h3 a::after {
            font-family: "icomoon";
            content: "\e906";
        }

        div.content_section h2 a:hover:after,
        div.content_section h2 a:focus:after,
        div.content_section h3 a:hover:after,
        div.content_section h3 a:focus:after {
            font-family: "icomoon";
            content: "\ea3c";
        }

        div.content_section h2 a:hover,
        div.content_section h2 a:focus,
        div.content_section h3 a:hover,
        div.content_section h3 a:focus {
            color: #D14210;
        }


    h6 {
        font-size: 1.25rem;
        line-height: 160%;
        font-weight: 500;
        margin: 1rem 0;
    }


    /* hero carousel*/

    div.content_section h2.hero-heading {
        color: #ffffff;
        font-size: 2.5rem;
        margin-top: 10px;
        margin-left: 5rem;
    }

        div.content_section h2.hero-heading::before {
            font-family: 'icomoon' !important;
            content: "\e90b" !important;
            color: rgb(209, 66, 16);
            background: #fff;
            display: inline-block;
            text-align: center;
            padding: 0rem 0.4rem;
            border-radius: 50%;
            background: #fff;
            font-size: 2.5rem;
            margin-right: 0.5rem;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

    div.content_section p.hero-description {
        color: #ffffff;
        font-weight: 0;
        margin-left: 10.3rem;
        min-height: 4rem;
    }

    .owl-theme .owl-nav {
        margin-top: 10px;
        font-size: 3rem;
    }

        .owl-theme .owl-nav [class*="owl-"]:hover {
            background: rgb(209, 66, 16);
            color: #FFF;
            text-decoration: none;
        }

    @media screen and (max-width: 957px) {
        div.content_section h2.hero-heading {
            margin-left: 2rem !important;
        }

        div.content_section p.hero-description {
            margin-left: 2rem !important;
        }
    }

    @media screen and (max-width: 1500px) {
        div.content_section p.hero-description {
            margin-left: 5.3rem;
        }
    }
    /* main content */

    .hero_header_section {
        background-image: url(./images/page_header_bg2.png) !important;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: #f5f5f5;
        padding-bottom: 55px;
        z-index: 199;
    }

    @media screen and (max-width: 976px) {
        .hero_header_section {
            background-image: url(./images/page_header_bg.png) !important;
            background-position: top right;
            background-repeat: no-repeat;
            background-size: 50%;
            background-color: #f5f5f5;
            padding-bottom: 55px;
            z-index: 199;
        }
    }

    div.content_section h2 {
        margin-top: 50px;
    }



    div.content_section .sf_4cols_1_25 .sf_4cols_1in_25,
    div.content_section .sf_4cols_2_25 .sf_4cols_2in_25,
    div.content_section .sf_4cols_3_25 .sf_4cols_3in_25,
    div.content_section .sf_4cols_4_25 .sf_4cols_4in_25 {
        margin-right: 10px;
        margin-bottom: 0px;
    }

    .content_section a {
        color: #4d4d4d;
        font-weight: 500;
        text-decoration: none;
        border-bottom: dotted 2px gray;
    }

    div.callToAction {
        margin: 5rem 0;
    }

    #topMessage .callToAction {
        margin: 0;
    }

    div#topMessage a {
        color: #fff;
        text-decoration: underline;
    }

    .callToAction a, .callToAction .sf-Long-text {
        padding: 1.4rem 3.375rem 1.4rem 3.375rem;
        display: block;
        color: #fff;
        background: #D14210;
        font-size: 1.75rem;
        line-height: 1.25;
        color: #fff !important;
        font-weight: 700;
    }

        .callToAction a::after {
            font-family: 'icomoon' !important;
            content: "\e906" !important;
            margin-left: 0.1rem;
        }

        .callToAction a::before {
            /*width: 2rem;
    height: 2rem;*/
            display: inline-block;
            text-align: center;
            padding: 1.0rem 1.3rem;
            border-radius: 50%;
            background: #fff;
            color: #D14210;
            font-size: 3rem;
            margin-right: 2.5rem;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            font-family: 'icomoon' !important;
            content: "\e90b" !important;
        }

        .callToAction a:hover,
        .callToAction a:focus {
            background: #2D2F32;
        }

            .callToAction a:hover:before,
            .callToAction a:focus:before {
                color: #2D2F32;
            }

    @media print {
        .callToAction a, .callToAction .sf-Long-text {
            color: #000 !important;
        }
    }

    /*DIV.callToAction  {
    display: inline-block;
    background: #000;
    color: #fff;
    text-decoration: none;
    font-size: .875rem;
    line-height: 150%;
    font-weight: 500;
    border: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 12px 30px;
    font-size: 1rem;
    margin: 10px 0 75px 0;
}
DIV.callToAction::after  {
	font-family: "icomoon";
	content: "\e906";
}
DIV.callToAction:hover, a.boxlink:focus  {
	color: #fff;
	background-color: rgb(209, 66, 16);
}

DIV.callToAction a {
border-bottom: none;
color: #fff;
}*/
    p.greyHighlight {
        display: inline-block;
        background: #716C70;
        color: #fff !important;
        text-decoration: none;
        font-size: .875rem;
        line-height: 150%;
        font-weight: 500;
        border: 0px;
        border-radius: 0px;
        -webkit-appearance: none;
        padding: 12px 30px;
        font-size: 1rem;
        margin: 10px 10px 75px 0;
    }

    .boxhighlight {
        background-color: rgba(46,129,142,.2);
        padding: 1rem 1rem 0.25rem 1rem;
        margin-bottom: 1rem;
    }

    @media print {
        .sf-Long-text div.boxlink a, .sf-Long-text a.boxlink, .sf-Long-text input.boxlink {
            color: #000 !important;
        }
    }

    div.boxlink a, a.boxlink, input.boxlink {
        display: inline-block;
        background: #000;
        color: #fff !important;
        text-decoration: none;
        font-size: .875rem;
        line-height: 150%;
        font-weight: 500;
        border: 0px;
        border-radius: 0px;
        -webkit-appearance: none;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        padding: 12px 30px;
        font-size: 1rem;
        margin: 10px 10px 75px 0;
        cursor: pointer !important;
    }

    a.lessmargin {
        margin-bottom: 15px !important;
    }

    div.boxlink a::after,
    a.boxlink::after {
        font-family: "icomoon";
        content: "\e906";
        margin-left: 10px;
    }

    a.boxlink:hover, a.boxlink:focus,
    div.boxlink a:hover, div.boxlink a:focus,
    input.boxlink:hover, input.boxlink:focus {
        color: #fff;
        background-color: rgb(209, 66, 16);
    }

    .hero_header_section h2 {
        margin: 0 !important;
        font-size: 2rem !important;
    }

    div.block-region-hero .sf_2cols_2in_25 p {
        font-size: 1.125rem !important;
        line-height: 150%;
    }

    /* search */

    div.form-item button {
        align-content: inline-block;
        vertical-align: top;
    }

    #GoToWAGovernmentSearch {
        font-size: 1rem;
        display: inline-block;
        padding: 0px;
        color: #fff;
        font-weight: 500;
        font-size: .875rem;
        border-bottom: dashed 1px #fff;
        margin-top: 12px;
    }

    a#GoToWAGovernmentSearch {
        text-decoration: none !important;
    }

        a#GoToWAGovernmentSearch:hover, a#GoToWAGovernmentSearch:focus {
            border-bottom: solid 1px #fff;
        }

    div.form-item.active input, div.form-item.active button, div.form-item.active button::before {
        color: #000 !important;
        background: #fff !important;
        background-image: none !important;
        outline: none !important;
    }

    div.form-item button {
        width: 40px !important;
        height: 3.25rem;
        padding: .875rem 10px .875rem 0px;
        border: 0px;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
        border-right-color: currentcolor;
        border-right-style: none;
        border-right-width: 0px;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
        border-top: solid 1px #585c62;
        border-right: solid 1px #585c62;
        border-bottom: solid 1px #585c62;
        border-radius: 0px;
        -webkit-appearance: none;
        color: #fff;
        background: #2D2F32;
        background-image: none;
        background-image: none !important;
        font-size: 0px;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

        div.form-item button:focus {
            outline: dotted 2px #D54614;
        }

    div.form-item div.form-submit button::before {
        content: "\e986" !important;
        font-family: "icomoon";
        font-weight: normal;
        font-size: 1.375rem;
        line-height: 1.375rem;
        color: #fff;
        background: #2D2F32;
        vertical-align: middle;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .form-control-on-page .btn {
        border-radius: 0 !important;
        padding: 0.8rem .95rem !important;
    }

    .form-control-on-page .btn-primary {
        background-color: rgb(209,66,16) !important;
        border-color: rgb(209,66,16) !important;
        margin-left: 1rem;
    }

        .form-control-on-page .btn-primary:hover, .form-control-on-page .btn-primary:focus {
            background-color: rgb(0,0,0) !important;
            border-color: rgb(0,0,0) !important;
        }

    header .header_desktop .header_search .form-submit button {
        border-top: solid 1px #585c62 !important;
        border-right: solid 1px #585c62 !important;
        border-bottom: solid 1px #585c62 !important;
        background: #2D2F32 !important;
    }

    header .header_desktop .header_search .active .form-submit button {
        background: #fff !important;
    }

    header .header_desktop .header_search .form-submit button:hover::before,
    header .header_desktop .header_search .form-submit button:focus::before {
        color: #D14210 !important;
    }

    .form-control {
        border-radius: 0 !important;
    }

    input.form-control-on-page {
        height: 3rem !important;
        padding: 0 1rem !important;
        border-radius: 0 !important;
    }

    div.form-item div.form-submit button:hover::before, div.form-item button:focus::before {
        color: #D14210;
    }

    body > div.dialog-off-canvas > div.outer-container > div > header > div.header_mobile > div > div > div > div.logo > a > img {
        width: 200px !important;
    }

    .filterSearch {
        margin-bottom: 5rem;
    }

    /* header */
    header .header_mobile .logo a img {
        width: 200px !important;
    }

    img#printLogo {
        display: none;
    }

    @media print {
        header .header_mobile .logo a img {
            width: 100% !important;
            max-height: 100% !important;
            content: url("/ResourcePackages/dlgsc/images/dlgsc-logo-black.png") !important;
        }
    }

    #wereWorkingForWA {
        background-image: url(./images/WW4WA_White.png) !important;
        background-position: top left;
        background-repeat: no-repeat;
        background-size: contain;
        height: 48px;
        width: 144px;
        margin-right: 0 !important;
        margin-top: 10px;
    }


    header .header_desktop .header_links ul li {
        display: inline-block;
        padding: 0px;
        margin: .9375rem 45px 1rem 0px !important;
    }


    @media screen and (max-width: 1760px) {
        #wereWorkingForWA {
            width: 115px !important;
        }
    }


    @media screen and (max-width: 1480px) {
        header .header_desktop .header_links ul li {
            margin: .9375rem 20px 1rem 0px !important;
        }

        #wereWorkingForWA {
            width: 125px !important;
        }
    }

    @media screen and (max-width: 1220px) {
        header .header_desktop .header_links ul li {
            margin: .9375rem 20px 1rem 0px !important;
        }

        #wereWorkingForWA {
            width: 115px !important;
        }
    }

    @media screen and (max-width: 976px) {
        header .header_desktop .header_links ul li {
            margin: .9375rem 20px 1rem 0px !important;
        }
    }

    header .header_mobile .search_icon::before {
        content: "\e986";
        font-family: "icomoon";
    }

    header .header_mobile .nav_icon::before {
        content: "\e9bd";
        font-family: "icomoon";
    }


    /* footer */

    #ConnectWithUs {
        width: 100%;
        float: left;
        margin: 0 0 50px 0;
    }

    footer {
        background: #2D2F32;
        color: #fff
    }

        footer .pre-footer {
            padding-top: 80px;
            padding-bottom: 64px
        }

        footer .footer_acknowledgement, footer .footer_feedback {
            padding: 40px 0px
        }

            footer .footer_acknowledgement h2, footer .footer_feedback h2 {
                text-align: left;
                color: #fff;
                font-weight: 700;
                font-size: 1.25rem;
                line-height: 1.875rem;
                margin-top: 0px;
                margin-bottom: 1rem
            }

            footer .footer_acknowledgement h3, footer .footer_feedback h3 {
                text-align: left;
                color: #fff;
                font-weight: 700;
                font-size: 1.15rem;
                line-height: 1.875rem;
                margin-top: 0px;
                margin-bottom: 1rem
            }

            footer .footer_acknowledgement p, footer .footer_feedback p {
                text-align: left;
                font-size: 1.125rem;
                line-height: 2rem
            }

            footer .footer_acknowledgement :last-child, footer .footer_feedback :last-child {
                margin-bottom: 0px
            }

        footer .footer_acknowledgement {
            width: 90%
        }

        footer .footer_feedback_wrapper {
            text-align: right
        }

        footer .footer_feedback {
            display: inline-block;
            max-width: 400px;
            padding: 40px 44px;
            background: #393c3f
        }



            footer .footer_feedback a.footer-feedback-button, a.footer-feedback-button {
                font-size: 1rem;
                line-height: 1.25rem;
                text-align: left;
                display: inline-block;
                background: #000;
                color: #fff;
                text-decoration: none;
                font-size: .875rem;
                line-height: 150%;
                font-weight: 500;
                border: 0px;
                border-radius: 0px;
                -webkit-appearance: none;
                -moz-transition: all .3s ease;
                -o-transition: all .3s ease;
                -webkit-transition: all .3s ease;
                transition: all .3s ease;
                padding: 12px 30px;
                background: transparent;
                color: #fff;
                border: solid 1px #fff;
                padding: 12px 30px
            }

                footer .footer_feedback a.footer-feedback-button:hover, a.footer-feedback-button:hover,
                footer .footer_feedback a.footer-feedback-button:focus, .footer-feedback-button:focus {
                    background: #fff;
                    color: #000;
                    cursor: pointer
                }

                footer .footer_feedback a.footer-feedback-button:focus, a.footer-feedback-button:focus {
                    outline: dotted 2px #D54614
                }

                footer .footer_feedback a.footer-feedback-button.button--inactive {
                    background: #ccc;
                    color: #000
                }

    @media print {
        footer .footer_feedback a.footer-feedback-button {
            border: solid 1px #000
        }
    }

    footer .footer_feedback a.footer-feedback-button:hover, footer .footer_feedback a.footer-feedback-button:focus {
        color: #000;
        background: #fff
    }

    #haveyoursay {
        float: left;
        margin: 40px 0 0 0;
    }

    footer .footer_feedback {
        max-width: 100%;
    }

    /* nav */

    .nav_desktop ul > li ul.navcolumn {
        position: relative !important;
        -webkit-box-shadow: none !;
        box-shadow: none !important;
        border: none !important;
        padding: 5px !important;
    }

    @media (min-width: 975px) {
        .nav_desktop ul > li ul.navcolumn {
            min-width: 11.5rem !important;
        }
    }

    .nav_desktop ul li a {
        padding: 27px 12px 32px 12px !important;
        font-size: 1.0rem;
    }

    .nav_desktop ul li:hover ul.menu-level-1 {
        display: block;
    }

    body > div.dialog-off-canvas > div.outer-container > div > div.nav_desktop > div > div > div > div > div > nav > div:nth-child(2) > div > ul > li:nth-child(1):hover > div {
        display: block;
    }

    .nav_desktop ul li {
        margin: 0px 0px 0px 0px !important;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }

    .nav_desktop ul > li ul > li.has_children:hover ul, .nav_desktop ul > li ul > li.has_children ul, .nav_desktop ul > li ul > li:hover ul, .nav_desktop ul > li ul > li ul {
        display: block !important;
    }

    .nav_desktop ul.navcolumn {
        width: 100% !important;
    }

        .nav_desktop ul.navcolumn li.menu-item {
            width: 100% !important;
        }

    ul.menu-level-0 li.menu-item.has_children.service-submenu ul.menu-level-1 li ul.navcolumn li.menu-item {
        /*width: calc(25% - 24px);*/
        border-bottom: solid 1px #d1d1d1;
        margin: 0px 16px 0px 0px;
        padding: 0;
    }

    ul.navcolumn li.menu-item:last-child {
        border-bottom: 0px !important;
    }

    ul.menu-level-0 li.menu-item.has_children.service-submenu ul.menu-level-1 li ul.navcolumn li.menu-item.has_children a {
        padding: 20px 10px 20px 10px;
        padding-right: 10px;
        border-top: 0px;
        font-size: .875rem;
        font-weight: 500;
        color: #2D2F32;
        background: #fff;
        display: block;
        padding-right: 24px;
        line-height: 1.125rem;
    }

    div.columnMenu {
        float: left;
        width: 21.5%;
    }

    .container .row div[class*="column"] {
        margin-right: 2% !important;
    }

    ul.menu-level-0 li.menu-item.has_children.service-submenu ul.menu-level-1 li ul.navcolumn li.menu-item.has_children:last-child {
        border-bottom: 0px !important;
    }

    ul.menu-level-0 li.menu-item.has_children.service-submenu ul.menu-level-1 li.menu-item.has_children a:hover {
        color: #D14210;
        border-top: 0px;
    }

    ul.menu-level-0 li.menu-item.has_children.service-submenu ul.menu-level-1 li.menu-item a:after {
        display: inline-block;
        font-family: "icomoon";
        content: "\e906";
        margin-left: 0px;
        margin-right: -24px;
        width: 24px;
        font-weight: normal;
        font-size: 75%;
        text-align: center;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        -moz-transition: content .3s ease;
        -o-transition: content .3s ease;
        -webkit-transition: content .3s ease;
        transition: content .3s ease;
    }



    ul.menu-level-0 li.menu-item.has_children.service-submenu ul.menu-level-1 li.menu-item a:hover::after,
    ul.menu-level-0 li.menu-item.has_children.service-submenu ul.menu-level-1 li.menu-item a:focus::after {
        content: "\ea3c";
    }

    @media screen and (max-width: 1800px) {
        /* 1742 */
        nav.menu--main ul.menu-level-0 li.menu-item a {
            font-size: 0.9rem;
        }
    }

    @media screen and (max-width: 1500px) {
        /* 1742 */
        nav.menu--main ul.menu-level-0 li.menu-item a {
            font-size: 0.85rem;
            padding: 20px 2px 20px 2px !important;
        }
    }

    @media screen and (max-width: 1480px) {
        /* 1742 */
        nav.menu--main ul.menu-level-0 li.menu-item a {
            font-size: 0.85rem;
            padding: 11px 2px 11px 2px !important;
        }

        .nav_desktop ul li.service-submenu {
            position: static;
            width: 12%;
            min-height: 139px;
        }

        .nav_desktop ul .OMI {
            width: 19% !important;
        }

        header .header_desktop .header_links ul li {
            display: inline-block;
            padding: 0px;
            margin: .9375rem 0px 1rem 20px !important;
        }
    }

    @media screen and (max-width: 600px) {
        .column {
            width: 100%;
            height: auto;
        }
    }

    /* hero 75/50 */
    @media screen and (max-width: 750px) {
        div.block-region-hero div.sf_cols div.sf_colsOut.sf_2cols_1_75,
        div.block-region-hero div.sf_cols div.sf_colsOut.sf_2cols_2_25 {
            width: 100% !important;
        }
    }



    .nav_mobile nav li.menu_open ul.menu-level-1 li ul.navcolumn {
        visibility: visible;
        display: contents;
    }

    /* breadcrumbs */

    .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        padding: .75rem 1rem;
        margin-bottom: 1rem;
        list-style: none;
        background-color: transparent !important;
        border-radius: .25rem;
    }

    .breadcrumbs ol li a:hover, .breadcrumbs ol li a:focus {
        text-decoration: none;
    }

    .block-region-hero {
        margin-left: -20px;
    }

    @media screen and (max-width: 960px) {
        .block-region-hero {
            margin-left: 0px;
        }
    }

    .breadcrumb li:before {
        content: ' \BB ';
        margin-right: 10px !important;
    }

    /* the list */
    nav.breadcrumbs div.container div#T7F997917036_ctl00_ctl00_Breadcrumb.RadSiteMap.RadSiteMap_Sitefinity ul.rsmFlow.rsmLevel.rsmOneLevel {
        margin: 0 0 0 40px;
        padding: 0px;
        list-style: none;
        font-size: 0px;
        line-height: 0px;
    }
    /* the list item */

    li.sfBreadcrumbNavigation {
        display: inline-block;
        vertical-align: top;
        margin: 5px 14px 5px 0px;
        padding: 0px;
        line-height: 0px;
        font-size: .875rem;
        line-height: 1rem;
        font-weight: 500;
        color: #000;
    }

    /* the list item link*/
    div.sf_cols.block-region-hero div.sf_colsOut.sf_1col_1_100 div#T7F997917032_Col00.sf_colsIn.sf_1col_1in_100 div.sf_cols.block.block-system.block-system-breadcrumb-block div.sf_colsOut.sf_1col_1_100 div#T7F997917033_Col00.sf_colsIn.sf_1col_1in_100 nav.breadcrumbs div.container div#T7F997917036_ctl00_ctl00_Breadcrumb.RadSiteMap.RadSiteMap_Sitefinity ul.rsmFlow.rsmLevel.rsmOneLevel li.rsmItem.sfBreadcrumbNavigation a.rsmLink {
        font-size: .875rem;
        line-height: 1rem;
        font-weight: 500;
        color: #757575;
        border-bottom: dashed 1px #757575;
    }


    /* divider */

    ul.rsmFlow.rsmLevel.rsmOneLevel li.rsmItem.sfBreadcrumbNavigation span.divider {
        margin-left: 14px;
        font-size: .875rem;
        line-height: 1rem;
    }

        ul.rsmFlow.rsmLevel.rsmOneLevel li.rsmItem.sfBreadcrumbNavigation span.divider::before {
            font-family: "icomoon";
            content: "\e90a";
            font-size: .6875rem;
            line-height: 1rem;
            color: #757575;
        }


    .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
        border: none !important;
    }

        .k-menu .k-item > .k-link {
            padding: 27px 18px 32px 18px !important;
        }

    /* news */

    .newsItem {
        margin-bottom: 50px;
    }

    div.newsImage {
        margin-bottom: 50px;
    }
        /*caption with comes from the title*/
        div.newsImage p {
            font-size: 1rem;
            color: #716C70;
        }

    #circular {
        background-color: #008093;
        color: #fff;
        font-weight: bold;
        padding: 1rem;
        width: max-content;
        margin: -1rem 0 2rem;
    }

    .circular {
        background-color: #008093;
        color: #fff;
        font-weight: bold;
        padding: .2rem .6rem;
        margin: 1rem 0 1rem;
    }

    span.post-date {
        font-weight: bolder;
    }

    @media screen and (max-width: 976px) {
        .sf_colsOut.sf_4cols_1_25,
        .sf_colsOut.sf_4cols_2_25,
        .sf_colsOut.sf_4cols_3_25,
        .sf_colsOut.sf_4cols_4_25 {
            width: 100% !important;
        }
    }

    .pubdatedisplay {
        font-size: 1.2rem;
    }

    .post-description {
        min-height: 7rem;
    }

    .card-title {
        min-height: 5rem;
    }

    #owl-prev1, #owl-next1 {
        font-size: 3rem;
        padding: 0;
    }

        #owl-prev1:hover, #owl-next1:hover {
            background: rgb(209, 66, 16);
            color: #FFF;
            text-decoration: none;
        }

    div.tagListing {
        margin-top: 2rem;
    }

    /* sreen reader only */
    /* https://github.com/girldevelopit/gdi-website/issues/344 */
    .sr-only {
        font-size: 0;
        height: 1px;
        overflow: hidden;
        display: block;
    }

    /* social */
    ul#social {
        color: #fff;
        list-style-type: none;
        padding: 0;
    }

        ul#social li {
            float: left;
            font-size: 2rem;
            margin: 0 1.0rem 0 0;
        }

            ul#social li a {
                color: #fff;
            }

                ul#social li a:hover {
                    color: rgb(209, 66, 16);
                }

    /* content */
    .containerContent {
        max-width: 96rem;
        margin: 0px auto;
    }

    /* downloading media*/
    .media {
        margin-bottom: 30px;
        /*float: left;*/
        clear: both;
    }
    /*clear for 5th and 9th*/
    div.sf_4cols_1_25:nth-child(5),
    div.sf_4cols_1_25:nth-child(9),
    div.sf_4cols_1_25:nth-child(13),
    div.sf_4cols_1_25:nth-child(17),
    div.sf_4cols_1_25:nth-child(21) {
        clear: both;
    }

    /* page reviewed */

    div.block-gcio-blocks-page-reviewed div.page-reviewed {
        margin: 9.5rem 0 2rem 0 !important;
    }

    /* pagination */
    ul.pagination {
        /*float: right;*/
        clear: both;
    }

        ul.pagination li a {
            display: inline-block;
            background: #000;
            color: #fff;
            text-decoration: none;
            font-size: .875rem;
            line-height: 150%;
            font-weight: 500;
            border: 0px;
            border-radius: 0px;
            -webkit-appearance: none;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            padding: 12px 20px;
            font-size: 1rem;
            margin: 10px 10px 75px 0;
        }

        ul.pagination li.active a {
            background-color: rgb(209, 66, 16);
            color: #fff;
        }

        ul.pagination li a:hover, ul.pagination li a:focus {
            color: #fff;
            background-color: rgb(209, 66, 16);
        }

    /* Local Government Act Review */
    div.redBox h3 {
        background-color: #d14210 !important;
        color: #fff !important;
        padding: 10px;
        margin-bottom: 0;
    }

    div.redBox ul {
        background-color: #f7f7f7;
        padding: 20px 40px;
    }

    /* news listing */

    .newsCardContainer {
        clear: both;
        float: left;
    }



    div.newsCardListing div.featuredNews {
        width: calc(100% - 30px) !important;
        margin-right: 10px;
        margin-left: 0;
    }


    .newsCardListing .featuredNews img.card-img-top {
        height: 468px !important;
    }


    .newsCardListing > div:nth-child(1) img.card-img-top {
        object-fit: cover;
        /*height: 234px;*/
    }

    div.cardDLGSC img.card-img-top {
        object-fit: cover;
        height: 12rem;
        object-position: 50% 0%;
    }

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        div.cardDLGSC img.card-img-top {
            height: 100%;
        }
    }

    .newsCardListing .sf_colsOut.sf_4cols_1_33 {
        margin-left: 12px;
        margin-right: 10px;
        width: calc(33% - 30px);
        float: left;
    }

    div.newsCardListing .fourColumn {
        margin-left: 12px;
        margin-right: 10px;
        width: calc(25% - 30px);
        float: left;
    }

    div.newsCardListing .sf_4cols_1in_25,
    div.newsCardListing .sf_4cols_2in_25,
    div.newsCardListing .sf_4cols_3in_25,
    div.newsCardListing .sf_4cols_4in_25 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Publicationfs */
    ul.publicationListDownload {
        padding: 0;
    }

    span.sf-icon-txt {
        margin-right: 1rem;
    }

    h2#download {
        margin-top: 2rem;
    }

    div.newsItem .post-img.img-responsive {
        height: 9.5rem;
        height: 14rem;
        width: 100% !important;
        position: relative;
        overflow: hidden;
        float: left;
        margin-bottom: 1rem;
    }

    div.card-img-wrapper {
        height: 9.5rem;
        width: 100% !important;
        position: relative;
        overflow: hidden;
        float: left;
        margin-bottom: 1rem;
    }

        div.card-img-wrapper img.card-img-top {
            top: 0;
            left: 50%;
            position: relative;
            transform: translate(-50%, 0%);
            height: auto;
            width: 100%;
        }

    .cardDLGSC {
        margin-bottom: 1rem;
    }

    h2#download {
        margin-top: 2rem !important;
    }

    img.publicationDownload, img.publicationsListing, img.videoListing {
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    }

    .sf-Gallery-thumbs.sf-Gallery-thumbs--video > .sf-Gallery-thumb {
        display: inline-block;
        width: 100% !important;
    }

    div.media-body a.boxlink {
        margin-bottom: 0 !important;
    }

    ul.connectedCommunities {
        padding-left: 1.45em;
        list-style: none;
        clear: both;
        display: block;
        float: left;
        width: 100%;
    }

        ul.connectedCommunities li {
            width: 33%;
            float: left;
            text-align: center;
            margin-bottom: 40px;
            height: 150px;
        }

    .connectedCommunities li img {
        clear: both;
        display: block;
        margin: auto;
    }

    .fourAcross li {
        width: 25% !important;
        padding-right: 30px;
    }


    /* banner card */

    .cardBanner img {
        height: 100%;
        object-fit: fill;
    }

    a.cardBanner {
        border: 0;
    }


    /* funding */
    #status span.closed {
        background: #716C70;
        color: rgb(255,255,255);
        padding: 1rem;
    }

    #status span.open {
        background: #FE7F37;
        color: rgb(0,0,0);
        padding: 1rem;
    }

    #status {
        margin-bottom: 4rem;
        font-weight: 500;
    }

    #applyNow {
        display: none;
    }

    /* fees and charges*/

    .feesAndCharges th:last-child,
    .feesAndCharges td:last-child {
        text-align: right;
    }

    /* custom checkbox */
    /* The container */
    .containerCheckbox {
        display: block;
        position: relative;
        padding-left: 52px;
        margin-bottom: 12px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* Hide the browser's default checkbox */
        .containerCheckbox input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
    }

    /* On mouse-over, add a grey background color */
    .containerCheckbox:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .containerCheckbox input:checked ~ .checkmark {
        background-color: #716C70;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .containerCheckbox input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .containerCheckbox .checkmark:after {
        left: 9px;
        top: 4px;
        width: 8px;
        height: 14px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    /* lists and directories*/

    div.list h3 {
        margin: 2rem 0 0 0;
    }

    /* local laws*/
    label {
        font-weight: bolder;
    }

    .locallaws span.form-control, .k-input, select.form-control {
        height: 3rem;
        padding: 0 !important;
        border-radius: 0 !important;
        border: solid 1px #585c62;
        font-size: 1.2rem;
        box-shadow: none;
    }

        select.form-control option {
            padding-left: 0.5rem;
        }

    .locallaws h3 {
        margin-bottom: 0;
    }

    div.media-body {
        margin-bottom: 1rem;
    }

    .locallaws .form-control:focus {
        border-color: #D14210 !important;
        box-shadow: none !important;
    }

    .repealfilter {
        width: auto;
    }

    .localgovernmentfilter {
        width: auto;
    }

    .clear {
        display: block;
    }

    span.lower-date, span.upper-date {
        /*border: solid 1px #585c62;*/
        background: none;
        padding: 0 !important;
    }

    .k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
        background-color: rgb(209,66,16) !important;
        color: #fff;
        border: none;
        border-radius: none;
    }

    .k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-multiselect-wrap, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
        border: none !important;
    }

    .k-datetimepicker .k-select + .k-select, .k-dropdown-wrap .k-select, .k-list-container.k-state-border-right, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
        border-radius: 0 !important;
    }

    .form-control .k-widget {
        padding: 0 !important;
    }

    .k-picker-wrap .k-icon {
        cursor: pointer;
        width: 100%;
        height: 100%;
    }

        .k-picker-wrap .k-icon:hover, .k-picker-wrap .k-icon:focus {
            background-color: #000;
        }

    .k-calendar th {
        background-color: #000 !important;
    }

    .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox:focus {
        box-shadow: none !important;
        border: none !important;
    }

    .k-grid-header th.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-state-focused, td.k-state-focused {
        box-shadow: none !important;
        background-color: #000 !important;
        color: #fff !important;
        border-radius: 0 !important;
    }

    p.lead {
        background-color: #006cb4;
        padding: 0.5rem;
        width: auto;
        display: inline-block;
        color: #fff;
        margin-bottom: 5rem;
    }


    /* events */
    .eventCardListing {
        clear: both;
        float: left;
        width: 100%;
    }

    /* gallery */
    .gallery {
        margin-bottom: 4rem;
    }

        .gallery img {
            margin-bottom: 10px;
        }

    .image-link img {
        margin-bottom: 5px;
    }

    </style >