.mobile_nav-drilldown-toggle {
    display: none;
}

#leftRail h3 .inside {
    display: none;
}

#mobile-header {
    display: none;
}

#mobile_nav {
    display: none;
}

#sidr-main {
    display: none;
}

#contentContainer table {
    display: table;
}

    #contentContainer table.stacked_table {
        display: none;
    }

/*Responsive Tabs*/
.resp-tabs-container {
    clear: left;
}

h2.resp-accordion {
    display: none;
}

.resp-tab-content {
    display: none;
}

.resp-content-active,
.resp-accordion-active {
    display: block;
}

@font-face {
    font-family: 'vancouver';
    src: url("/images/cov/ui/vancouver.eot");
    src: url("/images/cov/ui/vancouver.eot?#iefix") format("embedded-opentype"), url("/images/cov/ui/vancouver.woff") format("woff"), url("/images/cov/ui/vancouver.ttf") format("truetype"), url("/images/cov/ui/vancouver.svg#vancouver") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
a.icon,
span.icon,
[data-icon]:before {
    font-family: 'vancouver';
    content: attr(data-icon);
    speak: never;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-search, .icon-chevron-right, .icon-chevron-left, .icon-plus, .icon-minus, .icon-arrow-left, .icon-phone-hang-up, .icon-reorder, .icon-remove, .icon-close {
    font-family: 'vancouver';
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

    .icon-search:before {
        content: "\53";
    }

    .icon-chevron-right:before {
        content: "\3e";
    }

    .icon-chevron-left:before {
        content: "\3c";
    }

    .icon-plus:before {
        content: "\2b";
    }

    .icon-minus:before {
        content: "\2d";
    }

    .icon-arrow-left:before {
        content: "\7b";
    }

    .icon-phone-hang-up:before {
        content: "\50";
    }

    .icon-reorder:before {
        content: "\3d";
    }

    .icon-remove:before {
        content: "\78";
    }

    .icon-close:before {
        content: "\58";
    }

@media (max-width: 1366px) {
    body {
        background-color: #fff;
    }

        body #doc {
            width: 100%;
            overflow: hidden;
        }

    #doc2 {
        width: 1000px;
    }
}


@media (max-width: 980px) {
    /*
      SASS & COMPASS BOILERPLATE
      For documentation and more information on SASS and Compass, refer to the official documentation:
          + SASS: http://sass-lang.com
          + Compass: http://compass-style.org

      This file acts as an asset manager and loads the following:
          + Compass files
          + Libraries
          + Variables (fonts, colours, etc)
          + Mixins (reusable styles)
          + Modules (larger, self-contained, reusable units)
          + Partials (parts of styling broken off for maintainability)
          + A top-down stylesheet

      Note that files are included in order of necessity. For example, Compass CSS stuff can be used in
      variables which can be used in mixins, modules, site styles, etc.

      What about media queries?
      Note that since SASS allows you to nest @media declarations, separate stylesheets containing
      media queries are unnecessary. Nesting @media declarations also reinforces a modular approach.

  */
    /*
      Imported modules from Compass
  */
    /*
      Libraries, variables, sprites, and mixins 

      An example of a SASS library is http://github.com/nathanshubert/Unicode-Shapes-Preprocessor-Library.
      They should be prefixed with an underscore, stored in the includes directory,
      and are included like such:
      @import "includes/library-name";

      Variables and mixins are also included here.

  */
    /* Variables */
    /* + + + + + + + + + + + + + + + + + + + + + + + + + + + */
    /* 
      Note:
          + Mixin names should describe what things ARE, not what they look like.
          + As much as it kills me, colour is spelled the American way to be consistant
            with colour declarations in css.
      
      For example, the following are good variable names:
      $font-base, $font-header, $color-brand, $color-accent, $breakpoint-midsize, $breakpoint-small
      
      These are bad variable names:
      $blue, $orange, $helvetica, $ipad, $iphone
      
      On naming conventions, a good convention is to use underscores for spaces, and dashes to indicate
      a subsidiary relationship. This allows you to easily group variables by type.
      
      The following are good examples of variable groups named with a dash to indicate descendency:
      
      $font-x
      $font_weight-x
      $color-x
      $icon-x
      $breakpoint-x
      
  */
    /* The following variables are needed by some of our mixins and can be adjust to meet
     the needs of the site.
  */
    /* Mixins */
    /* + + + + + + + + + + + + + + + + + + + + + + + + + + + */
    /*
    For further instructions on use, see readme.md or screen.scss
    
  */

    /* Compatibility sprites. Uncomment to use.

  $compatibility-layout: smart;
  @import "compatibility/*.png";
  @include all-compatibility-sprites;

*/
    /* 
      Modules 
      Self contained pieces of styling that can be reused.
      Modules should have the following characteristics: 
          + Be context independent so they can be used anywhere.
          + Defined within a mixin so that they can be used easily, anywhere.
          + Be applied to a class that describes what the element IS, not what it looks like.
          + Contain their own variations, fallbacks, and possibly media queries

      Buttons are a good example of a module.

      Module files should be prefixed with an underscore, stored in the modules directory, 
      and included like such:
      @import "modules/module-name";

    Some default modules are provided bellow. Uncomment them to use them.

  */
    /* 
      Partials 
      Pieces of code that aren't modular in nature, but are broken off for easier maintainability.

      Partials should be prefixed with an underscore, stored in the partials directory,
      and included as such:
      @import "partials/partial-name";

  */
    #mobile-header {
        display: block;
        box-shadow: 0px 5px 4px rgba(68, 68, 68, 0.25);
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
    }

        #mobile-header.fixed {
            position: fixed;
        }

    .sidr-open #mobile-header.fixed {
        position: absolute;
        top: 0;
    }

    html.sidr-open #mobile-header .toolbar-tabs li > a {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
        opacity: 0.1;
    }

    html.sidr-open #mobile-header .toolbar-tabs .shortcut-active a {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

    @-moz-keyframes slide_menu_down {
        0% {
            margin-top: -55px;
        }

        100% {
            margin-top: 0;
        }
    }

    @-webkit-keyframes slide_menu_down {
        0% {
            margin-top: -55px;
        }

        100% {
            margin-top: 0;
        }
    }

    @-o-keyframes slide_menu_down {
        0% {
            margin-top: -55px;
        }

        100% {
            margin-top: 0;
        }
    }

    @-ms-keyframes slide_menu_down {
        0% {
            margin-top: -55px;
        }

        100% {
            margin-top: 0;
        }
    }

    @keyframes slide_menu_down {
        0% {
            margin-top: -55px;
        }

        100% {
            margin-top: 0;
        }
    }

    @-moz-keyframes menu_on_fixed {
        0% {
            top: -55px;
        }

        100% {
            top: 0;
        }
    }

    @-webkit-keyframes menu_on_fixed {
        0% {
            top: -55px;
        }

        100% {
            top: 0;
        }
    }

    @-o-keyframes menu_on_fixed {
        0% {
            top: -55px;
        }

        100% {
            top: 0;
        }
    }

    @-ms-keyframes menu_on_fixed {
        0% {
            top: -55px;
        }

        100% {
            top: 0;
        }
    }

    @keyframes menu_on_fixed {
        0% {
            top: -55px;
        }

        100% {
            top: 0;
        }
    }

    #mobile_nav-toolbar li a i.fa, #mobile_nav-toolbar li a i.fas {
        font-size: 20px;
    }

    /*#mobile_nav-toolbar li a.mobile-syc p {
        line-height: 1;
        margin: 0 auto;
        max-width: 80px;
        margin-top: 0;
    }*/

    #mobile_nav-toolbar li a svg {
        fill: #0279B1;
    }

    /*li.mobile-syc a:active svg, li.mobile-syc a:focus svg {
        fill: #015982 !important;
    }*/

    #mobile_nav-toolbar li.shortcut-active a svg {
        fill: #fff;
    }

    .toolbar-tabs {
        zoom: 1;
        background: #fff;
        margin: 0;
        padding: 0;
    }

        .toolbar-tabs:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .toolbar-tabs li.mobile-guides {
            display: none;
        }

        /*.toolbar-tabs li.mobile-syc {
            display: block;
            width: 18.7%;
        }*/

    .toolbar-tabs li.shortcut-active > a,
    .toolbar-tabs li.shortcut-active > a:focus,
    .toolbar-tabs li.shortcut-active > a:active {
        color: #fff;
        background-color: #4b8516;
        outline: 0;
        border-color: #4b8516;
    }
    .toolbar-tabs li > a {
        display: block;
        height: 54px;
        padding: 10px 5px 5px 5px;
        text-align: center;
        border-right: solid 1px #d9d9d5;
        background: #fff;
        color: #0279b1;
        font-weight: 700;
        border-bottom: solid 3px #fff;
        border-top: solid 3px #fff;
        border-left: none;
        text-decoration: none;
    }
    .toolbar-tabs li > a.mobile-logo {
        padding: 7px 0 8px 0;
    }
    .toolbar-tabs li a#responsive-menu-button {
        background: #0279b1;
        color: #fff;
        border: 3px solid #0279b1;
    }
    .toolbar-tabs li a#responsive-menu-button span {
        line-height: 2em;
    }
    .toolbar-tabs li:last-child a {
        border-right: none;
    }
    .toolbar-tabs li.mobile-logo {
        width: 35.3%;
    }
    a.mobile-logo img {
        height: 100%;
    }
    .mobile-search-dropdown form {
        width: 90%;
        margin: 0 0 0 0;
    }

    button.short-content-close {
        background: #fff;
        color: #0f6fb3;
        margin: 0;
        font-size: 24px;
        border: none;
        padding: 0 10px;
    }
    .mobile-contact-item button.short-content-close {
        margin-left: auto;
        margin-right: 10px;
        position: absolute;
        top: 18px;
        right: -5px;
    }
    .mobile-guide-item button.short-content-close {
        margin-left: auto;
        margin-right: 10px;
        position: absolute;
        top: 28px;
        right: -5px;
    }
    .mobile-search-dropdown {
        display: flex;
        padding: 20px 10px;
    }
    .mobile-contact-item {
        box-sizing: border-box;
        padding: 15px 0 20px 10px;
        min-height: 60px;
        display: flex;
        border-bottom: solid 1px #d9d9d5;
        font-size: 16px;
    }
    .mobile-contact-item .fa-clock {
        margin-right: 3px;
    }
    .mobile-contact-item:first-child {
        position: relative;
    }
    .mobile-chat-dialog {
        background: transparent;
        border: none;
        color: #0279b1;
        text-decoration: underline;
        font-weight: 400;
        padding: 0;
        margin: 0;
    }
    .mobile-chat-dialog:hover,
    .mobile-chat-dialog:active {
        color: #015982;
    }
    .mobile-chat-dialog:active {
        background-color: #00355f;
        outline-offset: 0;
        outline: 3px solid #00355f;
        padding: 0;
    }
    .mobile-guide-item {
        box-sizing: border-box;
        padding: 15px 0 20px 10px;
        min-height: 60px;
        display: flex;
        border-top: solid 1px #d9d9d5;
    }
    .mobile-guide-item a {
        font-size: 16px;
        font-weight: 400;
        text-decoration: underline;
    }
    .mobile-guide-item .description {
        font-size: 13.75px;
    }
    .mobile-guide-item > i {
        font-size: 30px;
        color: #b2b2b2;
    }
    .mobile-guide-item div {
        padding: 0 20px;
        font-size: 1.1em;
    }
    .mobile-guide-item p {
        margin: 0;
    }
    .mobile-contact-item h2 {
        font-size: 1.25em;
    }
    .mobile-contact-item button.short-content-close:active,
    .mobile-contact-item button.short-content-close:focus {
        box-shadow: 0 0 0 3px #00355f;
    }
    .mobile-contact-item > i {
        font-size: 30px;
        color: #b2b2b2;
        margin-right: 20px;
        width: 30px;
    }
    .mobile-contact-item a {
        text-decoration: underline;
        margin-right: 5px;
    }
    #acces-2-search {
        position: absolute;
        height: 1px;
        left: 0;
        top: -500px;
        display: block;
    }
    .mobile-contact-item p {
        margin: 0;
        font-weight: 400;
    }
    .shortcut-content-item {
        width: 100%;
        position: absolute;
        left: 0;
        background-color: #fff;
    }
    #mobile-contact-header {
        font-size: 20px;
        font-weight: 500;
    }

        #mobile-contact-header:focus {
            color: #015982;
            background-color: #00355f;
        }

    #sidr-main .header {
        height: 55px;
        overflow: hidden;
        position: relative;
    }

        #sidr-main .header .back {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition-property: left;
            -moz-transition-property: left;
            -o-transition-property: left;
            transition-property: left;
            -webkit-transition-duration: 0.5s;
            -moz-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            display: block;
            height: 100%;
            width: 30%;
            float: left;
            position: absolute;
            top: 0;
            left: -30%;
            background: #0c1d3c;
            color: #fff;
            /* font-family: "Gotham SSm A", "Gotham SSm B", Montserrat, arial, sans-serif; */
            font-family: "CoV Noto Sans", Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            line-height: 55px;
        }

            #sidr-main .header .back:before {
                background-image: url('/images/cov/ui/common-s2b9e540617.png');
                background-position: 0 -75px;
                background-repeat: no-repeat;
                display: block;
                height: 13px;
                width: 15px;
                content: ' ';
                display: block;
                float: left;
                margin: 20px 3px 0 11px;
            }

            #sidr-main .header .back.showback {
                left: 0;
            }

        #sidr-main .header a:focus, #sidr-main .header a:active {
            /*outline: 3px solid rgb(245, 166, 35);
            outline-offset: -3px;*/
        }

        #sidr-main .header .back.hideback {
            left: -30%;
        }

        #sidr-main .header .back:hover {
            text-decoration: none;
        }

        #sidr-main .header .back:active, #sidr-main .header .back:hover {
            outline: none;
        }

    #sidr-main .menus {
        position: relative;
    }

    #sidr-main form {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition-property: width;
        -moz-transition-property: width;
        -o-transition-property: width;
        transition-property: width;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        float: right;
        width: 100%;
        padding: 8px;
        margin: 0;
    }

    #sidr-main .showback + form {
        width: 70%;
    }

    #sidr-main form .searchBox {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    button.goSearch {
        border: none;
        background: none;
        cursor: pointer;
        position: absolute;
        right: 11%;
        padding: 0 10px;
        margin-top: 2px;
        color: #0279b1;
        font-size: 20px;
        height: 35px;
    }
    .siderSearch .goSearch {
        right: 10px;
    }

    .mobile_nav-panel {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
    }

        .mobile_nav-panel.mobile_nav-panel.animate-left {
            -webkit-animation: slide_in_left 0.5s 0;
            -moz-animation: slide_in_left 0.5s 0;
            -ms-animation: slide_in_left 0.5s 0;
            -o-animation: slide_in_left 0.5s 0;
            animation: slide_in_left 0.5s 0;
            left: 0;
        }

        .mobile_nav-panel.mobile_nav-panel.animate-out-left {
            -webkit-animation: slide_out_left 0.5s 0;
            -moz-animation: slide_out_left 0.5s 0;
            -ms-animation: slide_out_left 0.5s 0;
            -o-animation: slide_out_left 0.5s 0;
            animation: slide_out_left 0.5s 0;
            left: -100%;
        }

        .mobile_nav-panel.mobile_nav-panel.animate-right {
            -webkit-animation: slide_in_right 0.5s 0;
            -moz-animation: slide_in_right 0.5s 0;
            -ms-animation: slide_in_right 0.5s 0;
            -o-animation: slide_in_right 0.5s 0;
            animation: slide_in_right 0.5s 0;
        }

        .mobile_nav-panel.mobile_nav-panel.animate-out-right {
            -webkit-animation: slide_out_right 0.5s 0;
            -moz-animation: slide_out_right 0.5s 0;
            -ms-animation: slide_out_right 0.5s 0;
            -o-animation: slide_out_right 0.5s 0;
            animation: slide_out_right 0.5s 0;
            left: 100%;
        }

    @-moz-keyframes slide_in_left {
        0% {
            left: 100%;
        }

        100% {
            left: 0;
        }
    }

    @-webkit-keyframes slide_in_left {
        0% {
            left: 100%;
        }

        100% {
            left: 0;
        }
    }

    @-o-keyframes slide_in_left {
        0% {
            left: 100%;
        }

        100% {
            left: 0;
        }
    }

    @-ms-keyframes slide_in_left {
        0% {
            left: 100%;
        }

        100% {
            left: 0;
        }
    }

    @keyframes slide_in_left {
        0% {
            left: 100%;
        }

        100% {
            left: 0;
        }
    }

    @-moz-keyframes slide_out_left {
        0% {
            left: 0;
        }

        100% {
            left: -100%;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
        }
    }

    @-webkit-keyframes slide_out_left {
        0% {
            left: 0;
        }

        100% {
            left: -100%;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
        }
    }

    @-o-keyframes slide_out_left {
        0% {
            left: 0;
        }

        100% {
            left: -100%;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
        }
    }

    @-ms-keyframes slide_out_left {
        0% {
            left: 0;
        }

        100% {
            left: -100%;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
        }
    }

    @keyframes slide_out_left {
        0% {
            left: 0;
        }

        100% {
            left: -100%;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
        }
    }

    @-moz-keyframes slide_in_right {
        0% {
            left: -100%;
        }

        100% {
            left: 0;
        }
    }

    @-webkit-keyframes slide_in_right {
        0% {
            left: -100%;
        }

        100% {
            left: 0;
        }
    }

    @-o-keyframes slide_in_right {
        0% {
            left: -100%;
        }

        100% {
            left: 0;
        }
    }

    @-ms-keyframes slide_in_right {
        0% {
            left: -100%;
        }

        100% {
            left: 0;
        }
    }

    @keyframes slide_in_right {
        0% {
            left: -100%;
        }

        100% {
            left: 0;
        }
    }

    @-moz-keyframes slide_out_right {
        0% {
            left: 0;
        }

        100% {
            left: 100%;
            display: none;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
        }
    }

    @-webkit-keyframes slide_out_right {
        0% {
            left: 0;
        }

        100% {
            left: 100%;
            display: none;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
        }
    }

    @-o-keyframes slide_out_right {
        0% {
            left: 0;
        }

        100% {
            left: 100%;
            display: none;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
        }
    }

    @-ms-keyframes slide_out_right {
        0% {
            left: 0;
        }

        100% {
            left: 100%;
            display: none;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
        }
    }

    @keyframes slide_out_right {
        0% {
            left: 0;
        }

        100% {
            left: 100%;
            display: none;
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
        }
    }

    .sidr {
        display: none;
        top: 0;
        height: 100%;
        z-index: 99999;
        width: 260px;
        overflow-y: auto;
        font-size: 15px;
        background: white;
        color: #333;
        margin: 0;
        float: none;
        position: absolute;
        left: -260px !important;
    }

    .fixed-supported .sidr {
        position: fixed !important;
        left: 0 !important;
    }

    #responsive-menu-button {
        zoom: 1;
    }

    #sidr-main {
        background: white;
    }

        #sidr-main ul, #sidr-main li, #sidr-main ol {
            list-style-image: none;
            list-style-position: outside;
            list-style-type: none;
            list-style: none;
            margin: 0;
            padding: 0;
        }

    #mobile_nav .nav_items li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: none;
        clear: both;
        overflow: hidden;
    }

        #mobile_nav .nav_items li:first-child {
            border-top: 1px solid #e5e5e5;
        }

        #mobile_nav .nav_items li a {
            display: block;
            position: relative;
        }

            #mobile_nav .nav_items li a:hover {
                text-decoration: none;
            }

    #mobile_nav .nav_items .nav_item.section_landing {
        color: #fff;
        display: block;
        padding: 0;
        background: #0279B1;
        border-top: none;
    }

        #mobile_nav .nav_items .nav_item.section_landing > a {
            -webkit-box-shadow: 1px 1px 3px #777777;
            -moz-box-shadow: 1px 1px 3px #777777;
            box-shadow: 1px 1px 3px #777777;
            z-index: 10;
            padding: 14px 25px 14px 15px;
            color: #fff;
            border: 3px solid transparent;
            background: transparent;
        }

            #mobile_nav .nav_items .nav_item.section_landing > a.nav_item-link.active {
                background: none;
            }

            #mobile_nav .nav_items .nav_item.section_landing > a:after {
                font-family: 'vancouver';
                speak: never;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                content: ">";
                color: #fff;
                position: absolute;
                top: 18px;
                right: 10px;
            }

    #mobile_nav .nav_items .nav_item {
        padding-left: 5px;
        border-bottom: 1px solid #e5e5e5;
    }

        #mobile_nav .nav_items .nav_item .active {
            background: #D9D9D5;
        }

        #mobile_nav .nav_items .nav_item a {
            /* font: 400 13px "Gotham SSm A", "Gotham SSm B", Montserrat, Arial, Helvetica, Sans-Serif; */
            font: 400 13px "CoV Noto Sans", Helvetica, sans-serif;
            padding: 14px 25px 14px 10px;
            background: white;
            border: 3px solid transparent;
            text-decoration: none;
        }

            #mobile_nav .nav_items .nav_item a:after {
                font-family: 'vancouver';
                speak: never;
                font-weight: normal;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                content: ">";
                color: #0f6fb3;
                position: absolute;
                top: 18px;
                right: 10px;
            }

        #mobile_nav .nav_items .nav_item.has_children a:after {
            content: "+";
        }

        #mobile_nav .nav_items .nav_item.section_landing > a:focus, #mobile_nav .nav_items .nav_item.section_landing > a:active,
        #mobile_nav .nav_items .nav_item a:focus, #mobile_nav .nav_items .nav_item a:active,
        .toolbar-tabs li > a:focus, .toolbar-tabs li > a:active, .toolbar-tabs li > a#responsive-menu-button:focus {
            /*outline: 0;
            border: 3px solid rgb(245, 166, 35);*/
        }

    /*.toolbar-tabs li.mobile-syc > a:focus, .toolbar-tabs li.mobile-syc > a:active,*/
    .toolbar-tabs li.mobile-services > a:focus, .toolbar-tabs li.mobile-services > a:active,
    .toolbar-tabs li.mobile-logo > a:focus, .toolbar-tabs li.mobile-logo > a:active,
    .toolbar-tabs li > a.contact:focus, .toolbar-tabs li > a.contact:active {
        margin-right: 1px;
    }
    
    /* #73721 MF Header updates */
#mobile_nav-toolbar li a i.fa,
#mobile_nav-toolbar li a i.fas {
  font-size: 20px;
}

/*#mobile_nav-toolbar li a.mobile-syc p {
  line-height: 1;
  margin: 0 auto;
  max-width: 80px;
  margin-top: 0;
}*/

#mobile_nav-toolbar li a.mobile-services p {
  line-height: 1.2;
  margin: 0 auto;
  max-width: 80px;
  margin-top: 0;
}

#mobile_nav-toolbar li a svg {
  fill: #0279b1;
}

/*li.mobile-syc a:active svg,
li.mobile-syc a:focus svg {
  fill: #015982 !important;
}*/

li.mobile-services a:active svg,
li.mobile-services a:focus svg {
  fill: #015982 !important;
}

#mobile_nav-toolbar li.shortcut-active a svg {
  fill: #fff;
}

.toolbar-tabs li.mobile-guides {
  display: none;
}

/*.toolbar-tabs li.mobile-syc {
  display: block;
  width: 18.7%;
}*/

.toolbar-tabs li.mobile-services {
  display: block;
  width: 18.7%;
}

.toolbar-tabs li.mobile-cont {
  display: block;
  width: 16.5%;
}

.toolbar-tabs li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 14.6%;
  font-size: 0.88em
}


#mobile-header-search,
#mobile-header-contact {
  box-shadow: 0px 5px 4px rgba(68, 68, 68, 0.25);
}

/* 73721 */


    /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
    /*
      Site styles 
      A traditional-style top-down stylesheet. Note that this file isn't always neccesary per se.
      Rather than putting everything in _style.scss, think about how your stylesheet can be broken
      up into partials and modules.

  */
    #leftRail ul li ul {
        display: none;
    }

    #leftRail ul li.isSelected > ul,
    #leftRail ul li.isCurrent > ul {
        display: block;
    }

    #mobile_nav {
        display: block;
    }

    #topNav, #meta {
        display: none;
    }

    html.sidr-open body {
        display: block;
        margin-left: 0;
        height: auto;
    }

    html.sidr-open #sidr-main {
        -webkit-box-shadow: 0 0 5px 2px #cccccc;
        -moz-box-shadow: 0 0 5px 2px #cccccc;
        box-shadow: 0 0 5px 2px #cccccc;
    }

    html.sidr-open #doc {
        margin: 0;
        pointer-events: none;
    }

        html.sidr-open #doc #responsive-menu-button {
            top: 8px;
        }

    html.sidr-open #doc2 {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
        opacity: 0.1;
    }

    html.sidr-open {
        overflow: auto !important;
    }

    html.fixed-supported.sidr-open {
        overflow: hidden !important;
    }

    body {
        position: relative;
        background-image: none !important;
        background-color: #ffffff !important;
        padding-top: 55px;
    }

        body .mobile_nav-drilldown-toggle {
            display: block;
        }

        body a#logo {
            display: none;
        }

        body #doc {
            width: 100%;
            margin: 0;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            /****** Font-size adjustments for small screens ******/
            /* End Font adjustment */
            /* Image Containers */
        }
            /* PT: 61923658 - added width, min-width, and float */
            body #doc #header {
                width: 100%;
                min-width: 140px;
                height: auto;
                float: left;
                display: none;
            }

            body #doc #meta {
                width: 38%;
            }

                body #doc #meta form {
                    display: none;
                }

            body #doc .crumbNav {
                clear: both;
                font-size: 11px;
                color: #333;
            }

                body #doc .crumbNav a {
                    margin: 0 5px;
                    text-decoration: none;
                    color: #5E7AA2;
                }

                    body #doc .crumbNav a:first-child {
                        margin-left: 0px;
                    }

                    body #doc .crumbNav a:hover, body #doc .crumbNav a:focus {
                        color: #333;
                    }

                    body #doc .crumbNav a:active {
                        color: #666;
                    }

            body #doc #homeContent h2.modHeader {
                /* PT: 61497004 - was min-height: 42px */
                min-height: auto;
            }

            body #doc #homeContent .slider-wrapper {
                width: 100% !important;
            }

            body #doc #homeContent .imageList {
                width: 63%;
                margin-right: 0px !important;
                float: right;
            }

            body #doc #homeContent .smallList {
                /* width: 33.33% !important; */
                width: 32% !important;
            }

            body #doc #homeContent .photoOfTheDay {
                width: 30.33%;
                margin-right: 1.67%;
            }

            body #doc #homeContent .basicBox.rounded-corners {
                width: 33.33%;
            }

                body #doc #homeContent .basicBox.rounded-corners img {
                    margin: 10px auto;
                    display: block;
                }

            body #doc #homeContent .simpleList, body #doc #homeContent .googleMap, body #doc #homeContent .youTube {
                width: 100%;
            }

            body #doc #leftRail {
                display: none;
                width: 20%;
                margin-right: 2%;
            }

                body #doc #leftRail ul li {
                    padding: 5px;
                }

                body #doc #leftRail > h3 span {
                    background-image: url(/images/cov/ui/section-nav-down-arrow.png);
                    background-repeat: no-repeat;
                    background-position-x: right;
                    background-position-y: 6px;
                }

                body #doc #leftRail > h3.open span {
                    background-image: url(/images/cov/ui/section-nav-up-arrow.png);
                }

            body #doc .menu, body #doc .covPopTarget, body #doc #cbox-title, body #doc #leftRail, body #doc #contentContainer, body #doc #rightRail, body #doc #homeContent, body #doc #neighbourhoodsDropDown, body #doc #search, .modContainer .display-standard, body #doc .footer {
                font-size: 14px;
                line-height: 18px;
            }

                /* html5 services links box - BC09052019 */
                .highlight-header--home .each .columnTop h2, body #doc .home p, body #doc #rightRail p, .contentWide .module-one-half-width, .contentWide .module-one-half-width-right, .contentWide .module-one-third-width, .contentWide .module-two-third-width, .contentWide .module-one-third-width-right, .contentWide .module-two-third-width-right, .contentWide .basicBox.module-one-third-width-right, .contentWide .basicBox.module-one-third-width, .content .modContainer .basicBox > p, .content .modContainer .imageList, body #doc .modContainer ol, body #doc .modContainer ul,
                .contentWide .simpleList h3 {
                    font-size: 14px;
                }

                /* KL modHeader font change */
                /* body #doc #homeContent h2.modHeader, body #doc .modContainer h2.modHeader, body #doc .photoOfTheDay h2.modHeader, body #doc #rightRail h2.modHeader, body #doc .day h2 { */
                body #doc #homeContent h2.modHeader, body #doc .photoOfTheDay h2.modHeader, body #doc #rightRail h2.modHeader, body #doc .day h2 {
                    font-size: 14px;
                    /* PT: 61497004 (was padding: 9px) */
                    padding: 6px 9px;
                }

            /* KL modHeader font change */
            body #doc .modContainer h2.modHeader {
                font-size: 20px;
            }

            body #doc .menu, body #doc .covPopTarget, body #doc #cbox-title, body #doc #leftRail, body #doc #contentContainer, body #doc #rightRail, body #doc #homeContent, body #doc #neighbourhoodsDropDown,
            body #doc #search, body #mobile-header-contact > .mobile-contact-item:first-child {
                font-size: 14px;
            }

            body #doc #content {
                padding-left: 0px;
            }

            body #doc #contentContainer {
                width: 75%;
            }

    .ie8 body #doc #contentContainer img {
        width: auto;
    }

    body #doc #contentContainer #landingBanner {
        width: 100%;
        height: auto;
    }

    body #doc #contentContainer #smartforms button[type=submit] {
        background-color: #5E7AA2;
        -webkit-appearance: none;
        color: #fff;
        padding: 10px 15px;
        width: auto;
        border: none;
        font-size: 13px;
        -webkit-border-radius: 4px 4px;
        -moz-border-radius: 4px/4px;
        -khtml-border-radius: 4px/4px;
        border-radius: 4px/4px;
    }

    body #doc #contentContainer #smartforms input[type=text], body #doc #contentContainer #smartforms textarea, body #doc #contentContainer #smartforms select {
        max-width: 100%;
        width: 94%;
        display: block;
        overflow: hidden;
        padding: 0px;
        float: left;
    }

    body #doc #contentContainer #smartforms b {
        float: right;
    }

    body #doc #contentContainer .modContainer {
        padding-left: 0px;
    }
        /*
        body #doc #contentContainer .modContainer .simpleList,
        body #doc #contentContainer .modContainer .imageList,
        body #doc #contentContainer .modContainer .smallIconList,
        body #doc #contentContainer .modContainer .mediumIconList,
        body #doc #contentContainer .modContainer .basicBox, */
        body #doc #contentContainer .modContainer .googleMap,
        body #doc #contentContainer .modContainer .youTube,
        body #doc #contentContainer .modContainer .googleNews,
        body #doc #contentContainer .modContainer .googleInitiatives,
        body #doc #contentContainer .modContainer .googleEvents {
            width: 100%;
        }

        body #doc #contentContainer .modContainer .smallList {
            width: 47%;
        }

        body #doc #contentContainer .modContainer .tabSection .tabDetail {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
        }

        body #doc #contentContainer .modContainer .tabSection .tabDetail .imageList, body #doc #contentContainer .modContainer .tabSection .tabDetail .basicBox, body #doc #contentContainer .modContainer .tabSection .tabDetail .unstyledTextBlock, body #doc #contentContainer .modContainer .tabSection .tabDetail .mediumIconList, body #doc #contentContainer .modContainer .tabSection .tabDetail .simpleList, 
        body #doc #contentContainer .modContainer .tabSection .tabDetail .smallIconList, 
        body #doc #contentContainer .modContainer .tabSection .tabDetail .youTube {
            width: 100%;
        }

        body #doc #contentContainer .modContainer .content .basicBox p, body #doc #contentContainer .modContainer #homeContent .basicBox p, body #doc #contentContainer .modContainer .flickrphoto .caption, body #doc #contentContainer .modContainer .flickrphoto .morephotos, body #doc #contentContainer .modContainer #rightRail .basicBox p, body #doc #contentContainer .modContainer .youTube p {
            overflow: visible;
            zoom: 1;
            margin: 12px 8px;
        }

            body #doc #contentContainer .modContainer .content .basicBox p:after, body #doc #contentContainer .modContainer #homeContent .basicBox p:after, body #doc #contentContainer .modContainer .flickrphoto .caption:after, body #doc #contentContainer .modContainer .flickrphoto .morephotos:after, body #doc #contentContainer .modContainer #rightRail .basicBox p:after, body #doc #contentContainer .modContainer .youTube p:after {
                content: ".";
                display: block;
                height: 0;
                clear: both;
                visibility: hidden;
            }

    .modContainer .tabSection {
        width: calc(99% - 20px) !important;
    }

    body #doc #contentContainer .modContainer .cov-img-block div {
        margin-left: 0;
        margin-top: 10px;
        display: block;
        float: left;
    }

    body #doc #contentContainer .modContainer #smartforms td {
        display: block;
        padding: 0px;
    }

        body #doc #contentContainer .modContainer #smartforms td label {
            padding: 5px 0px !important;
        }

    body #doc #contentContainer .modContainer form[name="Tell_us_online"] td div {
        margin: -20px;
        padding: 0px !important;
        height: 0px;
    }

    body #doc #contentContainer .modContainer #activityfilters table td #saf_stt {
        float: left;
        margin-bottom: 5px;
    }

    body #doc #contentContainer .modContainer #activityfilters table td #saf_bgo,
    body #doc #contentContainer .modContainer #activityfilters table td #saf_clr {
        background-image: none;
        background-color: #5E7AA2;
        -webkit-appearance: none;
        color: #fff;
        padding: 4px 12px;
        border: none;
        -webkit-border-radius: 4px 4px;
        -moz-border-radius: 4px/4px;
        -khtml-border-radius: 4px/4px;
        border-radius: 4px/4px;
        display: block;
        font-size: 14px;
        width: auto;
        height: auto;
        line-height: inherit;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    body #doc #contentContainer .half-right, body #doc #contentContainer .half-left {
        width: 48%;
    }

        body #doc #contentContainer .half-right a.photoArrowRight, body #doc #contentContainer .half-left a.photoArrowRight {
            margin-top: 30px;
        }

    body #doc #contentContainer .searchForm .datePicker {
        width: 50%;
        display: block;
        clear: both;
    }

        body #doc #contentContainer .searchForm .datePicker .picker table {
            display: table;
        }

        body #doc #contentContainer .searchForm .datePicker td.weekday, body #doc #contentContainer .searchForm .datePicker td a {
            padding: 7px;
        }

        body #doc #contentContainer .searchForm .datePicker .thisMonth {
            padding: 8px 0;
        }

        body #doc #contentContainer .searchForm .datePicker .previousMonth, body #doc #contentContainer .searchForm .datePicker .nextMonth {
            padding: 6px 8px;
        }


    body #doc #contentContainer .searchForm .quinput {
        width: 100%;
        margin-left: 0px;
    }
    
    /*remove for news.css - DD

        body #doc #contentContainer .searchForm .quinput .keywords {
            margin-right: 15px;
        }

            body #doc #contentContainer .searchForm .quinput .keywords input.query {
                width: 100%;
            } */

    body #doc #contentContainer .searchForm .picker table {
        width: 100%;
    }

    body #doc #contentContainer .dayViewList .item {
        padding-right: 1%;
    }

        body #doc #contentContainer .dayViewList .item h3 {
            display: block;
            width: 65%;
            margin: 10px;
            position: relative;
        }

        body #doc #contentContainer .dayViewList .item .evtime {
            width: 100%;
            margin-bottom: 20px;
            margin-left: 2px;
            position: relative;
            font-weight: bold;
        }

        body #doc #contentContainer .dayViewList .item li {
            margin-left: 10px;
        }

        body #doc #contentContainer .dayViewList .item .evicons ul li {
            width: 30px;
            height: 30px;
        }

            body #doc #contentContainer .dayViewList .item .evicons ul li a {
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
            }

    body #doc #contentContainer .googleSearch {
        width: 100%;
    }

    body #doc #contentContainer .searchContainer {
        width: 95%;
    }

    body #doc #contentContainer #searchInput {
        width: 95%;
        margin-bottom: 10px;
    }

    body #doc #contentContainer .navigation {
        margin: 10px auto;
    }

        body #doc #contentContainer .navigation ul {
            text-align: center;
            width: 100%;
            margin-left: 0px;
        }

            body #doc #contentContainer .navigation ul li {
                display: inline;
                margin: 0 4px 10px 0;
                float: left;
                min-width: 24px;
            }

                body #doc #contentContainer .navigation ul li a,
                body #doc #contentContainer .navigation ul li.active span {
                    padding: 3px 8px;
                    font-size: 14px;
                    font-weight: bold;
                    border: 1px solid #ddd;
                    background: #fff;
                    border-radius: 4px;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                }

                    body #doc #contentContainer .navigation ul li.current a,
                    body #doc #contentContainer .navigation ul li a:hover,
                    body #doc #contentContainer .navigation ul li a:focus,
                    body #doc #contentContainer .navigation ul li.active span {
                        background: #f0f0f0;
                        border-color: #ccc;
                        text-decoration: none;
                    }

                    body #doc #contentContainer .navigation ul li a:active {
                        background: #fff;
                        border-color: #ddd;
                    }

    body #doc .contentWide #contentContainer {
        width: 100%;
    }

    body #doc #cov-cta {
        display: none;
    }

    body #doc #rightRail {
        width: 25%;
    }

        body #doc #rightRail #poll {
            clear: both;
            display: block;
        }

        body #doc #rightRail .simpleList, body #doc #rightRail .imageList, body #doc #rightRail .smallIconList, body #doc #rightRail .mediumIconList, body #doc #rightRail .basicBox, body #doc #rightRail .googleMap, body #doc #rightRail .youTube, body #doc #rightRail .photoOfTheDay {
            width: 100%;
        }

            body #doc #rightRail .simpleList img, body #doc #rightRail .imageList img, body #doc #rightRail .smallIconList img, body #doc #rightRail .mediumIconList img, body #doc #rightRail .basicBox img, body #doc #rightRail .googleMap img, body #doc #rightRail .youTube img, body #doc #rightRail .photoOfTheDay img {
                max-width: 100%;
                height: auto;
            }

            body #doc #rightRail .simpleList iframe, body #doc #rightRail .imageList iframe, body #doc #rightRail .smallIconList iframe, body #doc #rightRail .mediumIconList iframe, body #doc #rightRail .basicBox iframe, body #doc #rightRail .googleMap iframe, body #doc #rightRail .youTube iframe, body #doc #rightRail .photoOfTheDay iframe {
                max-width: 100%;
                width: 96%;
                margin: 8px auto !important;
                display: block;
            }

            body #doc #rightRail .basicBox a {
                word-wrap: break-word;
            }

            body #doc #rightRail .basicBox#basicBox9898 {
                display: none;
            }

    body #doc #neighbourhoodMap {
        width: 100%;
        display: none;
    }

    body #doc .lastModified {
        width: 100%;
    }

    body #doc .covbuttoncmd {
        background-image: none;
        /* background-color: #5E7AA2; */
        -webkit-appearance: none;
        color: #fff;
        padding: 10px 15px;
        border: #d9d9d5 1px solid;
        /*
    -webkit-border-radius: 4px 4px;
    -moz-border-radius: 4px/4px;
    -khtml-border-radius: 4px/4px;
    border-radius: 4px/4px; */
        -webkit-border-radius: 3px 3px;
        -moz-border-radius: 3px/3px;
        -khtml-border-radius: 3px/3px;
        border-radius: 3px/3px;
        display: inline-block;
        font-size: 14px;
    }

        body #doc .covbuttoncmd:hover, body #doc .covbuttoncmd:hover span {
            background-color: #FFF;
            color: #015982;
        }

        body #doc .covbuttoncmd span {
            display: block;
            background-image: none;
            width: 100%;
            text-align: center;
            padding: 0;
            margin: 0 auto;
            border: 0;
        }

    body #doc .footer .right {
        float: left;
        width: 100%;
        margin: 0px 0px 0px -2.5%;
    }

        body #doc .footer .right .footer-right-seperaor {
            display: none;
        }
        /*
  body #doc .footerTop {
    display: none;
  }
  body #doc #footer {
      padding: 6px 15px;
      background: #333;
      color: #fff;
      height: 13px;
      font-size: 1.1em;
      clear: both;
  }
*/
        body #doc .footer .right a {
            float: left;
            display: block;
            padding: 15px 5px;
            color: #5E7AA2;
        }

    body #doc2 {
        width: calc(100% - 20px);
        margin-top: 15px;
        padding: 12px 0 0 20px;
    }

    .mobile_nav-drilldown-toggle {
        -webkit-box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 1px, rgba(255, 255, 255, 0.75) 1px 1px 1px inset;
        -moz-box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 1px, rgba(255, 255, 255, 0.75) 1px 1px 1px inset;
        box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 1px, rgba(255, 255, 255, 0.75) 1px 1px 1px inset;
        background: rgba(0, 0, 0, 0.05);
        display: block;
        width: 23px;
        height: 23px;
        float: left;
        margin-right: 12px;
        margin-left: 8px;
        text-align: center;
        line-height: 23px;
        font-weight: bold;
        color: #464646;
        cursor: pointer;
    }

        .mobile_nav-drilldown-toggle.open {
            font-size: 30px;
            font-weight: normal;
        }

    #contentContainer table.collapse, #contentContainer table.collapse-no-header {
        display: none;
    }

    #contentContainer .jobPostingDetail table.collapse {
        display: block;
    }

    #contentContainer #activityfilterform > table,
    #contentContainer #activitylist > table {
        display: table;
    }

        #contentContainer #activityfilterform > table tr td,
        #contentContainer #activitylist > table tr td {
            display: block;
            margin-bottom: 10px;
        }

            #contentContainer #activityfilterform > table tr td.ctitle,
            #contentContainer #activitylist > table tr td.ctitle {
                border-bottom: 1px solid #ccc;
            }

            #contentContainer #activityfilterform > table tr td.ccol2,
            #contentContainer #activitylist > table tr td.ccol2 {
                width: 100%;
            }

    #contentContainer #activityfilterform .paction td,
    #contentContainer #activitylist .paction td {
        display: table-cell;
        margin-bottom: 0;
        height: auto;
        padding-right: 0;
    }

    #contentContainer #activityfilterform .ctcard > table,
    #contentContainer #activitylist .ctcard > table {
        display: block;
    }

        #contentContainer #activityfilterform .ctcard > table tbody,
        #contentContainer #activityfilterform .ctcard > table tr,
        #contentContainer #activityfilterform .ctcard > table td,
        #contentContainer #activitylist .ctcard > table tbody,
        #contentContainer #activitylist .ctcard > table tr,
        #contentContainer #activitylist .ctcard > table td {
            display: block;
        }

        #contentContainer #activityfilterform .ctcard > table .ctcard-ctitle,
        #contentContainer #activitylist .ctcard > table .ctcard-ctitle {
            font-weight: bold;
        }

        #contentContainer #activityfilterform .ctcard > table .ctcard-info td,
        #contentContainer #activitylist .ctcard > table .ctcard-info td {
            width: 100%;
        }

        #contentContainer #activityfilterform .ctcard > table .ctcard-info .ccol2,
        #contentContainer #activitylist .ctcard > table .ctcard-info .ccol2 {
            margin: 10px 0;
        }

    #contentContainer table.stacked_table {
        display: table;
    }

    form input.searchBox {
        text-indent: 10px;
        font-size: 12px;
        padding-right: 40px;
        width: calc(100% - 5px);
        float: none;
        margin-top: 0px;
        z-index: 30;
        border: 2px #0279b1 solid;
        box-sizing: border-box;
        min-height: 40px;
    }
    
    .mobile-search-dropdown .searchBox {
        font-size: 14px;
    }

    .mobile-search-dropdown .searchBox::placeholder {
        color: #444444;
    }

    #sidr-main form input.searchBox {
        height: 2.7em;
    }

    #sidr-main form input.searchBoxEmpty {
        height: 2.7em;
        margin-top: 0px;
        padding-right: 35px;
    }

    form input.searchBox:focus {
        box-shadow: 0 0 0 3px #00355f;
        box-sizing: border-box;
    }

    /* Zurb Tables */
    /* -----------------------------------------
     Shared Styles
  ----------------------------------------- */
    table th.st-head-row-main {
        font-size: 1.35em !important;
    }

    table td, table th {
        padding: 9px 10px;
        text-align: left;
    }

    /* Mobile */
    #galleryMask {
        max-width: 100%;
    }

        #galleryMask .galleryContent {
            max-width: 85%;
            position: relative;
            left: auto;
            top: auto;
            margin: 12% auto;
        }

            #galleryMask .galleryContent .photo img, #galleryMask .galleryContent .video object {
                max-width: 100%;
                height: auto;
            }

            #galleryMask .galleryContent .photo .caption {
                padding-bottom: 12px;
            }

    .register .covbuttonnav, .register .covbuttonnav span {
        background-image: none;
        background-color: #f26234;
    }

    .covbuttonnav, .covbuttonnav span {
        background-image: none;
        background-color: #015982;
        /* padding: 5px 10px 5px 10px; */
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        line-height: 15px;
        text-align: center;
    }

        .covbuttonnav span {
            padding: 12px 17px 12px 17px;
        }

            .covbuttonnav span:hover {
                background: #FFFFFF;
                border: #015982 1px solid;
                color: #015982;
                padding: 11px 16px 11px 16px;
            }
}

@media screen and (max-width: 980px) {
    body #doc #contentContainer .modContainer {
        margin: 0;
    }
    
    .covbr .covbuttonnav, .covbuttonnav span {
        line-height: 1.5;
    }
    
    .mobile-guide-item button.short-content-close {
    margin-left: auto;
    margin-right: 10px;
    position: absolute;
    top: 28px;
    right: -5px;
    }
}

@media only screen and (max-width: 980px) and (max-width: 644px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

@media screen and (max-width: 980px) and (max-width: 767px) {
    .resp-arrow {
        width: 0;
        height: 0;
        float: right;
        margin-top: 5px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 12px solid #fff;
    }

    h2.resp-tab-active span.resp-arrow {
        border: none;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 12px solid #fff;
    }

    /*-----------Accordion styles-----------*/
    .resp-easy-accordion h2.resp-accordion {
        display: block;
    }

    .resp-easy-accordion .resp-tab-content {
        border: 1px solid #FFF;
    }

        .resp-easy-accordion .resp-tab-content:last-child {
            border-bottom: 1px solid #FFF !important;
        }

    .resp-jfit {
        width: 100%;
        margin: 0px;
    }

    .resp-tab-content-active {
        display: block;
    }

    h2.resp-accordion:first-child {
        border-top: 1px solid #fff !important;
    }

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
        cursor: pointer;
        clear: both;
        height: auto !important;
        min-height: 10px;
        padding: 10px;
        background: #0279B1;
    }
        /*
  body.s5E53ECCF5AC443878F82677BA9E10A08 h2.resp-accordion {
    background: #f26234;
  }
  body.s66ED949F063F4F5186AA9B8C51ECF602 h2.resp-accordion {
      background: #f26234;
  }
  body.s5785640C8B3C4775A3C50AC844695609 h2.resp-accordion {
    background: #ad8359;
  }
  body.s40817C78182C4DF6A38920F36FFA0369 h2.resp-accordion {
    background: #9470b1;
  }
  body.s3D48BA295D9A4E8FAE0F95755D65318D h2.resp-accordion {
    background: #73b749;
  }
  body.s95C37A60D9EF4577B6E4DAFDE81CD315 h2.resp-accordion {
    background: #0d87c9;
  }
  body.sC2B4C2DC13D8429385393D092BE31D4A h2.resp-accordion {
    background: #f9b73c;
  }
  body.s1B48E3BC89AD4680B2E902C48640C64A h2.resp-accordion {
    background: #d6422f;
  }
  body.s83B05EAE7905419981E4FC0BE75FA7D8 h2.resp-accordion {
    background: #868886;
  }
*/

        h2.resp-accordion a {
            color: #fff;
            font-size: 15px;
            height: auto !important;
            padding: 0px;
        }

    .tabDetail {
        margin-bottom: 15px;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #FFF !important;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    .smallList {
        background: #f1f0eb;
    }

        .smallList h2.modHeader {
            background: #93958b;
            color: #fff;
            border-bottom-width: 3px;
            border-bottom-style: solid;
            font-size: 14px;
            padding: 9px;
        }

    body.s5E53ECCF5AC443878F82677BA9E10A08 .smallList h2.modHeader {
        border-bottom-color: #f26234;
    }

    body.s66ED949F063F4F5186AA9B8C51ECF602 .smallList h2.modHeader {
        border-bottom-color: #f26234;
    }

    body.s5785640C8B3C4775A3C50AC844695609 .smallList h2.modHeader {
        border-bottom-color: #ad8359;
    }

    body.s40817C78182C4DF6A38920F36FFA0369 .smallList h2.modHeader {
        border-bottom-color: #9470b1;
    }

    body.s3D48BA295D9A4E8FAE0F95755D65318D .smallList h2.modHeader {
        border-bottom-color: #73b749;
    }

    body.s95C37A60D9EF4577B6E4DAFDE81CD315 .smallList h2.modHeader {
        border-bottom-color: #0d87c9;
    }

    body.sC2B4C2DC13D8429385393D092BE31D4A .smallList h2.modHeader {
        border-bottom-color: #f9b73c;
    }

    body.s1B48E3BC89AD4680B2E902C48640C64A .smallList h2.modHeader {
        border-bottom-color: #d6422f;
    }

    body.s83B05EAE7905419981E4FC0BE75FA7D8 .smallList h2.modHeader {
        border-bottom-color: #868886;
    }
    /* removing mobile sorting - jc - 2019-11-18 */
    /*  #cov_folding-region-rightRail-bottom .basicBox p { */
    /* changed on 2014-12-02 to make sure there is enough space for multi-paragraphs */
    /*margin: auto 8px!important;*/
    /*   margin-bottom: 14px !important;
    }

    #cov_folding-region-rightRail-bottom .imageList {
        background: #f1f0eb;
        font-size: 14px;
    }

        #cov_folding-region-rightRail-bottom .imageList h2.modHeader {
            background: #93958b;
            color: #fff;
            border-bottom-width: 3px;
            border-bottom-style: solid;
            font-size: 14px;
            padding: 9px;
            margin-top: 0px;
        }

    body.s5E53ECCF5AC443878F82677BA9E10A08 #cov_folding-region-rightRail-bottom .imageList h2.modHeader {
        border-bottom-color: #f26234;
    }

    body.s66ED949F063F4F5186AA9B8C51ECF602 #cov_folding-region-rightRail-bottom .imageList h2.modHeader {
        border-bottom-color: #f26234;
    }

    body.s5785640C8B3C4775A3C50AC844695609 #cov_folding-region-rightRail-bottom .imageList h2.modHeader {
        border-bottom-color: #ad8359;
    }

    body.s40817C78182C4DF6A38920F36FFA0369 #cov_folding-region-rightRail-bottom .imageList h2.modHeader {
        border-bottom-color: #9470b1;
    }

    body.s3D48BA295D9A4E8FAE0F95755D65318D #cov_folding-region-rightRail-bottom .imageList h2.modHeader {
        border-bottom-color: #73b749;
    }

    body.s95C37A60D9EF4577B6E4DAFDE81CD315 #cov_folding-region-rightRail-bottom .imageList h2.modHeader {
        border-bottom-color: #0d87c9;
    }

    body.sC2B4C2DC13D8429385393D092BE31D4A #cov_folding-region-rightRail-bottom .imageList h2.modHeader {
        border-bottom-color: #f9b73c;
    }

    body.s1B48E3BC89AD4680B2E902C48640C64A #cov_folding-region-rightRail-bottom .imageList h2.modHeader {
        border-bottom-color: #d6422f;
    }

    body.s83B05EAE7905419981E4FC0BE75FA7D8 #cov_folding-region-rightRail-bottom .imageList h2.modHeader {
        border-bottom-color: #868886;
    } */
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #meta {
        width: 100%;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #homeContent {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    /*.toolbar-tabs li > a, .toolbar-tabs li.mobile-syc > a {
        padding: 10px 0;
    }*/

    body #doc #homeContent h2.modHeader {
        min-height: 0px;
    }
}

@media screen and (max-width: 980px) and (max-width: 758px) {
    body #doc #homeContent .imageList {
        width: 64%;
    }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
    body #doc #homeContent .imageList {
        width: 100%;
    }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
    body #doc #homeContent .smallList {
        width: 100% !important;
    }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
    body #doc #homeContent .photoOfTheDay {
        width: 100% !important;
        margin-right: 0px;
    }
}

@media screen and (max-width: 620px) {
    body #doc #homeContent .basicBox, body #doc #homeContent .imageList {
        width: 100% !important;
    }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
    body #doc #homeContent .basicBox.rounded-corners {
        width: 100% !important;
    }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
    body #doc #homeContent .basicBox.rounded-corners img {
        width: 100% !important;
    }
}

@media (max-width: 980px) {
    .block--panel--title ul li {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #homeContent .block--panel .block--panel--title ul {
        display: none;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #leftRail {
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 980px) and (max-width: 620px) {
    body #doc #leftRail .inside {
        display: block;
    }
}

@media (max-width: 980px) and (max-width: 620px) {
    body #doc #leftRail > h3 {
        cursor: pointer;
    }
}

/*TEST*/
@media screen and (max-width: 980px) and (min-width: 620px) {
    body #doc #rightRail .cta {
        font-size: 12px;
    }
}

@media screen and (max-width: 980px) and (min-width: 620px) {
    body #doc #rightRail .cta-heading {
        font-size: 12px;
        line-height: 16px;
    }
}

@media screen and (max-width: 980px) and (min-width: 620px) {
    body #doc #rightRail .cta-heading span {
        padding-top: 16px;
    }
}

@media screen and (max-width: 980px) and (min-width: 620px) {
    body #doc #rightRail .cta li a {
        height: 66px;
    }
}


@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #content {
        padding-right: 0px;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #contentContainer {
        width: 100%;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #contentContainer .modContainer {
        padding-right: 0px;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #contentContainer .modContainer .smallList {
        width: 100%;
    }
}

@media screen and (max-width: 980px) and (max-width: 980px) {
    body #doc #contentContainer .modContainer .tabSection .nav ul li {
        width: 25%;
    }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
    body #doc #contentContainer .modContainer .tabSection .nav ul li {
        width: 100%;
    }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
    body #doc #contentContainer .modContainer .tabSection .nav ul li a {
        height: auto !important;
        min-height: 0px;
    }
}

@media screen and (max-width: 980px) and (max-width: 750px) {
    body #doc #contentContainer .modContainer #activityfilters table td {
        display: block;
    }
}

@media screen and (max-width: 980px) and (max-width: 800px) {
    body #doc #contentContainer .modContainer #activityfilters #activityfilterform select {
        width: 100%;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #contentContainer .half-right, body #doc #contentContainer .half-left {
        margin: 0px 0px 10px 0px;
        width: 100%;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #contentContainer .gallery .photo, body #doc #contentContainer .gallery .video {
        margin: 0px 10px 8px 0px;
        padding-bottom: 8px;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #contentContainer div[style="text-align: center; margin: 0px 32px 22px 0px; float: left;"] {
        float: none !important;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #contentContainer img#feature {
        float: right;
        /* PT: 61782316 for tablet portrait (was width: auto) 
    width: 50%;*/
        margin: 0 0 10px 10px;
    }
}

@media screen and (max-width: 480px) {
    body #doc #contentContainer img#feature {
        float: none;
        /* PT: 61782316 was width: auto */
        width: 100%;
        margin: 10px 0px;
    }

    body #doc #contentContainer .featureImgDiv {
        padding: 0px 0 18px 10em;
    }
}

@media (max-width: 1366px) {
    #footer {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 320px) {

    .home #footer {
        margin-left: 0;
    }

    a.mobile-logo img {
        max-width: 101px;
        max-height: 39px;
    }

    button.goSearch {
        right: 9%;
    }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
    .toolbar-tabs li > a {
        padding: 10px 0;
    }

    body #doc #contentContainer .searchForm .datePicker {
        width: 100%;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #rightRail {
        width: 100%;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #rightRail .basicBox a {
        font-size: 14px;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc #rightRail .basicBox#basicBox9870 {
        display: none;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc .covbuttoncmd {
        display: block;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc iframe {
        margin: 0 auto;
        max-width: 100%;
    }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    body #doc iframe#featurevid {
        float: none;
    }
}

@media screen and (max-width: 980px) and (max-width: 480px) {
    #contentContainer .jobPostingDetail table.collapse {
        /* Force table to not be like tables anymore */
        /* Hide table headers (but not display: none;, for accessibility) */
    }

        #contentContainer .jobPostingDetail table.collapse thead,
        #contentContainer .jobPostingDetail table.collapse tbody,
        #contentContainer .jobPostingDetail table.collapse th,
        #contentContainer .jobPostingDetail table.collapse td,
        #contentContainer .jobPostingDetail table.collapse tr {
            display: block;
        }

            #contentContainer .jobPostingDetail table.collapse thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

        #contentContainer .jobPostingDetail table.collapse tr {
            border: 1px #f1f0eb solid;
            margin-bottom: 7.5px;
        }

        #contentContainer .jobPostingDetail table.collapse td {
            background: #f1f0eb;
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50%;
            white-space: normal;
            text-align: left;
        }

            #contentContainer .jobPostingDetail table.collapse td:first-child {
                border-bottom: 3px #93958b solid;
                background-color: #deddd6;
                padding: 4px 8px 4px 50%;
            }

            #contentContainer .jobPostingDetail table.collapse td:before {
                position: absolute;
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
            }

            #contentContainer .jobPostingDetail table.collapse td:first-child:before {
                content: "Job Title";
            }

            #contentContainer .jobPostingDetail table.collapse td:nth-child(2):before {
                content: "Competition #";
            }

            #contentContainer .jobPostingDetail table.collapse td:nth-child(3):before {
                content: "Posted on";
            }

            #contentContainer .jobPostingDetail table.collapse td:nth-child(4):before {
                content: "Closes on";
            }
}

@media only screen and (max-width: 980px) and (max-width: 767px) {
    table.responsive {
        margin-bottom: 0;
    }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll !important;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

        .pinned table {
            border-right: none;
            border-left: none;
            width: 100%;
        }

            .pinned table th, .pinned table td {
                white-space: nowrap;
            }

        .pinned td:last-child {
            border-bottom: 0;
        }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc;
    }

        div.table-wrapper div.scrollable table {
            margin-left: 35%;
        }

        div.table-wrapper div.scrollable {
            overflow: scroll;
            overflow-y: hidden;
        }

    table.responsive td, table.responsive th {
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

        table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
            display: none;
        }
}

@media screen and (max-width: 980px) and (max-width: 620px) {
    .covbuttonnav, .covbuttonnav span {
        display: inline-block;
    }
}

@media screen and (max-width: 599px) {
    input.blue-button, a.blue-button, input.white-button, a.white-button, input.white-button--blue-bg, a.white-button--blue-bg, input.green-button, a.green-button,
    .contentWide .module-one-half-width [class*='-button'],
    .contentWide .module-one-half-width-right [class*='-button'] {
        line-height: 1.4em;
        padding: 1em 1.5em;
        text-align: center;
        font-size: 0.88rem;
        width: calc(100% - 9px);
        max-width: calc(100% - 9px);
    }

    .highlight-content .secondary a.white-button--blue-bg {
        max-width: 100%;
        margin: 0;
        padding: 13px;
    }

    #footer .top {
        padding-top: 20px;
    }

    .toolbar-tabs li {
        font-size: 11px;
    }
}

/* TC - Specialized styles
/* cov-orgchart */
@media screen and (max-width: 980px) {
    ul#cov-orgchart {
        margin-left: 13em;
    }

    body #doc #rightRail .basicBox .cov-socmed iframe {
        float: none;
        display: inline;
        margin: 0 8px 0 0 !important;
    }

    /* fix home page service simple box on mobile (tablet) view */
    .cta li a {
        padding: 0px;
    }

    /* for Firefox only */
    @-moz-document url-prefix() {
    }

    .shortcut-content-border {
        height: 7px;
        background-color: #eeeeee;
        background-image: linear-gradient(#b4b4b4, #fff);
    }
}

/* for IE only */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    #sidr-main .header a:focus, #sidr-main .header a:active {
        /*outline: 0;
        border: 3px solid rgb(245, 166, 35);*/
    }
}

/* Tablet */
@media (max-width: 768px) {

    /* Headings */
    .highlight-header .section h2 {
        margin-left: 0;
    }

    .highlight-header {
        padding-left: 55px;
        padding-right: 25px;
        width: auto;
    }

        .highlight-header .svc-item .description {
            padding: 8px 0 20px 0;
        }

    img.left,
    img.right {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .contentWide #content {
        width: calc(100% - 20px);
    }

    ul.timeline {
        width: 100%;
    }
}

/* Phone */
@media (max-width: 599px) {
    .modContainer .module-two-third-width,
    /*.contentWide .info-notice-box-right,
    .contentWide .info-notice-box-left,
    .contentWide .info-notice-box-right,
    .contentWide .info-notice-box-left,*/
    .contentWide .module-one-third-width-right,
    .contentWide .module-one-third-width,
    .contentWide .module-one-half-width,
    .contentWide .modContainer .basicBox,
    .contentWide .module-one-half-width-right,
    .contentWide .module-two-third-width,
    .contentWide .module-two-third-width.info-notice-box {
        width: 100% !important;
        float: none;
        clear: both;
    }

    .contentWide #content,
    .contentWide .modContainer .basicBox,
    .contentWide .modContainer .googleEvents,
    .contentWide .modContainer .googleNews,
    .contentWide .modContainer .imageList,
    .contentWide .modContainer .simpleList,
    .contentWide .modContainer .smallIconList,
    .contentWide .modContainer .smallList,
    .contentWide .modContainer .mediumIconList,
    .contentWide .modContainer .unstyledTextBlock,
    .contentWide .modContainer .videoIframeDiv,
    #rCw, .slidescreenDetail,
    .modContainer .tabSection,
    .contentWide .modContainer .progressive-disclosure {
        width: 100% !important;
        float: none;
    }

    div[class^="alert--"], .notice--green {
        width: calc(100% - 50px);
        float: none;
    }

    .contentWide .module-one-third-width-right,
    .contentWide .module-one-half-width-right {
        width: 100%;
        margin: 20px 0;
    }

    .contentWide .info-notice-box
    /*.contentWide .info-notice-box-right,
    .contentWide .info-notice-box-left,
    .contentWide .info-notice-box-right.module-two-third-width,
    .contentWide .info-notice-box-left.module-two-third-width*/ {
        width: 85%;
        float: none;
        margin: 0 20px 20px 0;
        box-sizing: content-box;
    }

    [data-collapsed="false"] > .js-rotate-if-collapsed {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media screen and (max-width: 350px) {

    .contentWide .info-notice-box
    /*.contentWide .info-notice-box-right,
    .contentWide .info-notice-box-left,
    .contentWide .info-notice-box-right.module-two-third-width,
    .contentWide .info-notice-box-left.module-two-third-width*/ {
        width: 82%;
    }
}

/*  wide modules width to align */
@media only screen and (max-width: 599px) {
    .card-grid {
        width: 100%;
    }

    .featureImgDiv {
        max-width: 100%;
    }

    .quinput .buttons {
        width: 100%;
    }

}

/*@media only screen and (min-width: 413px) and (max-width: 599px) {

    .contentWide .info-notice-box-right,
    .contentWide .info-notice-box-right.module-two-third-width,
    .contentWide .info-notice-box-left,
    .contentWide .info-notice-box-left.module-two-third-width {
        width: 100% !important;
        box-sizing: border-box;
    }
}*/


/* adjust all vertical time-lines */
@media only screen and (min-width: 980px) {
    .timeline li div {
        max-width: 60% !important;
    }

    .timeline {
        padding: 0 !important;
    }
}

/* adjust home page alerts */
@media (min-width: 769px) {
    div[class^="alert--"] + .home, .notice--green + .home {
        margin-top: 20px;
    }
}
/* jc commented out for new alert style
@media (min-width: 990px) {
    #header + div[id^="homepageAlert"] {
        margin: 0;
    }
} */

#mobile-header input, #sidr-main input {
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}

/* Fluid_wrapper tab order change */
@media all and (min-width: 769px) {
    .flex-item--left {
        flex: 2 0px;
    }

    .flex-item--left {
        order: 1;
    }

    .flex-item--right {
        order: 2;
    }

    .flex-item--content {
        order: 3;
    }
}

@media (max-width: 768px) {
    .highlight-header .fluid_wrapper {
        display: block;
    }
}

@media (min-width: 769px) and (max-width: 889px) {
    .flex-item--left {
        flex: 1 2 15em;
    }

    .flex-item--right {
        flex: 2 2 18em;
        margin-left: auto;
    }

    .section-title--link a {
        float: right;
    }
}

@media (min-width: 890px) {
    .flex-item--left {
        flex: 1 2 21em;
    }

    .flex-item--right {
        flex: 2 2 18em;
        margin-left: auto;
    }

    .section-title--link a {
        float: right;
    }
}

@media (min-width: 769px) {
    .fluid_wrapper.block-wrapper--2-col .newsWrapper.block {
        height: 105px;
    }
}

@media (max-width: 768px) {
    .fluid_wrapper.block-wrapper--2-col .newsWrapper.block {
        float: none;
    }
}

@media (max-width: 980px) {
    #doc2 > nav {
        margin-left: 0;
    }
}

@media (max-width: 599px) {
    body #doc2 {
        width: calc(100% - 40px);
        padding-right: 20px;
    }

    ul.breadcrumb {
        font-size: 0.69em;
    }

    #footer > div:first-child {
        padding-top: 0;
    }
}

@media screen and (max-width: 599px) {

    .toolbar-tabs li > a {
        height: 44px;
    }
    
    /*.toolbar-tabs li > a, .toolbar-tabs li.mobile-syc > a {
        padding: 10px 0;
    }*/

    .toolbar-tabs li > a.mobile-logo {
        padding: 14px 0 6px 0;
    }

    /*#mobile_nav-toolbar li > a.mobile-syc p {
        margin-top: 0.3em;
        max-width: 60px;
    }*/

    #mobile_nav-toolbar li a p {
        margin-top: 1.4em;
    }

    #mobile_nav-toolbar li a svg {
        margin-top: 0;
    }
}

@media screen and (max-width: 350px) {

    .toolbar-tabs li > a.mobile-logo {
        padding: 18px 0 2px 0;
    }

    a.mobile-logo img {
        height: 93%;
    }
}

@media (max-width: 768px) {
    .home .links.btn-style a:focus, .home .links.btn-style a:active {
        box-shadow: 0 0 0 3px #00355f;
        background: #00355f;
        color: #015982;
        border: none;
        padding: 0;
    }

    .home .with-title-link .section-title--link a:focus, .home .with-title-link .section-title--link a:active,
    div#sectionSetWrapper49367.sectionSetWrapper.lazy div.section-title--link.flex-item--right a:active,
    div#sectionSetWrapper49367.sectionSetWrapper.lazy div.section-title--link.flex-item--right a:focus {
        outline: none;
        box-shadow: 0 0 0 3px #00355f;
        text-decoration: none;
    }

    .home .highlight-header--home a.bt-more:active,
    .home .highlight-header--home a.bt-more:hover {
        color: #0279b1;
        background-color: #fff;
        border-color: #fff;
    }

    .home .highlight-header--home a:focus, .home .highlight-header--home a:active {
        background-color: #00355f;
        color: #015982;
        outline: 3px solid #00355f;
    }
}


@media (max-width: 879px) {

    section .section.highlight-header .svc-item:not(:hover) a:active {
        box-shadow: 0 0 0 3px #00355f;
        background: #00355f;
        color: #015982;
        border: none;
        padding: 0;
        outline: 3px solid #00355f;
    }
}

@media (max-width: 980px) {
    .accessibility .skip-links a:focus, .accessibility .skip-links a:active {
        /*box-shadow: 0px 5px 4px rgba(68, 68, 68, 0.25);
        border: 3px solid rgb(245, 166, 35);
        height: 24px;
        text-align: left;*/
    }

    #mobile_nav-toolbar {
        position: relative;
    }

    .accessibility {
        position: relative;
    }

        .accessibility .skip-links {
            position: relative;
            left: 0;
        }
}

@media (min-width: 600px) and (max-width: 980px) {
    body #doc #contentContainer .modContainer {
        width: 100%;
    }
    
    #mobile_nav-toolbar a.mobile-logo {
        text-align: left;
        margin-left: 15px;
    }
    
    #mobile_nav-toolbar li a p {
        margin-top: 1em;
    }
}

@media (max-width: 980px) {
    #footer .top address.footer-address > p {
        padding-left: 3px;
    }

    .modContainer section.section-alt-bg {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -20px;
        margin-right: -20px;
    }
}

@media (min-width: 600px) {
    .landingBanner--desktop {
        display: block;
    }

    .landingBanner--mobile {
        display: none;
    }
}

@media (max-width: 599px) {
    .landingBanner--desktop {
        display: none;
    }

    .landingBanner--mobile {
        display: block;
    }
}

@media (max-width: 768px) {
    .sectionSetWrapper {
        /*background: none !important;*/
        padding: 0;
        margin: 0;
    }

    .featureLinksBoxSetWrapper {
        background: none;
        padding: 0;
        margin: 0;
    }
}

.modContainer div[class^="alert--"] > :last-child, #doc2 .blk-callout > div > :last-child, #doc2 .blk-callout > :last-child {
    margin-bottom: 0;
}

@media (max-width: 780px) {
    body.home #footer {
        margin: 0;
        padding-left: 20px;
    }

    #footer .seperator {
        padding: 0;
    }
}

@supports (-webkit-touch-callout: none) {
    @media only screen and (orientation: landscape) {
        ol {
            margin: 0 0 20px 3em;
        }
    }
}