/*  General Styles
***************************************************************** */

    
    a.white-button {
        text-transform: uppercase;
        border: none;
        background: #fff;
        color: #454545;
        padding: 8px 20px;
        transition: 0.5s ease;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        text-align: center;
        font-weight: 500;
        font-size: 1.2em;
    }
    a.white-button:hover {
        background: #fcb527;
    }
    .block-style {
        margin:100px 0;
    }
    hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border: 0;
        border-top: solid 4px #fcb527;
    }
    big {
        font-size: 1.4em;
    }
    .content-grey {
        background: #E9E8E8;
    }
    .mobile-only {
        display:none
    }
    .clear {
        clear: both;
    }

    h2.budget-icon {
        background: url(../images/budget-icon.png) left top 10px no-repeat;
        background-size: 50px 46px;
        padding-left: 70px;
        font-size: 2.2em;
        min-height: 57px;
    }

    article a, .wysiwyg-text a {
        text-decoration: underline;
    }

    /*  Custom Classes 
    ***************************************************************** */

    .print-only {
        display:none
    }

    /*  Content Container Styles 
    ***************************************************************** */

    .container.wysiwyg-text {
        margin-top: 100px;
        margin-bottom: 80px;
    }

    /* -- Typography Styles -- */

    .wysiwyg-text p {
        margin-bottom: 1.5em;
    }
    .wysiwyg-text h5 {
        text-transform: uppercase;
    }

    /* -- Link Styles -- */

    .wysiwyg-text a {
        color: #24466f;
        font-weight:600;
    }
    .wysiwyg-text a:hover {
        border-bottom: 2px solid #24466f;
        padding-bottom: 1px;
    }
    /* Button Styles */
    .wysiwyg-text .button {
        color:#000;
        margin-top: 1rem;
    }
    .wysiwyg-text .button:hover {
        border-bottom: solid 2px #fcb527;
        padding-bottom: 8px;
    }

    /* -- Image Styles -- */

    .wysiwyg-text figure,
    .wysiwyg-text p img {
        max-width: 100%;
        margin: 30px 0;
    }
    .wysiwyg-text figure img {
        max-width: 100%;
    }
    .wysiwyg-text figure.align-right, 
    .wysiwyg-text p img.align-right {
        float: right;
        margin-left: 60px;
        max-width: 45%;
    }
    .wysiwyg-text figure.align-left, 
    .wysiwyg-text p img.align-left {
        float: left;
        margin-right: 60px;
        max-width: 45%;
    }

    figure {
        padding: 0 30px;
        max-width: 1400px;
    }

    figure img {
        width: 100%;
    }

    figure figcaption {
        margin-bottom: 2em;
        font-size: 0.8em;
        font-style: italic;
        text-align: left;
    }

    figure figcaption .author {
        float: right;
        font-size: 0.9em;
        font-style: italic;
    }

    /* -- Formatted List Styles -- */

    .wysiwyg-text li {
        margin:10px 0;
    }

    /* -- Table Styles -- */

    .wysiwyg-text table {
        margin:30px 0;
        max-width:100%;
    }
    .wysiwyg-text table p:last-child {
        margin-bottom:0;
    }
    .wysiwyg-text .table-tablet-wrapper {
        overflow: auto
    }
    .wysiwyg-text .table-tablet-wrapper .scroll-table-tablet {
        min-width:768px
    }
    .wysiwyg-text .table-phone-wrapper {
        overflow: auto
    }
    .wysiwyg-text .table-phone-wrapper .scroll-table-phone {
        min-width:550px
    }

    .align-center {
        margin: 0 auto;
        text-align: center;
    }

/*  Error Pages (404, 403, 500)
***************************************************************** */

.error-page {
    margin-top:100px;
    display: inline-block;
    width: 100%;
}
.error-page .error-message {
    font-weight: 600;
    color: #a40b3c;
    font-size: 1.4em;
    margin-bottom: 20px;
    display: block;
}
.error-page .container.wysiwyg-text {
    margin-top: 0;
    padding: 0;
}
.error-page  .error-image {
    float: right;
    padding: 30px 0 30px 30px;
    width: 55%;
}
.error-page  .error-image img {
    width:100%
}
.error-500 #header .wrapper {
    background: rgba(255, 255, 255, 0.6);
}
.error-500 #header #menu-toggle {
    z-index: -4;
}
.error-500 header #main-nav {
    display:none
}
.error-500 .footer .upper,
.error-500 .footer .logo {
    display:none

}

/*  Report a Crime Page Styles
***************************************************************** */

#outside-toronto img {
    margin-bottom:-50px
}
#online-reporting .article .inner {
    min-height: 320px;
}

/*  Twitter Feed 
***************************************************************** */
    .social-feed .profile-image img{
        border-radius:24px;
        width:100%
    }
    .social-contact-list h2 {
        text-align: center;

    }
    .social-contact-list .contacts {
        margin: 0 -15px
    }
    .social-contact-list .contacts .contact-wrapper {
        display:inline-block;
        width:33%;
        padding:15px;
        vertical-align: top;
        margin:0 -2px
    }
    .social-contact-list .contacts .contact-wrapper .contact {
        background-color:white;
        padding:15px;
        min-height:110px;
        display:table;
        width:100%
    }

    .social-contact-list .contacts .contact-wrapper .contact>div {
        display: table-cell;
        font-weight:bold;
        margin-right:5px;
        vertical-align:top;
        width:100%
    }
    .social-contact-list .contacts .contact-wrapper .contact .profile-image {
        padding-right:12px;
        width: 60px;
        min-width: 60px;
    }
    
    .social-contact-list .contacts .contact-wrapper .fullname{
        font-weight:bold;
    }
    .social-contact-list .contacts .contact-wrapper .fullname span.name{
        margin-right:10px;
    }

    .social-contact-list .contacts .contact-wrapper .fullname span.role{
        font-weight:normal;
    }

    .social-contact-list .contacts .contact-wrapper p {
        margin-bottom:0;
        font-weight:normal;
        line-height: 1.5;
    }
    .social-contact-list .contacts .contact-wrapper p.role {
        font-size: 0.95em;
    }

    .twitter-feed {
        margin:100px -15px;
    }
    .twitter-feed h3 {
        font-weight: 500;
        font-size: 1.4em;
        text-align: center;
        color: #4a4a4a;
        margin-bottom: 50px;
    }
    .twitter-feed h3:before {
        content:'\f099';
        font-family: "Font Awesome 5 Brands";
        margin-right: 10px;
    }
    .twitter-feed .row {
        display: -webkit-flex; 
        display: -ms-flexbox; 
        display: flex; 
        overflow: hidden;
        margin:0;
    }
    .twitter-feed .tweet-wrapper {
        flex: 1;
        margin:0 -2px;
        padding:15px;
        vertical-align: top
    }
    .twitter-feed .tweet {
        background: #fff;
        padding: 30px 30px 30px 25px;
        height: 100%;
        display: table;
        width:100%;
    }
    .twitter-feed .tweet > div {
        display: table-cell;
        vertical-align: top;
    }
    .twitter-feed .tweet .profile-image {
        width: 100px;
        padding-right: 24px;
        vertical-align: middle;
    }
    .twitter-feed .tweet .profile-image img {
        border-radius:24px;
    }
    .twitter-feed .tweet .handle a {
        color: #002955;
        font-weight: 500;
        font-size: 1.2em;
    }
    .twitter-feed .tweet .content a {
        color: #002955;
    }
    .twitter-feed .tweet .timesince:before {
        content: '\f099';
        font-family: "Font Awesome 5 Brands";
        margin-right: 10px;
    }
    .twitter-feed .view-more .button {
        border:none
    }

/*  IE Fixes
***************************************************************** */
.menu-wrapper select::-ms-expand {
    display: none;
}

/*  Image Number Box
***************************************************************** */

    .image-number-box {
        display: inline-block;
        vertical-align: top;
        margin: 0 -2px;
        width: 33.33%;
        padding: 15px;
    }
    .image-number-box.icon-left,
    .image-number-box.icon-left-no-box,
    .image-number-box.icon-top {
        display: inline-block;
        margin: 0 -2px;
        font-family: inherit !important;
        line-height: 1.4 !important;
        width: 33.33%;
        padding: 15px;
    }
    .image-number-box.icon-top {
        width: 25%;
    }
    .image-number-box .inner {
        width:100%;
        min-height: 183px;
    }
    .image-number-box.icon-left .inner {
        border:1px solid #ccc;
        padding:20px;
    }
    .image-number-box.icon-left .inner,
    .image-number-box.icon-left-no-box .inner {
        display:table;
    }
    .image-number-box.icon-left .inner .image,
    .image-number-box.icon-left-no-box .inner .image {
        display: table-cell;
        vertical-align: middle;
    }
    .image-number-box .inner .image img {
        max-width: 94px;
        margin: 0 auto 0 auto;
        display: block;
    }
    .image-number-box .inner .content {
        text-align:center
    }
    .image-number-box.icon-left .inner .content,
    .image-number-box.icon-left-no-box .inner .content {
        display: table-cell;
        padding: 0 15px 0 30px;
        width: 100%;
        vertical-align: middle;
        text-align:left
    }
    .image-number-box .inner .content p {
        margin-bottom: 0;
    }
    .to-blue-bg .image-number-box .inner .content .number,
    .gta-211-bg .image-number-box .inner .content .number,
    .blue-bg .image-number-box .inner .content .number,  
    .black-bg .image-number-box .inner .content .number, 
    .dark-grey-bg .image-number-box .inner .content .number, 
    .red-bg .image-number-box .inner .content .number {
        color:#fff
    }
    .image-number-box .inner .content .number {
        font-size: 2em;
        line-height: 1.2;
        font-weight: 600;
        margin-bottom: 10px;
        color:#000
    }
    /* Icon Top Number Box */
    .image-number-box.icon-top .inner .content .number {
        font-size: 1.7em;
    }
    .image-number-box.icon-top .inner .content {
        margin-top: 15px;
    }
    h2.did-you-know {
        font-size: 2.3em;
        display: inline-block;
        border-bottom: solid 5px #ebe8e9;
        padding-bottom: 15px;
        margin-bottom:0;
    }

/*  Community Concern List Plugin
***************************************************************** */

.three-columns.community-list {
    margin: 0 -15px;
}

/* -- Concern Type -- */

.three-columns .concern-type {
    width: 33.33%;
    display: inline-block;
    padding: 15px;
    vertical-align: top;
    margin:0 -2px
}
.three-columns .concern-type .concern-type-description {
    min-height: 300px;
}
.three-columns .concern-type .logo {
    float: left;
    width: 54px;
    margin: -15px 15px 10px 0;
}
.three-columns .concern-type h3 {
    font-size: 1.45em;
    font-weight: 700;
    margin: 20px 0;
}
.three-columns .concern-type hr {
    border-top:3px solid #007ac3
}
.three-columns .concern-type:first-child hr {
    border-color:#c40030
}
.three-columns .concern-type:nth-child(2) hr {
    border-color:#002856
}

/* -- Concern List -- */

.concerns .article {
    padding: 30px;
    margin:40px 0;
    border-top:3px solid #007ac3
}
.three-columns .concern-type:first-child .concerns .article {
    border-color:#c40030
}
.three-columns .concern-type:nth-child(2) .concerns .article {
    border-color:#002856
}
.concerns .article span[class^="icon-"] {
    font-size: 80px;
    color: #000;
    margin-bottom:10px;
    display: block;
}
.concerns .article .title {
    color: #000;
    font-size: 1.45em;
    line-height: 1.4;
    font-weight: 700;
}
.concerns .article .description {
    color: #454545;
}
.concerns .article .button {
    border: none;
    background: #007ac3;
    margin-top: 20px;
    font-size: 1.1em;
    line-height: 1.4;
    padding: 10px 20px;
    display: inline-block;
}
.concerns .article .button:hover {
    background:  #454545 !important;
    color:#fff !important
}
.three-columns .concern-type:first-child .article .button {
    background:#c40030
}
.three-columns .concern-type:nth-child(2) .article .button {
    background:#002856
}

/*  #YourTO
***************************************************************** */

    #categories {
        padding-top:0;
    }
    #yourto-top {
        background:#fff
    }
    #yourto-top .tabs {
        display:none;
    }
    #maps .container.wysiwyg-text {
        margin:0
    }

/*  YourTO Headline
***************************************************************** */

    #selected-year {
        text-align: center;
        margin-top: -30px;
        font-size: 2.1em;
        font-weight: 600;
    }

/*  Datafilter
***************************************************************** */

    .data-filter-container {
        background: #E9E8E8;
        position:relative;
        height:64px;
        z-index:999;
    }
    .data-filter-row {
        background: #E9E8E8;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: center;
        width: 100%;
        position: absolute;
    }
    .data-filter-row.float {
        position:fixed;
    }
    .data-filter-row .categories-anchor {
        padding: 15px;
        position: relative;
        z-index: 10;
        float: left;
        transition:  500ms ;
        -webkit-transition: 500ms ;
        -moz-transition: 500ms ;
    }
    .data-filter-row .categories-anchor:hover {
        background: rgba(255, 255, 255, 0.5);
    }
    .data-filter-row .categories-anchor:before {
        content: "";
        width: 31px;
        height: 20px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
        background-image: url(../images/categories-icon.png);
        background-position: center left;
        background-repeat: no-repeat;
    }
    .data-filter-row .maps-anchor {
        float: right;    
        padding: 15px;
        position: relative;
        z-index: 10;
        transition:  500ms ;
        -webkit-transition: 500ms ;
        -moz-transition: 500ms ;
    }
    .data-filter-row .maps-anchor:hover {
        background: rgba(255, 255, 255, 0.5);
    }
    .data-filter-row .maps-anchor:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 29px;
        height: 27px;
        margin-right: 10px;
        background-image: url(../images/map-pin-icon.png);
        background-position: center left;
        background-repeat: no-repeat;
    }
    /* -- Tabbed Links --  */
    .tabbed-list.tabbed-links {
        background: #E9E8E8;
        display:inline-block;
        width:100%
    }
    .tabbed-list.tabbed-links .tabs {
        margin: 0;
        padding-left: 0;
        text-align: center;
        margin-top: -52px;
        position:relative;
        z-index:999;
    }
    .tabbed-list.tabbed-links .tabs:not(.float) {
        top:0 !important
    }
    .tabbed-list.tabbed-links .tabs.float {
        width:100%;
        position:fixed;
    }
    .tabbed-list.tabbed-links .tabs .tab {
        display: inline-block;
        padding-left:5px
    }
    .tabbed-list.tabbed-links .tabs .tab a {
        display:block;
        padding: 5px 15px;
        cursor: pointer;
        transition:  500ms ;
        -webkit-transition: 500ms ;
        -moz-transition: 500ms ;
    }
    .tabbed-list.tabbed-links .tabs .tab a:hover {
        border:none
    }
    .tabbed-list.tabbed-links .tabs .tab.current a {
        background: #fff;
        border-radius: 20px;
        font-weight: 600;
    }
    .tabbed-list.tabbed-links .tabs .tab:not(.current):hover a {
        background: rgba(255, 255, 255, 0.5);
        border-radius: 20px;
    }
    .tabbed-list .tab-content {
        width:100%;
    }

    /* -- Tabbed Links --  */

    .tabbed-list.standard-tabs .tabs {
        display:table;
        width:100%
    }
    .tabbed-list.standard-tabs .tabs .tab {
        display: table-cell;
        vertical-align: middle;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1em;
        line-height: 1.3;
        text-align: center;
        background: #E9E8E8;
        cursor: pointer;
        padding: 0;
    }
    .tabbed-list.standard-tabs .tabs .tab a {
        color:#000;
        padding: 20px 10px;
        display:block;
        margin:0 auto;
        max-width:200px
    }
    .tabbed-list.standard-tabs .tabs .tab a:hover {
        border:none
    }
    .tabbed-list.standard-tabs .tabs .tab:hover {
        background: #f1f1f1;
    }
    .tabbed-list.standard-tabs .tabs .tab.current {
        background:#fff;
        border-top:4px solid #fcb527
    }
    .tabbed-list.standard-tabs .tabs .tab.current a {
        padding: 16px 10px 20px 10px;
    }
    #categories {
        margin-bottom:0;
    }

/*  Media Centre
***************************************************************** */

/* -- Events Calendar -- */

table.js-calendar-table {
    float:right;
    width:45%;
    border: solid 1px #e6e3e5;
}
table.js-calendar-table tr:nth-child(even) td {
    background: #fff;
}
table.js-calendar-table td.disabled,
table.js-calendar-table td.disabled a {
    color: #e8e3e5;
}
table.js-calendar-table td {
    padding: 0;
    width: 60px;
    height: 50px;
    text-align: center;
    margin: 0 auto;
}
table.js-calendar-table td.events a {
    background: #e6e3e5;
    border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 5px 0;
    text-align: center;
    margin: 0 auto;
}
table.js-calendar-table td.events a:hover {
    background: #fcac23;
}
table.js-calendar-table td.today span {
    background: #fcac23;
    border-radius: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 5px 0;
    text-align: center;
    margin: 0 auto;
    font-weight:bold
}
table.js-calendar-table tr.header {
    text-align: center;
    border-bottom: solid 1px #e6e3e5;
}
table.js-calendar-table tr.header th {
    padding:10px 0;
    font-size: 1.1em;
}
table.js-calendar-table tr.header.title {
    background: #111111;
    color: #fff;
    height: 50px;
}
table.js-calendar-table tr.header.title th {
    padding:12px 0
}
table.js-calendar-table tr.header.title a {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4em;
}
p.phone-number-with-icon:before {
    content: '\f095';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.8em;
    padding-right: 15px;
}
p.hours-with-icon:before {
    content: '\f017';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.8em;
    padding-right: 15px;
}

/* -- News Releases -- */

.news-releases > .container > .share-options {
    float:right
}
.news-releases .news-releases-header {
    background:#444;
    padding-top:100px;
    text-align:center;
}
.news-releases .news-releases-header h2 {
    color:#fff
}
.news-releases .news-releases-header input[type=text] {
    width: 100%;
    border: none;
    font-size: 1.8em;
    padding: 15px 100px 15px 30px;
    margin-top: 40px;
    background-image: url(../images/search-icon-large.png);
    background-position: center right 30px;
    background-repeat: no-repeat;
}
.news-releases .news-releases-header .advanced-search {
    margin-top: 30px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 1.15em;
    font-weight: 500;
}
.news-releases .news-releases-header .advanced-search:hover {
    border:none;
    color:#FCB526
}
.news-releases .news-releases-header .advanced-search:after {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.8em;
    padding-left: 15px; 
}
.news-releases .news-releases-header #tab-by-category {
    display: table;
    width:100%;
    padding:0;
    margin-top: 100px;
}
.news-releases .news-releases-header #tab-by-category li {
    display: table-cell;
    vertical-align: middle;
    background: #e9e7e8;
}
.news-releases .news-releases-header #tab-by-category li a {
    padding: 20px;
    display: block;
    width: 100%;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 1.1em;
    line-height:1.3em;
    font-weight: 500;
    color: #4b4b4b;
}
.news-releases .news-releases-header #tab-by-category li a:hover {
    border:none
}
.news-releases .news-releases-header #tab-by-category li:hover {
    background:#ccc;
    border:none
}
.news-releases .news-releases-header #tab-by-category li.selected {
    background:#fff
}
.news-releases #tab-by-category_stories {
    padding:50px 0;
}
.news-releases .article-list .article.with-image .wrapper .content {
    width:70%
}
.news-releases .article-list .article .wrapper .featured-image {
    width: 30%;
    float: right;
    padding-right: 0;
    padding-left: 30px;
}
.article .featured-image img {
    max-width: 100%;
    max-height: 500px;
}

.news-releases-article {
    padding: 2em 0 !important;
}

.news-releases-meta {
    padding: 0.25em 0 !important;
    margin: 0 !important;
}

.news-releases-title {
    margin: 0 !important;
}

.news-releases-meta p {
    font-size: 1em !important;
}

.news-releases-attachments h4 {
    font-size: 1.2em;
}

.news-releases-attachments p {
    margin-left: 1em;
}

.news-releases-watermark {
    float: left;
    position: absolute;
    left: 10%;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0.25;
    transform: rotate(-45deg);
}

.news-releases-draft, .news-releases-ready {
    top: 12%;
    font-size: 25em;
}

.news-releases-scheduled {
    top: 25%;
    font-size: 15em;
}

.news-releases-published {
    display: none;
}

.news-releases-archived {
    top: 20%;
    font-size: 17em;
}

.print-release-icon {
    float: right;
    font-size: 2.5em;
}

/* -- Filter -- */

.filter {
    margin-bottom:40px;
    margin-top:40px;
}
.filter .filter-toggle {
    background:#e9e7e8;
    display: inline-block;
    padding: 20px 30px;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
}
.filter .filter-toggle:after {
    content: '\f078';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-left: 40px;
}
.filter .filter-options {
    background:#e9e7e8;
    max-height:0;
    overflow:hidden;
    transition: max-height 1s ;
    -webkit-transition: max-height 1s ;
    -moz-transition: max-height 1s ;
}
.filter.open-filter .filter-options {
    max-height:10000px;
    overflow: visible;
    
}
.filter .filter-options form {
    padding-top: 60px;
    padding-bottom: 60px;
}
.filter .filter-options input[type=text], 
.filter .filter-options input[type=search] {
    width: 100%;
    border: none;
    font-size: 1.8em;
    padding: 15px 100px 15px 30px;
    background-image: url(../images/search-icon-large.png);
    background-position: center right 30px;
    background-repeat: no-repeat;
}
.filter .filter-options .filter-option-list input[type=text] {
    padding: 30px 50px 30px 25px;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.2;
    color: #4d4d4e;
    text-transform: uppercase
}
.filter .filter-options .dropdowns {
    padding:0;
    margin: 40px -15px 0 -15px;
}
.filter .filter-options .dropdowns li {
    width: 25%;
    display: inline-block;
    margin: 0 -2px;
    padding: 0 17px;
} 
.filter .filter-options .dropdowns li select {
    min-width: 100%;
    background-color:#fff;
    box-sizing: border-box;
    border-radius: 0;
    padding-top: 30px;
    padding-left: 25px;
    padding-bottom: 30px;
    padding-right: 50px;
    font-size: 1.3em;
    border: none;
    font-weight: 500;
    background-position: top 40px right 25px;
    margin:0;
}
.filter .filter-options input[type=submit] {
    width:100%;
    text-align:center;
    border:none;
    font-size: 1.3em;
    padding: 30px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 500;
    background:#fcb528;
    cursor:pointer
}
.filter .container {
    position: relative;

}
.filter .share .share-button-clickable, 
.filter .share-options a.social-share-btn {
    color: #000;
    font-size: 1.3em;
    margin-right:15px;
}
.filter .share-options a.social-share-btn.rss {
    font-size: 1.1em;
}

.share-options.filter-right {
    float:right;
    position: absolute;
    right: 2em;
    top: 1em;
}

/*  Search
***************************************************************** */

    .search-field input[type=text] {
        width: 100%;
        border: none;
        font-size: 1.8em;
        padding: 15px 100px 15px 30px;
        background-color: #f4f2f3;
        background-image: url(../images/search-icon-large.png);
        background-position: center right 30px;
        background-repeat: no-repeat;
    }

/* -- Article List -- */

.article-list {
    margin-bottom:100px
}
.article-list .article {
    padding:50px 0;
    border-bottom:1px solid #ccc;
    display: inline-block;
    width: 100%;
}
.article-list .article .wrapper .featured-image {
    padding-right: 60px;
    width: 45%;
}
.article-list .article .wrapper .content {
    width:100%
}
.article-list .article.with-image .wrapper .content {
    width: 55%;
}
.article-list .article .wrapper .featured-image,
.article-list .article .wrapper .content {
    float: left;
}
.article-list .article .featured-image img {
    width:100%
}
.article-list .article h3 {
    margin-bottom: 15px;
    font-size: 2em;
    margin:0 0 10px 0
}   
.article-list .article h3 a {
    color:#000;
}
.article .meta {
    margin-top: 15px;
    line-height: 1;
    padding-bottom: 10px;
    width:100%
}
.article .list-view .meta {
    width: auto;
    padding-top: 25px;
}
.article .meta p {
    font-weight: 700;
    margin-bottom: 0px;
    margin-right:15px;
    font-size: 1.1em;
    line-height:1.5;
    display:inline-block
}
.view-more {
    display:inline-block;
    width:100%;
    margin: 50px 0;
    text-align: center
}
.event.article-detail .meta {
    display: inline-block;
    padding-bottom: 0;
    margin-bottom: 10px;
}
.event .meta {
    width: 100% !important;
    padding-top:0 !important;
    display:inline-block;
}
.event .meta p {
    display: block;
}
.event .teaser h3 {
    margin-bottom:30px !important;
}
.event .teaser .meta {
    width: auto !important;
    float:left
}
.event .teaser .meta .start-date-box {
    margin-bottom:0;
}
.event .teaser .lead-in {
    clear: both;
}
.event.article-detail .container > .author-details {
    margin-bottom:30px
}

/*  Resource Centre
***************************************************************** */

    /* --  Single Resource  -- */

    .resource.article-detail .article-lead-details {
        display:table;
        margin:0 -15px 30px -15px;
    }
    .resource.article-detail .article-lead-details .page-numbers,
    .resource.article-detail .article-lead-details .share-options,
    .resource.article-detail .article-lead-details .resource-meta {
        display: table-cell;
        padding: 0 15px;
        vertical-align: top;
        line-height: 1.5;
    }
    .resource .page-numbers {
        font-size: 0.7em;
        line-height: 1.4;
        text-align: center;
        background-image: url(../images/page-icon-bg.png);
        background-repeat: no-repeat;
        background-position: top center;
        padding-top: 20px !important;
        height: 62px; 
        color:#000;
        min-width: 80px;   
        vertical-align: middle;
    }
    .resource .page-numbers .number {
        font-size: 1.45em;
        line-height: 0.7;
        font-weight: 800;
    }
    .resource.article-detail .article-lead-details .resource-meta .label {
        text-transform: uppercase;
        font-size: 0.75em;
        font-weight: 600;
        color:#000;
        margin-bottom: 3px;
    }
    .resource.article-detail .article-lead-details .share-options {
        padding-top: 22px;
        min-width: 165px;
    }
    .resource.article-detail .content {
        margin-top:40px;
        margin-bottom:60px
    }

    .compat-alert {
        margin-left: 2em;
        margin-top: 2em;
        font-size: 0.9em;
        font-style: italic;
        width: 100%;
    }

    /* --  Resource Centre Landing Page  -- */

    /* --  Filter  -- */

    .filter-option-list {
        margin: 40px -15px;
    }
    .filter-option-list .filter-option {
        width:25%;
        padding:0 15px;
        display:inline-block;
        margin:0 -2px;
        vertical-align: top;
    }
    .filter-option-list.three-columns .filter-option {
        width:33.33%;
    }
    .filter .dropdown .label {
        background-color: #fff;
        min-width: 100%;
        padding: 30px 50px 30px 25px;
        display: block;
        font-size: 1.2em;
        line-height: 1.2;
        position: relative;
        z-index: 3;
        color: #757575;
        text-transform: uppercase;
        font-weight: 500;
        background-image: url(../images/arrow-icon.png);
        background-position: top 40px right 25px;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    .filter .dropdown .label label {
        margin:0
    }
    .filter .dropdown ul {
        position: absolute;
        top: 85px;
        z-index: 2;
        padding: 0;
        width: 100%;
        max-height: 0px;
        overflow: auto;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        transition: 0.5s ease;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
    }
    .filter .dropdown ul li:first-child {
        border-top:0;
    }
    .filter .dropdown ul li {
        display: block;
        font-size: 1.05em;
        line-height: 1.5;
        padding: 5px 15px;
        border: 1px solid #ccc;
        box-sizing: content-box;
        margin:0;
        border-bottom: none;
        transition: 0.5s ease;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        cursor: pointer;
    }
    .filter .dropdown ul li:hover {
        background: #efefef;
    }
    .filter .dropdown ul li {
        padding: 12px 15px;
    }
    .filter .dropdown ul {
        z-index:4;
    }
    .filter .dropdown.open ul {
        max-height: 500px;
        border-top: 1px solid #ccc;
    }
    .filter .dropdown ul li svg {
        width: 22px;
        height: 22px;
        margin-top: 4px;
        float: right;
    }
    .filter .dropdown ul li svg polyline {
        stroke: #8c8c8c;
        stroke-width: 30px;
        animation-name: draw;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        stroke-dasharray: 870;
        stroke-dashoffset: 870;
    }
    @keyframes draw {
      to {
        stroke-dashoffset: 0;
      }
    }
    .button-container {
        margin:0 -15px
    }
    .button-container > div {
        display:inline-block;
        width:50%;
        padding:0 15px;
        margin: 0 -2px;
    }
    .button-container > div input {
        width:100%;
        font-size: 1.2em;
        line-height: 1.2;
        padding: 30px 25px;
    }
    .button-container > div input.secondary {
        background:transparent
    }
    .button-container > div input.secondary:hover {
        background:#fcb527
    }
    .button-container > div input:not(.secondary) {
        background:#fcb527
    }
    .button-container > div input:not(.secondary):hover {
        background:transparent
    }

    /* --  Search Results  -- */

    .search-results .list-item {
        padding: 60px 0 50px 0;
        border-bottom: 1px solid #e9e7e8;
    }
    .type-tag {
        display: inline-block;
        background: #e9e7e8;
        padding: 2px 20px;
        text-transform: uppercase;
        font-weight: 600;
        color: #000;
        font-size: 0.95em;
        letter-spacing: 5px;
    }
    .search-results .list-item .publish-date {
        font-weight: 700;
        color: #4c4c4c;
        margin: 0 15px;
        font-size: 1.1em;
        line-height: 1.5;
        display: inline-block;
    }
    .search-results .list-item h4 {
        margin-top: 30px;
    }
    .search-results .list-item.resource .title-container {
        display:inline-flex
    }
    .search-results .list-item.resource .page-numbers {
        margin-top:25px
    }

/*  Breadcrumbs
***************************************************************** */

.breadcrumbs {
    border-bottom: solid 1px #d5d5d5;
    border-top: solid 1px #d5d5d5;
}
.breadcrumbs .container {
    padding: 0 30px;
}
.breadcrumbs ul {
    list-style: none;
    margin: 0;
    padding: 0 14px 0 0;
    overflow: hidden;
    margin-bottom: -1px;
}
.breadcrumbs ul li {
    float: left;
    position: relative;
    padding-left: 20px;
    height: 54px;
    margin-top: -1px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    border: solid 1px #d5d5d5;
}
.breadcrumbs ul li:first-child {
    padding-left: 0;
    border-left:0;
}
.breadcrumbs ul li a {
    display:inline-block
}
.breadcrumbs ul li .page-name {
    padding: 12px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 300px;
    display: inline-block;
    margin-left: -5px;
    position: relative;
}
.breadcrumbs ul li:hover,
.breadcrumbs ul li.active {
    background: #f4f2f3;
}
.breadcrumbs ul li .separator {
    background-image: url(../images/breadcrumb-angle-white.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
    width: 14px;
    height: 54px;
    position: absolute;
    right: -14px;
    top: -1px;
    z-index: 1;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.breadcrumbs ul li:hover .separator,
.breadcrumbs ul li.active .separator {
    background-image: url(../images/breadcrumb-angle-grey.svg);
}
.breadcrumbs ul li.active .separator {
    right:-13px
}

/*  District Services Map
***************************************************************** */

.map-wrapper {
    position:relative;
    display:inline-block;
    width:100%;
    margin-bottom:-10px;
    border-top:1px solid #E9E8E8;
    border-bottom:1px solid #E9E8E8
}
.map-wrapper #map-details {
    width: 40%;
    height: 100%;
    padding:30px;
    background: #fff;
    overflow: scroll;
    float: left;
    margin: 0;
    position: absolute;
    top:0;
    left:0;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    border-right:1px solid #E9E8E8
}
.map-wrapper #map-details.hide {
    left:-40%
}
.map-wrapper #map-details h3 {
    font-size: 1.8em;
    margin-top: 20px;
    margin-bottom: 10px
}
.map-wrapper #map-details #service-type {
    font-weight: 600;
    color:#5d5d5d;
    margin-bottom:30px
}
.map-wrapper #map-details h4 {
    margin-top: 0;
    font-size: 1.3em;
}
.map-wrapper #map-details #map-details-close .fas {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 23px;
    color: #ccc;
    cursor:pointer
}
.map-wrapper #map-details > p {
    line-height: 1.4;
}
.map-wrapper #map-details > p.hide {
    display:none
}
.map-wrapper #map-details p strong {
    display: block;
    text-transform: capitalize;
}
.map {
    width: 60%;
    transition: 1s ease;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    float: right;
    height: 450px;
}
.map.full {
    width: 100%;
}

.map.full.city {
    height: 550px;
}

#services-filter-carousel {
    position:relative;
    text-align:center;
    padding: 0 75px;
} 
#services-filter-carousel .bx-wrapper {
    padding-top:30px;
    padding-bottom:30px;
}
.bx-wrapper {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;  
    box-shadow: none !important;
    margin:0 !important;
    border:none !important;
}
#services-filter-carousel .bx-wrapper {
    display: inline-block;
}
#services-filter-carousel .filter-option i {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    font-size: 85px;
    color: #000;
    line-height: 110px;
    margin-bottom: 15px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    border: 2px solid #e8e8e8;
}
#services-filter-carousel .filter-option.selected i {
    background-color: #fcb528;
    border-color: #fcb528;
}
#services-filter-carousel .filter-option .building-icon {
    background-image: url(../images/icon-building.png)
}
#services-filter-carousel .filter-option p {
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0;
    font-size: 1.1em;
    color: #000;
} 
#services-filter-carousel .bx-wrapper .bx-prev,
#services-filter-carousel .bx-wrapper .bx-next {
    height: 100%;
    margin-top: 0;
    top: 0;
    width: 75px;
}
#services-filter-carousel .bx-wrapper .bx-prev:hover,
#services-filter-carousel .bx-wrapper .bx-next:hover {
    border-bottom:none;
    background-color:#e9e8e8
}
#services-filter-carousel .bx-wrapper .bx-prev {
    background: url(../images/arrow-chevron-left.png) no-repeat center center;
    left: -75px;
    border-right:1px solid #ccc
}
#services-filter-carousel .bx-wrapper .bx-next {
    background: url(../images/arrow-chevron-right.png) no-repeat center center;
    right: -75px;
    border-left:1px solid #ccc
}

/*  CTA Plugin Styles
***************************************************************** */

.cta {
    background-color: #101010;
    color: #fff;
    text-align: center;
    overflow: auto;
    background-size:cover;
    background-position:center center
}
.cta p {
    color: #e9e7e8;
}
.cta.white-bg p, .cta.grey-bg p {
    color: #000;
}
.cta .container {
    padding-top: 70px;
    padding-bottom: 75px;
}
.cta.left .container, 
.cta.right .container {
    padding-top: 60px;
    padding-bottom: 60px;
}
.cta .button {
    margin-top: 40px;
    display: inline-block;
}

/* -- Two Column CTA -- */

.cta.align-left,
.cta.align-right {
    text-align:left;
    width: 100%;
    position:relative
}
.cta .text-side, 
.cta .image-side {
    width: 50%;
    min-height:450px
} 
.cta .image-side {
    position:absolute;
    height:100%;
    background-position:center center;
    background-size:cover;
}
/* -- Align Image Right -- */
.cta.align-right .image-side {
    right:0;
}
/* -- Align Image Left -- */
.cta.align-left .image-side {
    left:0;
}
.cta.align-left .text-side {
    float:right
}
.cta .image-side.mobile {
    display: none;
}
.cta.numbered h2 {
    text-align: left;
}

/* -- Custom Styles for CTA Colour Theme -- */

.white-bg.cta:not(.with-bg-img),
.transparent-bg.cta:not(.with-bg-img) {
    margin-top:100px;
    margin-bottom:100px;
}
.white-bg.cta:not(.with-bg-img) .container,
.transparent-bg.cta:not(.with-bg-img) .container {
    padding-top:0;
    padding-bottom:0;
}

.black-bg .horizontal-list-style ul li a,
.dark-grey-bg .horizontal-list-style ul li a {
    border-bottom: solid 1px #444444;
}
.black-bg .horizontal-list-style ul li a:hover,
.dark-grey-bg .horizontal-list-style ul li a:hover {
    color:#fff
}

/* -- CTA Overlay -- */

.cta-overlay {
    position: relative;
}
.cta-overlay .container {
    position: relative;
}
.cta-overlay .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #101010;
    opacity: 0.6;
    z-index: 0;
}
.cta-overlay.white-bg .overlay {
    display:none
}

/* -- Numbered CTA -- */

.cta.numbered {
    text-align: left;
}
.cta.numbered h2 {
    font-size: 2.3em;
}
.cta.numbered .content {
    display: table-cell;
}
.cta.numbered .number-content {
    display: table-cell;
    vertical-align: top;
    font-size: 60px;
    line-height: 1.3;
    padding-right: 15px;
}
.cta.numbered .number-content .number {
    position: relative;
    top: -9px;
    color: #000;
}

/*  -- CTA Double -- */

.cta.double {
    display: table;
    width: 100%;
    text-align: center;
}
.cta.double .left-cta, 
.cta.double .right-cta {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    height: 100%;
    position: relative;
}
.cta.double .container {
    padding: 100px 60px;
    position: relative;
}
.cta.double .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
.cta.double .container h2 {
    font-size: 2.3em;
}

/*  Colour Classes
***************************************************************** */

.to-blue-bg {
    background-color:#165788;
}
.to-hydro-bg {
    background-color:#006B63;
}
.gta-211-bg {
    background-color: #3685c4;
}
.blue-bg {
    background-color:#002856;
}
.black-bg {
    background-color:#000;
}
.transparent-bg {
    background-color:transparent;
}
.dark-grey-bg {
    background-color: #444444;
}
.red-bg {
    background-color: #C3002F;
}
.yellow-bg {
    background-color: #fcb527;
}
.grey-bg {
    background-color: #E9E8E8;
}
.white-bg {
    background-color: #fff;
}

/* -- Button Colours -- */

.white-bg.cta .button,
.white-bg .button {
    border: solid 2px #fcb527;
    background: #fff;
    color: #000000 !important;
}
.grey-bg.cta .button,
.grey-bg .button {
    background-color:#000;
    border-color:#000;
    color:#ffffff !important;
}
.grey-bg .button:hover,
.black-bg .button:hover,
.dark-grey-bg .button:hover {
    background-color: #fcb527 !important;
    border-color: #fcb527;
    color: #000000 !important;
}
.yellow-bg.cta .button,
.yellow-bg .button {
    background-color: #000000;
    border-color: #fcb527;
    color: #fcb527;
}
.yellow-bg .button:hover {
    color: #000000 !important;
    background-color: #fcb527;
}
.red-bg.cta .button,
.red-bg .button {
    border-color:#fff;
    color:#c20031 !important;
}
.to-blue-bg.cta .button,
.to-blue-bg .button {
    border-color:#fff;
    color:#165788 !important;
}
.to-hydro-bg.cta .button,
.to-hydro-bg .button {
    border-color:#fff;
    color:#006c66 !important;
}
.gta-211-bg.cta .button,
.gta-211-bg .button {
    border-color:#fff;
    color:#3685c4 !important;
}
.blue-bg.cta .button,
.blue-bg .button {
    border-color:#fff;
    color:#002856 !important;
}
.black-bg.cta .button,
.black-bg .button,
.dark-grey-bg.cta .button,
.dark-grey-bg .button {
    background-color:transparent;
    color: #ffffff;
}
.to-hydro-bg .button:hover,
.red-bg .button:hover,
.to-blue-bg .button:hover,
.gta-211-bg .button:hover,
.blue-bg .button:hover {
    background-color:transparent;
    color: #ffffff !important;
}

.to-hydro-bg,
.to-hydro-bg h1,
.to-hydro-bg h2,
.to-hydro-bg h3,
.to-hydro-bg h4,
.to-hydro-bg h5,
.to-hydro-bg .container.wysiwyg-text a,
.to-hydro-bg a,
.to-blue-bg,
.to-blue-bg h1,
.to-blue-bg h2,
.to-blue-bg h3,
.to-blue-bg h4,
.to-blue-bg h5,
.to-blue-bg .container.wysiwyg-text a,
.to-blue-bg a,
.gta-211-bg,
.gta-211-bg h1,
.gta-211-bg h2,
.gta-211-bg h3,
.gta-211-bg h4,
.gta-211-bg h5,
.gta-211-bg .container.wysiwyg-text a,
.gta-211-bg a,
.blue-bg,
.blue-bg h1,
.blue-bg h2,
.blue-bg h3,
.blue-bg h4,
.blue-bg h5,
.blue-bg .container.wysiwyg-text a,
.blue-bg a,
.black-bg,
.black-bg h1,
.black-bg h2,
.black-bg h3,
.black-bg h4,
.black-bg h5,
.black-bg .container.wysiwyg-text a,
.black-bg a,
.dark-grey-bg,
.dark-grey-bg h1,
.dark-grey-bg h2,
.dark-grey-bg h3,
.dark-grey-bg h4,
.dark-grey-bg h5,
.dark-grey-bg .container.wysiwyg-text a,
.dark-grey-bg a,
.red-bg,
.red-bg h1,
.red-bg h2,
.red-bg h3,
.red-bg h4,
.red-bg h5,
.red-bg .container.wysiwyg-text a,
.red-bg a {
    color: #ffffff !important;
}

.grey-bg,
.grey-bg h1,
.grey-bg h2,
.grey-bg h3,
.grey-bg h4,
.grey-bg h5,
.grey-bg .container.wysiwyg-text a,
.grey-bg a,
.white-bg,
.white-bg h1,
.white-bg h2,
.white-bg h3,
.white-bg h4,
.white-bg h5,
.white-bg .container.wysiwyg-text a,
.white-bg a {
    color: #000000;
}

.to-hydro-bg .container.wysiwyg-text a,
.to-blue-bg .container.wysiwyg-text a,
.gta-211-bg .container.wysiwyg-text a,
.blue-bg .container.wysiwyg-text a,
.black-bg .container.wysiwyg-text a,
.dark-grey-bg .container.wysiwyg-text a,
.red-bg .container.wysiwyg-text a {
    border-bottom: 2px solid #fff;
}
.to-hydro-bg .container.wysiwyg-text a:hover,
.to-blue-bg .container.wysiwyg-text a:hover,
.gta-211-bg .container.wysiwyg-text a:hover,
.blue-bg .container.wysiwyg-text a:hover,
.black-bg .container.wysiwyg-text a:hover,
.dark-grey-bg .container.wysiwyg-text a:hover,
.red-bg .container.wysiwyg-text a:hover {
    border-color: #fcb527;
}

.grey-bg .container.wysiwyg-text a,
.white-bg .container.wysiwyg-text a {
    border-bottom: 2px solid #000000;
}

/*  Who to Call Row Plugin Styles
***************************************************************** */

    .who-to-call-row {
        background:#fff;
        margin: 70px 0;
    }
    .who-to-call-row h3 {
        font-size: 1.5em;
        padding: 30px 30px 20px 30px;
        margin: 0;
    }
    .who-to-call-row .complaints-wrapper {
        display:flex;
        width: 100%;
        padding: 0 35px;
    }
    .who-to-call-row .complaint {
        display: inline-flex;
        width: 100%;
        height: 350px;
        padding:10px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 53px 50%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 53px 50%);
        margin: 0 -35px;
        position: relative;
        z-index: 1;
        background: #fff;
    }
    .who-to-call-row .complaint:first-child, 
    .who-to-call-row .complaint:last-child {
        width: 80%;
    }
    .who-to-call-row .complaint .inner {
        height: 100%;
        width: 100%;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 50px 50%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 50px 50%);
        position: relative;
        text-align: center;
        padding: 30px 60px 30px 50px;
    }
    .who-to-call-row .complaint .inner span {
        content:'';
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        z-index: 1;
        background-color: #002856;
        background-size:cover;
        background-blend-mode: luminosity;
        opacity:0.35;
    }
    .who-to-call-row .complaint .inner p {
        position: relative;
        z-index: 2;
        font-size: 1.3em;
        line-height: 1.5;
        font-weight: 500;
        margin:0;
    }
    .who-to-call-row .complaint .inner p:last-child  {
        width:100%;
        position:absolute;
        bottom:0;
        left: 0;
        padding: 30px 60px 30px 50px;
    }
    .who-to-call-row .complaint:first-child,
    .who-to-call-row .complaint:first-child .inner {
        -webkit-clip-path: none;
        clip-path: none;
    }
    .who-to-call-row .complaint:first-child .inner,
    .who-to-call-row .complaint:first-child .inner p:last-child {
        padding-left:20px;
    }
    .who-to-call-row .complaint:last-child .inner,
    .who-to-call-row .complaint:last-child .inner p:last-child {
        padding-right:20px;
    }

/*  Condensed CTA
***************************************************************** */

.cta.condensed-cta {
    text-align:left;
    margin:0;
}
.cta.condensed-cta.add-margin {
    margin:100px 0;
}
.cta.condensed-cta .container {
    padding-top: 30px;
    padding-bottom: 30px;
}
.cta.condensed-cta .content {
    display: table;
    width:100%;
}
.cta.condensed-cta .titles,
.cta.condensed-cta .description,
.cta.condensed-cta .button-container {
    display: table-cell;
    vertical-align: middle;
}
/* Title */
.cta.condensed-cta .titles h4, 
.cta.condensed-cta .titles h5 {
    text-transform: uppercase;
    margin: 0;
    vertical-align: middle;
}
/* Description */
.cta.condensed-cta .description {
    max-width: 75%;
    padding: 15px 30px 0 30px;
}
/* Buttons */
.cta.condensed-cta .button-container {
    text-align: right;
    padding-left: 30px;
}
.cta.condensed-cta .button-container .button {
    margin:0;
}
/* Colours */
.cta.condensed-cta.dark-grey-bg .button {
    border-color: #fff;
    background: #fff;
    color:#444444
}
.cta.condensed-cta.dark-grey-bg .button:hover {
    background:transparent;
    color:#fff
}

/* -- Large Text Style -- */

.cta.condensed-cta.large-text .container {
    padding: 60px 30px;
}
.cta.condensed-cta.large-text h4 {
    font-size: 3em;
}

/* -- Button Under Title Style -- */

.cta.condensed-cta .titles .button-container {
    display: block;
    margin: 0;
    padding: 30px 0 0;
    width: auto;
    text-align: left
}

/*  Contact Page
***************************************************************** */

/* -- Condensed CTAs -- */ 

#contact-container .cta.condensed-cta .titles {
    width: 275px;
}


/*  Media Centre Quick Links
***************************************************************** */

#quick-links .container.wysiwyg-text {
    margin-bottom:0
}
#quick-links .horizontal-list-style {
    margin-top:0
}

/* Statistics Banner
***************************************************************** */

.statistic-banner {
    background: #444444;
    padding: 100px 0;
    color: #fff;
}
.statistic-banner .container {
    display: flex;
    justify-content: space-between;
}
.statistic-banner .statistic {
    text-align: center;
    padding: 0 10px;
    flex-grow: 1;
    flex-basis: 0;
}
.statistic-banner h4 {
    color: #fff;
    font-size: 2.3em;
    font-weight: 700;
    margin-bottom: 0.4em;
}
.statistic-banner h5 {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0;
}
.statistic-banner .separator-line {
    width: 150px;
    border-top: solid 1px #fcac23;
    margin: 0 auto;
    padding-bottom: 5px;
}



/*  TO24 Block
***************************************************************** */

.TO24News {
    text-align:center;
    position: relative;
}

/* -- TO24 Logo -- */

.TO24News .TO24-logo {
    background: #FCB526;
    font-size: 60px;
    font-family: helvetica;
    line-height: 0.5;
    color: #000;
    text-align: center;
    display: inline-block;
    padding: 36px;
    position: relative;
    top: 0px;
    margin-bottom: 280px;
}
.TO24News .TO24-logo .to {
    font-weight:700
}
.TO24News .TO24-logo hr {
    border-width: 5px;
    border-color: #000;
}

/* -- Video Banner -- */

.TO24News .video-banner {
    position:absolute;
    width:100%;
    height: 450px;
    top:0;
    left:0;
    overflow: hidden;
}
.TO24News .video-banner video {
    object-fit: cover;
    width:100%;
    height:100%;
}
.TO24News .video-banner video::-webkit-media-controls {
    display:none !important;
}

/* -- News Content -- */

.TO24News .news-content {
    position: relative;
    padding-top: 60px;
    padding-bottom:10px;
}
.TO24News .news-content ul {
    padding: 0;
}
.TO24News .news-content ul li {
    display:inline-block;
    vertical-align: top;
    margin:0 -2px;
    width:50%;
    text-align:left;
    padding: 15px 15px 15px 85px;
    position: relative;
}
.TO24News .news-content ul li i {
    width: 55px;
    height: 55px;
    font-size: 55px;
    display: inline-block;
    position: absolute;
    left: 7px;
    top: 10px;
    color:#000
}
.TO24News .news-content ul li h4 {
    margin-top:5px;
    margin-bottom: 10px;
    font-size: 1.4em;
    line-height: 1.3;
}
.TO24News .news-content ul li .meta {
    padding-top:0;
}
.TO24News .news-content ul li .publish-date {
    font-weight: 800;
    color: #4c4c4c;
    margin-bottom: 10px;
}
/*  Property Identification Form
***************************************************************** */

#property-identification-form .container {
    padding:0;
}

/*  Image CTA
***************************************************************** */

.cta.image {
    position: relative;
    text-align: left;
    background-size:cover;
    background-position:center center
}
.cta.image .overlay {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.5;
}
.cta.image .container {
    z-index: 1;
    position: relative;
    overflow: auto;
}
.cta.image.right .container .inner {
    float: right;
    width: 50%;
    padding-left: 30px;
    text-align:right;
}
.cta.image.right .container .inner h2 {
    text-align:right;
}
.cta.image.left .container .inner {
    width: 50%;
    padding-right: 30px;
    text-align:left;
}
.cta.image.left .container .inner h2 {
    text-align:left;
    margin-bottom: 0.2em;
    color: #fff;
}
.cta.image.left .overlay {
    opacity:1;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.8) 15%, rgba(0, 0, 0, 0.35) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 15%,rgba(0, 0, 0, 0.35) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 15%,rgba(0, 0, 0, 0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cta.image.right .overlay {
    opacity:1;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.8) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%,rgba(0, 0, 0, 0.8) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.35) 0%,rgba(0, 0, 0, 0.8) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/*  Image Links
***************************************************************** */

.image-links {
    text-align:center;
    padding:80px 0
}
.image-links .image-link {
    width:33.33%;
    display: inline-block;
    vertical-align: top;
    margin: 50px -2px;    
    padding: 0 15px;
    overflow:hidden;
    max-height:420px
}
.image-links .image-link .inner {
    position:relative;
    top:0;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.image-links .image-link:hover .inner {
    top:-360px;
}
.image-links .image-link img {
    max-width:320px;
}
.image-links .image-link h4 {
    font-size: 1.6em; 
    margin: 35px 0;
}
.image-links .image-link .button-solid:hover {
    color:#fcb527
}

/*  Image Buttons
***************************************************************** */

.image-buttons {
    display: table;
    width: 100%;
    height: 400px;
}
.image-buttons .image-button {
    display: table-cell;
    height: 100%;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
}
.image-buttons .image-button:hover {
    border:none
}
.image-buttons .image-button .overlay {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #000;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.image-buttons .image-button:hover .overlay {
    opacity: 0.8;
}
.image-buttons .image-button:hover .inner {
    color: #fcb527;
}
.image-buttons .image-button .inner {
    padding: 10px 30px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.7em;
    line-height: 1.3;
}
.image-buttons.two-btns .image-button .inner,
.image-buttons.three-btns .image-button .inner {
    font-size: 2.8em;
}
.image-buttons .image-button .inner i {
    font-size: 0.8em;
}
/* one item */
.image-buttons .image-button:nth-child(1):nth-last-child(1) {
	width: 100%;
} 

/* two items */
.image-buttons .image-button:nth-child(1):nth-last-child(2),
.image-buttons .image-button:nth-child(2):nth-last-child(1) {
	width: 50%;
}

/* three items */
.image-buttons .image-button:nth-child(1):nth-last-child(3),
.image-buttons .image-button:nth-child(2):nth-last-child(2),
.image-buttons .image-button:nth-child(3):nth-last-child(1) {
	width: 33.3333%;
}

/* four items */
.image-buttons .image-button:nth-child(1):nth-last-child(4),
.image-buttons .image-button:nth-child(2):nth-last-child(3),
.image-buttons .image-button:nth-child(3):nth-last-child(2),
.image-buttons .image-button:nth-child(4):nth-last-child(1) {
	width: 25%;
}


/* Video Plugin */

.video-item {
    max-width: 1400px;
    padding: 0 30px;
    margin: 100px auto 80px auto;
}


/*  Quote Text Callout Plugin Styles
***************************************************************** */

.quote-callout {
    font-family: "Noto Serif", serif;
    font-style: italic;
    font-size: 1.1em;
    text-align: center;
    position: relative;
    z-index: 1;
    margin: 100px 0;
}
.quote-callout::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f10d';
    font-size: 90px;
    position: absolute;
    left: -10px;
    top: -45px;
    color: #e4e2e3;
    z-index: -1;
}
.quote-callout::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f10e';
    font-size: 90px;
    position: absolute;
    right: -10px;
    bottom: -45px;
    color: #e4e2e3;
    z-index: -1;
}
.quote-callout .main-text big {
    font-weight:normal
}
.quote-callout .secondary-text {
    margin-top: 30px;
}

/*  Quick Links Plugin Styles
***************************************************************** */

.quick-links {
    width: 100%;
    margin: 100px 0 80px 0;
}

/* Title */

.quick-links h2 {
    text-align: center;
    padding:0 30px;
    margin-bottom:30px;
}

/* Link List */

.quick-links ul {
    text-align: center;
    margin: 0 auto;
    padding-bottom: 0px;
}
.quick-links.single-row ul {
    display: flex;
    justify-content: center;
}
.quick-links ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 12px;
    margin: 20px -2px 0 -2px;
    min-width: 180px;
    max-width: 250px;
}
.quick-links ul li * {
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.quick-links ul li a {
    color:#000;
}
.quick-links ul li a:hover {
    border-bottom:0;
}
.quick-links ul li a span {
    font-size: 4em;
    border-radius: 100px;
    width: 100px;
    height: 100px;
    border: 2px solid #002856;
    color: #002856;
    text-align: center;
    margin: 0 0 15px 0;
    line-height: 1.4;
    display:inline-block;
}
.quick-links ul li a:hover span {
    background-color: #002856;
    color: #fff;
}
.quick-links ul li a p {
    font-size: 1.15em;
    line-height: 1.5;
    font-weight: 500;
}

/* -- Inside -- */

.quick-links.inside h3 {
    margin-bottom: 90px;
}
.quick-links.inside ul {
    display: block;
}
.quick-links.inside ul li {
    max-width: 25%;
}
.quick-links.inside ul li a {
    border: solid 3px #e6e3e5;
    display: inline-block;
    border-radius: 50%;
    width: 260px;
    height: 260px;
    padding: 20px;
}
.quick-links.inside ul li:hover a {
    background: #002856;
    border-color:#002856;
    color: #fff;
}
.quick-links.inside ul li a span {
    border: none;
    border-radius: 0;
    color: #000;
    margin: 10px auto 0 auto;
    width: 80px;
    height: 90px;
}
.quick-links.inside ul li a p {
    color: #000;
    font-size: 1.4em;
    padding: 0;
    line-height: 1.3;
}
.quick-links.inside ul li:hover a span, 
.quick-links.inside ul li:hover a p {
    color: #fff;
    background:transparent
}


/*  Home Page
***************************************************************** */


/* -- Quick Links -- */

.home-page .quick-links {
    margin:0;
    padding:30px 0 20px 0;
}
.home-page .quick-links h2 {
    margin-bottom:10px
}
/* -- Condensed CTA -- */

.home-page .cta.condensed-cta .titles {
    width:27%
}

/*  Form Styles
***************************************************************** */

select {
    padding: 12px 20px;
    border: 1px solid #d9d9d9;
    box-shadow: none;
    border-radius: 6px;
    background: transparent;
    width:100%;
    min-width: 300px;
    padding-right: 46px;
    font-size: 1.15em;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../images/arrow-icon.png);
    background-position: top 22px right 18px;
    background-repeat: no-repeat;
    font-weight: 400;
    margin: 15px 0;
    cursor: pointer;
    color: #3f3f3f;
}
select:focus {
    border:2px solid #fcb527;
    padding: 11px 19px;
}

/*  ArcGIS Map Districts
***************************************************************** */

.arcgis-map.districts {
    margin-top:100px;
    text-align: center
}
#arcgis-map-districts {
    height: 500px;
}
a.division-link {
    font-weight: bold;
    font-size: 1.3em;
    padding-right: 10px;
}
a.division-link i {
    font-size: 0.8em;
}

#divisional-search-input {
    display:flex;
    position:relative;
    margin-top:10px;
    border: none;
    padding: 10px 20px 10px 20px;
    background-color: #EAE7E9;
    width: 100%;
    height: 100%;
}

#divisional-search-input .esri-widget--button {
    height:40px;
    width:40px;
}

#divisional-search-input .esri-input[type="text"], .esri-input[type="number"] {
    height: 40px;
    font-size: 1.2em;
    padding: 15px 30px 15px 30px;
    font-family: 'Roboto', sans-serif;
}

#arcgis-map-districts .esri-popup__content {
   font-size: 14px;
}

.container.search-wrapper {
    margin-top: 50px;
    margin-bottom: 40px;
    position:relative
}

/*  News List Plugin Styles
***************************************************************** */

    .latest-articles.container {
        padding:0 15px 0px 15px;
        margin-bottom:100px
    }
    .latest-articles h2 {
        text-align: center;
        margin: 100px 0 50px 0;
    }

    /* -- Article Styles -- */

    .latest-articles .latest-article {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        margin:0 -2px 50px -2px;
    }
    .latest-articles .article {
        padding-top:0;
    }
    /* Image */
    .latest-articles .article .featured-image {
        width: 100%;
        /* Crop Size of Image*/
        max-width:625px;
        height: 290px;
        overflow:hidden;
        position:relative;
    }
    .latest-articles .article .featured-image img {
        transition: 0.5s ease;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .latest-articles .article .featured-image:hover img {
        transform: translate(-50%, -50%) scale(1.12);
    }
    .latest-articles .article .featured-image:hover + .content h3 a {
        border-bottom: 2px solid #FCB526;
    }
    /* Title */
    .latest-articles article h3 {
        font-size:1.8em;
        margin-bottom: 0;
        color: #000;
        font-weight: bold;
    }
    .latest-articles article.with-image h3 {
        margin-top: 30px;
    }
    /* View More */
    .latest-articles .view-more {
        width: 100%;
        text-align: center;
        margin-top: 50px;
    }

    /* -- 5 Article Layout -- */

    .article-max-5 .article-1 .article h3,
    .article-max-5 .article-2 .article h3 {
        font-size: 2.4em;
    }
    .article-max-5 .article-3,
    .article-max-5 .article-4,
    .article-max-5 .article-5 {
        width: 33.33%;
    }
    .article-max-5 .article-3 .article .featured-image,
    .article-max-5 .article-4 .article .featured-image,
    .article-max-5 .article-5 .article .featured-image {
        height: 200px;
    }
    .article-max-5 .article-3 .article .featured-image img,
    .article-max-5 .article-4 .article .featured-image img,
    .article-max-5 .article-5 .article .featured-image img {
        height: 100%;
        width:auto;
        max-width:1000px
    }

    /* -- 3 Article Layout -- */

    .article-max-3 .latest-article {
        width: 33.33%;
    }
    .article-max-3 .article .featured-image {
        height: 200px;
    }
    .article-max-3 .article .featured-image img {
        height: 100%;
        width:auto;
        max-width:1000px
    }

/* Share
***************************************************************** */

#share-box {
    display: none;
    position: absolute;
    left:0;
    top:55px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    width: 300px;
    box-sizing: border-box;
    z-index: 10;
}
#share-box.right-offset {
    left: -220px;
}
#share-box.right-offset:after {
    left: 80%;
}
#share-box.center-offset {
    left: -108px;
}
#share-box.center-offset:after {
    left: 50%;
}
#share-box:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 1em;
    top: 2px;
    left: 10%;
    box-sizing: border-box;
    border: 11px solid black;
    border-color: transparent transparent #fff #fff;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.4);
    transform-origin: 0 0;
    transform: rotate(135deg);
}
#share-box .inner {
    padding: 20px;
    overflow: auto;
}
#share-box h3 {
    text-transform: none;
    font-size: 1.5em;
    margin-bottom: 15px;
}
#share-box .left {
    float: left;
    margin-right: 30px;
}
#share-box .right {
    float: left;
}
#share-box a {
    display: block;
    cursor: pointer;
    line-height: 1.5em;
}
#share-box i {
    width: 20px;
    text-align: center;
}
#share-box #facebook-share {
    color: #3b5998;
}
#share-box #twitter-share {
    color: #1dcaff;
}
#share-box #email-share {
    color: #444444;
}
#share-box #copy-share {
    color: #444444;
}
#share-box #linkedin-share {
    color: #5078b3;
}
#share-box #reddit-share {
    color: #fd3e06;
}
#share-box #pocket-share {
    color: #ed3956;
}
.share-button {
    position: relative;
}

/* Number Blocks 
***************************************************************** */

.number-block {
    border: 1px solid #ccc;
    padding: 50px;
    display: table;
    width: 100%;
    margin:35px 0
}
.number-block .number, 
.number-block .content {
    display:table-cell;
    vertical-align:top;
}
.number-block .number {
    width:100px;
    font-size:3.5em;
    line-height:1
}


/* Author Popup
***************************************************************** */

/* -- Author Link -- */
.author-details {
    font-size: 1.1em;
}
.author-name {
    position:relative
}
.author-name .active-link {
    color: #092e54;
    cursor: pointer;
}
.author-name .active-link:hover {
    color:#000;
    border-bottom: 2px solid #FCB526;
}
.author-details {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    font-weight: bold;
}
.article-detail > .container > .content > .author-details {
    margin-bottom:30px;
}
.author-title {
    text-transform: uppercase;    
    font-size: 1.6em;
}
.details-popup {
    display: none;
    position: absolute;
    left:0;
    top:42px;
    background: #fff;
    border-radius: 10px;
    width: 365px;
    box-sizing: border-box;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15);
}
.details-popup:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 1em;
    top: 2px;
    left: 10%;
    box-sizing: border-box;
    border: 11px solid black;
    border-color: transparent transparent #fff #fff;
    -webkit-box-shadow: -3px 3px 10px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -3px 3px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: -3px 3px 10px 0 rgba(0, 0, 0, 0.15);
    transform-origin: 0 0;
    transform: rotate(135deg);
    z-index: -1;
}
.details-popup .inner {
    padding: 30px;
    overflow: auto;
    position: relative;
    z-index: 10;
    border-radius: 10px;
    background: #fff;
}
.details-popup .name-details {
    margin-bottom:15px;
}
.details-popup .position {
    font-size: 1em !important;
    line-height: 1.4 !important;
}
.details-popup p {
    display: block !important;
    margin: 0 !important;
    font-weight: 400 !important;
    font-size: 0.85em !important;
    line-height: 1.8 !important;
}
.details-popup p a {
    font-weight: 400 !important;
    color: #4d4d4e !important;
}
.details-popup p i {
    padding-right: 8px;
}
.details-popup a {
    cursor: pointer;
}
.details-popup h3 {
    font-size: 1.25em;
    margin: 0;
}
.details-popup h3 a:hover {
    border-bottom: 2px solid #FCB526;
}
.details-popup h3 i {
    display: inline;
    padding-left: 5px;
    font-size: 0.9em;
    padding-bottom: 5px;
}
.details-popup .profile-picture {
    float:left
}
.details-popup .profile-picture img {
    margin-right: 15px;
    border-radius: 50%;
    margin-top: -7px;
    margin-left: -7px;
}
.article-lead-details .share-options {
    display: inline-block;
}
.share-options a.social-share-btn.facebook {
    margin-right: 15px;
}
.share-options a.social-share-btn {
    cursor: pointer;
    color:#4c4c4c
}
.float-share {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    margin-left: 0.5em;
}
.share .share-button-clickable {
    color:#4c4c4c;
    padding-bottom: 2px;
}
.share .share-button-clickable:hover {
    color:#000;
    border-bottom: 2px solid #FCB526;
}
.share .share-button-clickable .fas {
    vertical-align: text-top;
}
.details-popup .social-link {
    padding-left: 30px;
    position: relative;
}
.details-popup .social-link i {
    padding-right: 8px;
    position: absolute;
    left: 0;
    top: 7px;
}

/* Alert Reel
***************************************************************** */

.alert {
    color: #fff;
    margin: 0;
    border-radius: 0;
    clear: both;
    padding: 13px;
    text-align: center;
    position: relative;
    border:none
}
.alert-type {
    text-transform:uppercase;
    font-weight:500;
}
.alert-type .icon {
    font-size: 2em;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-right: 3px;
    border-right: 2px solid;
    padding-right: 3px;
}
.alert .inner {
    display:inline-block;
    padding-left:210px;
    padding-right: 60px;
    position:relative;
    max-width:100%
}
.alert .inner p {
    display: inline-block;
    vertical-align: middle;
    margin:0;
    font-size: 0.95em;
    white-space: nowrap;
    margin-right: 1em;
}
.alert .inner .alert-type {
    position:absolute;
    left:0;
    top:0
}
.alert .inner .title {
    display: inline-block;
    height: 32px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.alert .inner .view-link {
    position:absolute;
    top:0;
    right: -2em;
}
.alert .inner .view-link a {
    font-weight:500;
    text-transform:uppercase;
    color: #fff;
    padding: 5px 8px 5px 8px;
}
.alert .inner .view-link a:hover {
    color: #333;
    background: #fff;
    border:none
}
.alert .expanded-summary {
    display:none;
    width: 100%;    
    text-align: left;
    padding: 40px 0;
}
.alert.open .expanded-summary {
    display:block
}
.alert.open .inner {
    display:none
}
.alert .expanded-summary .container {
    position:relative
}
.article-detail .alert-type,
.alert .expanded-summary .alert-type {
    font-size: 1.3em;
}
.alert .expanded-summary h4 {
    color:#fff
}
.alert .expanded-summary .button {
    border-color:#fff;
    margin-top:20px
}
.alert .expanded-summary .button:hover {
    background:transparent;
    color:#fff
}
.alert .expanded-summary .close-icon {
    background-image: url(../images/x-white.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 32px;
    color: #fff;
    position: absolute;
    right: 30px;
    top: -6px;
}
.alert .expanded-summary a:hover .close-icon {
    border-bottom: 3px solid #fff;
}

.alert-iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 76.25%;
}

.alert-iframe-responsive {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Divisions Details Popup
***************************************************************** */

.division-details {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}
.division-clickable {
    font-weight: bold;
    color: #092e54;
    cursor: pointer;
    font-size: 1.1em;
}

.division-clickable:after {
    font-family: "Font Awesome 5 Free";
    content: " \f14d";
    font-size: 0.8em;
    vertical-align: middle;
}

.division-details .details-popup .inner a h3{
    margin-top:0px;
    
}

.division-details .details-popup span.close{
    display:inline-block;
    padding:10px;
    padding-right:15px
}

.division-details .details-popup span.close:after{
    content:"x"
}
.case-number-details {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    font-weight: bold;
}

.unit-meta {
    margin-top: 15px;
}

/*  Header 
***************************************************************** */

header #menu-toggle {
    position: absolute;
    left: 0;
    top: 0;
    background: #002856;
    padding: 0 20px 0px 20px;
    color: #fff;
    cursor: pointer ;
    z-index: 3;
    text-align:center;
    -webkit-transition:  1s ease;
    -moz-transition:  1s ease;
    -o-transition:  1s ease;
    transition:  1s ease;
}
body:not(.left-menu-open) header #menu-toggle:hover {
    padding-left:25px;
    padding-right:25px
}
header #menu-toggle .bar-wrapper {
    position: relative;
    height: 22px;
    width: 30px;
    margin: 12px auto 2px auto;
}
header #menu-toggle .bar {
    width: 30px;
    height: 4px;
    left:0;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
header #menu-toggle .bar:first-child {
    top:0;
}
header #menu-toggle .bar:nth-child(2) {
    top: 9px;
}
header #menu-toggle .bar:nth-child(3) {
    top:18px;
}
header #menu-toggle .menu-text {
    font-size: 0.8em;
    line-height: 1.3;
    font-weight: 400;
    display: inline-block;
    margin-top: 2px;
    height: 17px;
    overflow: hidden;
}
header #menu-toggle .menu-text .inner {
    position:relative;
    top:0;
    -webkit-transition: top 1s ease;
    -moz-transition: top 1s ease;
    -o-transition: top 1s ease;
    transition: top 1s ease;
}
.left-menu-open header #menu-toggle .menu-text .inner {
    top: -18px;
}
header .site-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 1.2em;
    margin: 14px 0 14px 100px;
    color: #000000;
    padding-bottom: 2px;
}
header .wrapper a:hover {
    border:none
}
header a:hover .site-title {
    border-bottom: solid 2px #fcb527;
    padding-bottom:0;
}
header .chief-link {
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    margin-top: 3px;
    margin-left: 20px;
    color: #000000;    
    padding-bottom: 2px;
}
header a:hover .chief-link {
    padding-bottom:0;
    border-bottom: solid 2px #fcb527;
}
header #tps-logo {
    margin: 0 auto;
    top: 86%;
    position: absolute;
    z-index: 2;
    left: 50%;
    width: 105px;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    transform: translate(-50%, -50%);
    filter: drop-shadow(-1px -1px 0px #fff) 
            drop-shadow(-1px 1px 0px #fff) 
            drop-shadow(1px -1px 0px #fff) 
            drop-shadow(1px 1px 0px #fff);
}
header #tps-logo:hover {
    width: 110px;
}
header .search-form {
    position:absolute;
    top:0;
    right:0;
    padding: 13px 30px 11px 30px;
}
header .search-form input {
    border:none;
}
header .search-form input[type="text"] {
    padding: 4px 40px 4px 15px;
    margin-right: -45px;
    border: 1px solid #fff;
    border-radius: 6px;
}
header .search-form input[type="text"]:focus {
    border: 1px solid #d9d9d9;
}
header .search-form input[type="text"]:hover {
    border: 2px solid #fcb527;
    padding: 3px 39px 3px 14px;
}
header .search-form .search-button {
    width: 30px;
    height: 33px;
    background-image: url(../images/search-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    padding-left: 30px;
    font-size: 0;
    top: -5px;
    position: relative;
    display: inline-block;
}
header #main-nav {
    background: #000;
    position:relative;
    display:inline-block;
    width:100%
}
header #main-nav .container {
    margin:0 auto;
}
header #main-nav .container .nav-wrapper {
    width:100%;
    display: inline-flex; 
    justify-content: space-between;
    vertical-align: top
}

    /* -- Horizontal List Plugin Styles -- */

    .horizontal-list-style,
    .horizontal-list-grey-bg-style {
        margin:30px 0 100px 0;
    }
    .horizontal-list-style ul,
    .horizontal-list-grey-bg-style ul {
        max-width: 1400px;
        margin:0 -10px;
        padding: 0;
    }
    .horizontal-list-style.two-columns ul li,
    .horizontal-list-grey-bg-style.two-columns ul li,
    .horizontal-list-style.three-columns ul li,
    .horizontal-list-grey-bg-style.three-columns ul li,
    .horizontal-list-style.four-columns ul li,
    .horizontal-list-grey-bg-style.four-columns ul li {
        padding-right:10px;
        padding-left:10px;
    }
    .horizontal-list-style.two-columns ul li,
    .horizontal-list-grey-bg-style.two-columns ul li {
        width: 50%;
    }
    .horizontal-list-style.three-columns ul li,
    .horizontal-list-grey-bg-style.three-columns ul li {
        width: 33.33%;
    }
    .horizontal-list-style.four-columns ul li,
    .horizontal-list-grey-bg-style.four-columns ul li {
        width: 25%;
    }
    .horizontal-list-style.full-width ul, 
    .horizontal-list-grey-bg-style.full-width ul {
        max-width:700px;
        margin:0;
    }
    .horizontal-list-style ul li,
    .horizontal-list-grey-bg-style ul li {
        width: 100%;
        display: inline-block;
        margin: 0 -2px;
    }
    .horizontal-list-style.full-width ul li,
    .horizontal-list-grey-bg-style.full-width ul li {
        margin:0;
    }
    .container .horizontal-list-style ul,
    .container .horizontal-list-grey-bg-style ul,
    .multicolumn1 .horizontal-list-style ul,
    .multicolumn1 .horizontal-list-grey-bg-style ul,
    .multicolumn2 .horizontal-list-style ul,
    .multicolumn2 .horizontal-list-grey-bg-style ul,
    .multicolumn3 .horizontal-list-style ul,
    .multicolumn3 .horizontal-list-grey-bg-style ul {
        padding:0;
    }
    .multicolumn1 .horizontal-list-style ul,
    .multicolumn1 .horizontal-list-grey-bg-style ul,
    .multicolumn2 .horizontal-list-style ul,
    .multicolumn2 .horizontal-list-grey-bg-style ul,
    .multicolumn3 .horizontal-list-style ul,
    .multicolumn3 .horizontal-list-grey-bg-style ul {
        margin:0;
    }
    .multicolumn3 .horizontal-list-style,
    .multicolumn3 .horizontal-list-grey-bg-style {
        margin-top:0;
    }
    .horizontal-list-style ul li a,
    .horizontal-list-grey-bg-style ul li a {
        padding: 15px 0;
        display: block;
        width: 100%;
        line-height:1.3
    }
    
    /* -- Link Style -- */

    .horizontal-list-style ul li a {
        border-bottom: solid 1px #ccc;
    }
    .horizontal-list-style ul li.current a {
        font-weight:700
    }
    .horizontal-list-style ul li.current a,
    .horizontal-list-style ul li a:hover {
        transition: 0.5s ease;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        border-bottom: solid 2px #fcb527;
        color: #000;
        padding-bottom: 13px;
    }
    /* -- Boxed Links -- */

    .horizontal-list-grey-bg-style ul li {
        padding-top:10px;
        padding-bottom:10px;
    }
    .horizontal-list-grey-bg-style span.item-title {
        display: block;
        background: #000000;
        color:#fff;
        font-size: 1.1em;
        font-weight: 600;
        padding: 25px 30px !important;
        margin-bottom:10px;
        text-align:center;
    }
    .horizontal-list-grey-bg-style ul li.item-title a:hover {
        background: #000000;
        color:#FCB526
    }
    .horizontal-list-grey-bg-style ul li.item-title a {
        background: #000000;
        color:#fff;
    }
    .horizontal-list-grey-bg-style ul li a {
        background: #e9e7e8;
        font-size: 1.1em;
        font-weight: 600;
        padding: 25px 30px !important;
        text-align:center;
    }
    .horizontal-list-grey-bg-style ul li a:hover {
        border-bottom-width: 3px;
        background: #f1f1f1;
        color: #000;
        padding-bottom: 22px !important;
    }
    .black-bg .horizontal-list-grey-bg-style ul li a {
        background:#444444
    }

    /* -- Vertical List -- */

    .vertical-list-style ul {
        padding:0;
    }
    .vertical-list-style ul li {
        line-height: 1.3em;
        display:inline-block;
        width:100%
    }
    .vertical-list-style.two-columns ul .item-title {
        width:100%
    }
    .vertical-list-style.two-columns ul li {
        width: 50%;
        display: inline-block;
        margin-right: -3px;
        margin-left: -3px;
        padding-right: 5px;
        padding-left: 5px;
    }    
.cms-structure-mode-content #main-nav .cms-placeholder {
    display:none
}
header #main-nav .menu {
    display:inline-block;
    color: #fff;
    margin:0;
}
header #main-nav .menu:nth-child(4) {
    margin-left: 200px;
}
header #main-nav .menu a {
    border-bottom: solid 1px rgba(255, 255, 255, 0.25);
    color: #fff;
}
header #main-nav .horizontal-list-style ul li a:hover {
    border-bottom: solid 2px #fcb527;
    padding-bottom: 14px;
}
header #main-nav .menu > a {
    padding: 9px 15px;
    display:block;
    border:none
}
header #main-nav .menu:hover a,
header #main-nav .menu a:focus {
    background: #444444;
    padding-bottom: 15px;
}
header #main-nav .menu:hover a.single-link,
header #main-nav .menu a.single-link:focus {
    padding-bottom: 9px;
}
header #main-nav .menu .dropdown {
    display:none;
    position: absolute;
    z-index: 100;
    width: 100%;
    background: #444444;
    left: 0;
    top: 49px;
    padding: 30px 0px 50px 0;
}
header #main-nav .menu .dropdown h3 {
    display: inline;
    text-transform: uppercase;
}
header #main-nav .menu .dropdown h3:after {
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.8em;
    padding-left: 15px;
}
header #main-nav .menu.open-menu .dropdown,
header #main-nav .menu:hover .dropdown,
header #main-nav .menu a:focus + .dropdown {
    display:block;
}
header #main-nav .menu .dropdown ul {
    padding:0;
}
header #main-nav .menu .dropdown h3 {
    color:#fff;
    font-weight: 700;
    padding:0 15px
}
#full-nav-left .menu-wrapper {
    max-width: 100%;
    padding: 0 60px;
}
#full-nav-left .menu-logo {
    margin: 30px auto;
    display:block
}
#full-nav-left .mega-menu {
    list-style: none;
    padding-left: 0;
}
#full-nav-left .mega-menu .menu {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin:0 -2px;
    padding: 0 20px 60px 20px;
}
#full-nav-left .mega-menu .menu .item-title {
    font-size:1em;
    font-weight: bold;
    padding-bottom:7px;
    margin-bottom: 10px;
    display: block;
    color:white;
    border-bottom: solid 2px #FCB526;
}
#full-nav-left .mega-menu .menu .item-title-only {
    padding: 5px 0;
}
#full-nav-left .mega-menu .menu .item-title a {
    display:inherit;
    border:none;
    padding:5px 0;
}
#full-nav-left .mega-menu .menu li {
    font-size:0.9em
}
#full-nav-left .mega-menu .menu li a {
    color:#fff;
    padding: 10px 0;
    border-bottom: 1px solid #3e3e3e;
    display: block;
}
#full-nav-left .mega-menu .menu li a:hover {
    color:#FCB526;
    border-bottom: 1px solid #3e3e3e;
}
#full-nav-left .mega-menu .menu .container {
    padding:0;
}
#full-nav-left ul.mega-menu {
    padding: 0;
}
#full-nav-left {
    position: fixed;
    z-index:2;
    background: #1e1e1e;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    overflow:auto;
    padding-bottom:20px;
    display:none;
    opacity: 0;
}
.cms-toolbar-expanded #full-nav-left {
    padding-top:24px
}
.left-menu-open header #menu-toggle {
    background: #1e1e1e;
}
.left-menu-open header #menu-toggle:hover {
    color:#FCB526
}
.left-menu-open header #menu-toggle:hover .bar {
    background:#FCB526
}
.left-menu-open #menu-toggle .bar:first-child {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 10px;
}
.left-menu-open #menu-toggle .bar:nth-child(2) {
    opacity: 0;
}
.left-menu-open #menu-toggle .bar:nth-child(3) {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 10px;
}
.main-content-container {
    padding-top: 116px;
}
#header { 
    position: fixed;
    top: 0;
    z-index: 20000;
    background: #fff;
    width: 100%;
}
#header .wrapper { 
    position:relative;
    float:left;
    width:100%
}
#header .wrapper a:hover { 
    border:none
}
.cms-toolbar-expanded #header {
    top:46px
}

/*  Link List Template
***************************************************************** */

    .link-list {
        display:table;
        width: 100%;
    }
    .link-list-container h2,
    .link-list h2 {
        margin-bottom: 80px;
        text-align: center;
    }
    .link-list-container .link-list {
        margin: -15px;
    }
    .link-list .container {
        padding:0;
        width:100%;
    }
    .link-list .article {
        width:100%;
        display: table-row-group;
        padding: 0;
    }
    .link-list .article .inner {
        display: table-row;
        background:#fff;
    }
    .link-list .article .inner > a,
    .link-list .article .lead-in {
        display: table-cell;
        border-bottom: 1px solid #ccc;
        padding: 30px 30px 10px;
        vertical-align: middle;
    }
    .link-list .article .inner > a {
        width:40%
    }
    .link-list .article .inner > a span {
        font-size: 75px;
        color:#000
    }
    .link-list .article a h4 {
        color: #002856;
        font-size: 1.4em;
    }
    .link-list .article .lead-in {
        width: 100%;
    }
    .link-list .article .button {
        font-size: 1.05em;
        padding: 5px 15px;
        min-width: 150px;
    }

    /* Two Columns */

    .two-columns.link-list {
        display:block;
        width: auto;
    }
    .two-columns.link-list .container {
        background:transparent
    }
    .two-columns.link-list .article {
        width:50%;
        display:inline-block;
        vertical-align:top;
        padding: 15px;
        margin:-2px
    }
    .two-columns.link-list .article .inner {
        padding: 30px 30px 15px 30px;
        display:block
    }
    .two-columns.link-list .article .inner > a {
        display:table;
        border:none;
        width:100%;
        padding:0;
    }
    .two-columns.link-list .article .lead-in {
        border:none;
        padding:10px 0 0
    }
    .two-columns.link-list .article a h4 {
        padding-left:15px;
        width:100%
    }
    .two-columns.link-list .article a span,
    .two-columns.link-list .article a h4 {
        display:table-cell;
        vertical-align: middle;
    }
    .two-columns.link-list .article .button {
        margin-top: 10px; 
    }

/*  Court Services Styling
***************************************************************** */

    .court-houses-view .link-list {
        max-width: 1200px;
        margin: 0 auto;
    }
    .courthouse-article .contact-block {
        border: none;
        display: block;
        float: left;
        width: auto;
        padding-top: 0px;
        margin-top: 23px;
        margin-bottom:30px;
        padding-right: 50px;
    }
    .courthouse-article .description.container.wysiwyg-text {
        margin-top: 50px;
        margin-bottom:80px
    }

/*  Container Plugin
***************************************************************** */

    .container-plugin {
        width:100%;
        display:inline-block;
        position:relative;
        overflow:hidden;
        margin-bottom:-10px
    }
    .container-plugin >div {
        position:relative;
    }
    .container-plugin.has-bg-image:before {
        content:'';
        position: absolute;
        width: 100%;
        height: 101%;
        background: #101010;
        opacity: 0.8;
        z-index: 0;
        top:-1px
    }
    .container-plugin.padded-container {
        padding:100px 0;
    }
    .container-plugin.padded-container > .container.wysiwyg-text:first-child {
        margin-top:0;
    }
    .container-plugin img {
        max-width:100%
    } 
    .container-plugin > .container > .container.wysiwyg-text {
        padding-right:0;
        padding-left:0;
    }


/*  Columns Plugin Styles
***************************************************************** */

    .multicolumn1,
    .multicolumn2,
    .multicolumn3 {
        max-width: 1400px;
        margin: 100px auto;
        padding: 0 15px;
    }
    .container .multicolumn1,
    .container .multicolumn2,
    .container .multicolumn3 {
        padding:0;
        margin:0 -15px;
    }
    .multicolumn1 .column,
    .multicolumn2 .column,
    .multicolumn3 .column {
        padding:0 15px
    }
    .multicolumn1 .column .container,
    .multicolumn2 .column .container,
    .multicolumn3 .column .container {
        padding:0;
        margin:0;
    }
    .multicolumn1 .column .twitter-feed:first-child,
    .multicolumn2 .column .twitter-feed:first-child,
    .multicolumn3 .column .twitter-feed:first-child {
        margin-top:0;
    }
    .multicolumn1 .column img,
    .multicolumn2 .column img,
    .multicolumn3 .column img {
        max-width:100%;
    }
    .column img.align-center {
        display:block;
        margin:0 auto
    }


/*  YourTO Data Table Plugin Styles
***************************************************************** */

    .data-table {
        margin: 60px auto;
        background: #fff;
        color: #545454;
    }
    .data-table .row {
        margin:0;  
        padding: 0 15px;
    }
    .data-table .row .column {
        width: 25%;
        padding: 12px 15px;
    }
    .data-table .row .column.col-span-3 {
        width: 75%
    }
    .data-table .row .column.mid {
        text-align:center
    }
    .data-table .row .column.max {
        text-align:right
    }
    .data-table .row.header {
        border-bottom: 1px solid #ccc;
        padding: 12px 15px;
        margin-bottom: 20px;
        color:#000
    }
    .data-table .row.with-border {
        margin: 20px 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 12px 15px;
    }
    .data-table .row .bar {
        background: #002856;
        color: #fff;
        padding: 7px 10px;
        margin: -7px 0;
        border-radius: 30px;
        text-align:right;
        min-width: 47px;
    }
    .data-table .row .bar span {
        min-width: 31px;
        text-align: center;
        display: inline-block;
        margin-left: -3px;
    }

/*  Search Page
***************************************************************** */

    .search-page form input[type=search] {
        width: 100%;
        border: none;
        font-size: 1.6em;
        padding: 15px 100px 15px 30px;
        background-image: url(../images/search-icon-large.png);
        background-position: center right 30px;
        background-repeat: no-repeat;
    }
    .search-page form input[type=search]:focus {

    }
    .search-page form #id_models {
        margin-top: 30px;
        display:inline-block;
        padding-left:0;
    }
    .search-page form #id_models li {
        display: inline-block;
        margin-bottom: .5rem;
        padding: 0 15px;
    }
    .search-page form #id_models li input {
        margin-right: 10px;
    }
    .search-page form input[type=search] {
        background: #E9E8E8;
    }
    .search-page form input[type=submit] {
        background-image: url(../images/search-icon-large.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-color: transparent;
        border: none;
        text-indent: 100px;
        transition: 0.5s ease;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        width: 85px;
        height: 87px;
        position: absolute;
        right: 30px;
        top: 0;
    }
    .search-page .search-results {
        padding: 100px 30px;
    }
    .search-page .search-results .article {
        border-bottom: 1px solid #e9e7e8;
        padding: 50px 0;
    }
    .search-page .search-results .article h3 {
        margin-top: 0.8em;
        margin-bottom: 0.65em;
    }

/*  People List
***************************************************************** */

.grouped-people-list .title-container {
    margin-bottom:-40px
}
.people-by-group {
    padding: 50px 0;
    background: #E9E8E8;
}
.people-by-group h2 {
    margin-bottom:60px
}
.people-by-group .contact h4 {
    text-transform: uppercase
}
.people-by-group .contact,
.people-by-group .description {
    display:inline-block;
    padding-right:80px
}
.people-list {
    margin: 80px 0;
}
.people-list h2 {
    text-align: center
}
.people-list .people-article .people-table {
    min-height: 310px;
    display: table;
    width: 100%;
}
.people-list .container {
    max-width: 1400px;
    padding: 0 15px;
}
.people-list .people-article {
    width:33.33%;
    display:inline-block;
    margin:0 -2px;
    padding:20px 15px;
    vertical-align: top;
    color: black !important;
}
.people-list.four-column-list .people-article {
    width:25%
}
.people-list .people-article img {
    max-width:100%;
}
.people-list.four-column-list .people-article p {
    margin: 10px 0 3px 0;
    font-weight: 600;
}
.people-list.four-column-list .people-article h4 {
    margin: 0;
    font-size: 1.4em;
    color: #002856 !important;
}
.people-list .people-article .wrapper .inner {
    padding: 30px;
}
.people-list.standard .people-article .wrapper .visual {

}
#online-reporting .container .container {
    padding:0;
}

/* Profile Photo */

.people-list .people-article .wrapper .visual {
    width: 170px;
    height: 170px;
    display: inline-block;
    border-radius: 170px;
    background: #ccc;
} 
.people-list .people-article .wrapper .visual img {
    width: 170px;
    height: 170px;
    border-radius: 170px;
}

/* Title */

.people-list .people-article .wrapper h3 {
    font-size: 1.5em;
    color: black !important;
}
.people-list .people-article .wrapper h3 small {
    display: block;
    padding-top:10px;
    color: #454545 !important;
}

/* -- Standard Style -- */

.people-list.standard .people-article .wrapper {
    background:#fff;
    text-align:center
}
.people-list.standard .people-article .wrapper h3 {
    margin-top:20px;
    margin-bottom:10px
}
.people-list.standard .people-article .wrapper .people-content {
    padding: 70px 30px 25px 30px;
    display: table-cell;
}

/* -- Feature Style -- */

.people-list.feature {
    text-align:center;
}
.people-list.feature .people-article {
    display:inline-block;
    vertical-align: top;
    margin:0 -2px;
    width:33.33%;
    padding:15px;
    margin-bottom:40px;
}
.people-list.feature .people-article .wrapper {
    background:transparent
}
.people-list.feature .people-article .wrapper .inner {
    padding:0;
}

/* Profile Photo */

.people-list.feature .people-article .wrapper .visual {
    display: inline-block;
    width: 250px;
    height: 250px;
    border-radius: 250px;
    overflow: hidden;
    position: relative;
}
.people-list.feature .people-article .wrapper .visual img {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
/* Title */
.people-list.feature .people-article .wrapper h3 {
    display: block;
    margin-top: 5px;
    font-size: 1.8em;
    font-weight: 600;
    margin-bottom: 20px;
}
.people-list.feature .people-article .wrapper h3 small {
    display: block;
    font-weight: 600;
    color:#000;
}
/* Content */
.people-list.feature .people-article .wrapper .people-content {
    display: block;
}
.people-list.feature .people-article .wrapper .people-content > p {
    color:#454545;
}

/* Neighbourhood Officers */

.group-by-neighbourhood #general-contacts {
    margin-bottom: inherit;
    font-size: 1.25em;
    font-weight: 500;
}
.group-by-neighbourhood #general-contacts .button { 
    font-size: 0.9em;
}



.person-detail.container {
    padding-top:100px;
    padding-bottom:100px;
}
.person-detail .people-article.with-image .wrapper {
    display: table;
}
.person-detail .people-article.with-image .visual { 
    display: table-cell;
    width: 250px;
    vertical-align: top;
}
.person-detail .people-article.with-image .visual img { 
    border-radius: 250px;
}
.person-detail .people-article.with-image .people-content {
    display: table-cell;
    vertical-align: top;
    padding-left: 60px;
}
.person-detail .people-article .send-email-option {
    margin-top: 40px;
}
.person-detail .people-article.with-image .send-email-option {
    text-align: left;
    max-width: 818px;
    width: 100%;
    float: right;
    margin-top: 20px;
}
.person-detail .people-article .send-email-option .send-email-btn {
    width: 100%;
    display: inline-block;
    text-align: center;
    max-width: 350px;
}
.person-detail .people-article .people-content h1 {
    text-transform:none
}
.person-detail .people-article .people-content h1 small {
    font-weight: 600;
    display: block;
    font-size: 70%;
}
.person-detail .people-more-details {
    padding-top: 50px;
    margin-top:2em;
    margin-bottom:2em;
}

.person-detail .people-more-details th {
    width:10%
}

.person-detail .people-more-details tr:nth-child(odd) td, .people-more-details tr:nth-child(odd) th{
    background:#F6F6F6;
}

.person-detail .people-more-details tr:nth-child(even) td,.people-more-details tr:nth-child(even) th{
    background:#fff;
}

/*  People Contact Email Form
***************************************************************** */

.send-email-option a.send-email-btn {
    background: #101010;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    display:block
}
.send-email-option a.send-email-btn:hover {
    background: #FCB526;
    border: none;
    color: #000;
}
.send-email-popup .send-email-form-box .inner {
    padding: 40px 80px !important;
}
.send-email-popup {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0 50px;
    overflow: auto;
    position: fixed;
    z-index: 99999;
    background: rgba(40, 40, 40, 0.75);
    width: 100%;
}
.send-email-popup .send-email-form-box {
    position: relative;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    background: #444444;
    margin: 50px 0;
    text-align: left;
    width:100%;
    max-width: 700px;
}
.send-email-form-box input[type="text"], 
.send-email-form-box textarea,
.send-email-form-box input[type="email"] {
    background: #545454;
    color: #fff;
    border: solid 1px #707070;
    padding: 10px;
    width: 100%;
}
.send-email-form-box input[type="text"], 
.send-email-form-box input[type="email"],
.send-email-form-box textarea, 
.send-email-form-box input.button {
    outline: none;
    box-shadow: none;
}
.send-email-form-box input[type="text"]:focus, 
.send-email-form-box input[type="email"]:focus,
.send-email-form-box textarea:focus {
    border: solid 2px #fcb527;
    padding:9px
}
.send-email-form-box input[type="text"]::-webkit-input-placeholder, 
.send-email-form-box input[type="email"]::-webkit-input-placeholder,
.send-email-form-box textarea::-webkit-input-placeholder { /* Firefox 18- */
    color: #929292;
}
.send-email-form-box input[type="text"]::-moz-placeholder
.send-email-form-box input[type="email"]::-moz-placeholder,
.send-email-form-box textarea::-moz-placeholder { /* Firefox 18- */
    color: #929292;
}
.send-email-form-box input[type="text"]:-ms-input-placeholder, 
.send-email-form-box input[type="email"]:-ms-input-placeholder, 
.send-email-form-box textarea:-ms-input-placeholder { /* Firefox 18- */
    color: #929292;
}
.send-email-form-box input[type="text"]:-moz-placeholder,
.send-email-form-box input[type="email"]:-moz-placeholder,
.send-email-form-box textarea:-moz-placeholder { /* Firefox 18- */
    color: #929292;
}
.send-email-form-box textarea {
    max-height: 200px;
    margin-bottom: -10px;
}
.send-email-form-box h2 {
    color: #fff;
    font-size: 2em;
    font-weight: 600;
    text-align: center;
}
.send-email-form-box .captcha-field img {
    margin-bottom: 20px;
}
.send-email-popup p, .send-email-popup .form-label {
    color: #d4d4d4;
}
.send-email-popup div.field{
    margin-bottom:5px;
}

.send-email-popup p strong {
    color: #fff;
}
.send-email-popup input.button {
    background: transparent;
    color: #fff;
    border: solid 2px #fcb527;
    margin-top:30px
}
.send-email-popup .form-label {
    margin-top: 25px;
}
a.send-email-close-btn {
    position: absolute;
    right: -43px;
    cursor: pointer;
    text-align: center;
    color: #fff !important;
    font-size: 0.8em;
}
a.send-email-close-btn svg {
    margin:0 auto;
    display: block;
}


/*  Form Centre 
***************************************************************** */

#search_input input[type=search] {
    position:relative;
    z-index: 6
}
#search_input {
    position:relative;
    display: block;
}
#search_suggestion {
    position: absolute;
    display:none;
    z-index: 5;
    padding: 0;
    width: 100%;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
#search_suggestion.open {
    display:block
}
#search_suggestion ul {
    padding:0;
    margin:0;
}
#search_suggestion p {
    font-weight:600
}
#search_suggestion p a {
    float: right;
    font-weight: normal;
    color: #8a8a8a;
}
#search_suggestion p a:hover {
    color:#333
}
#search_suggestion p a svg {
    width: 20px;
    height: 20px;
    position: relative;
    bottom: -4px;
    right: -2px;
}
#search_suggestion p,
#search_suggestion .list_item {
    display: block;
    font-size: 1.05em;
    line-height: 1.5;
    padding: 5px 15px;
    border: 1px solid #ccc;
    box-sizing: content-box;
    margin: 0 -1px;
    border-bottom: none;
}
.form-centre-results-title {
    padding-top: 30px;
}
.form-centre {
    margin: 50px 0;
}
.form-centre input[type=text] {
    width: 100%;
    border: none;
    font-size: 1.8em;
    padding: 15px 100px 15px 30px;
    background-image: url(../images/search-icon-large.png);
    background-position: center right 30px;
    background-repeat: no-repeat;
    background-color: #eae7e9;
    margin-bottom: 60px;
}

.form-list>.container{
    display:table; 
}

.form-list-item {
    display: table-row;
    width: 100%;
    border-bottom: solid 1px #eae7e9;
    
}
.form-list-item>div{
    border-bottom: solid 1px #eae7e9;
    padding-top: 20px;
}
.form-list-item .title {
    display: table-cell;
    padding-right: 40px;
    vertical-align: top;
}
.form-list-item .title h3 {
    font-size: 1.3em;
    margin: 0 0 5px 0;
}
.form-list-item .description {
    display: table-cell;
    max-width: 55%;
    padding-right: 40px;
    vertical-align: top;
}
.form-list-item .read-more-link {
    padding-bottom: 5px;
    color: #000;
    font-weight: 500;
    display:inline-block;
    margin-bottom:5px
}
.form-list-item .read-more-link:hover {
    border-bottom: 2px solid #FCB526;
    margin-bottom:3px
}
.form-list-item .button-link {
    display: table-cell;
    text-align: right;
    vertical-align: middle
}
a.form-button {
    background: #eae7e9;
    color: #000000;
    padding: 5px 15px;
    text-transform: uppercase;
    width: 185px;
    display: inline-block;
    font-size: 0.95em;
    text-align: center;
    font-weight: bold;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    margin-bottom: 15px;
}
a.form-button:hover {
    background: #fcb528;
    border:none
}
a.form-button .fa-file-pdf {
    padding-right:5px
}

/*  Form
***************************************************************** */

    #id_frequency,
    #id_paid_duty_type {
        padding-left: 20px;
    }
    #id_frequency li,
    #id_paid_duty_type li {
        display:block
    }

/*  Footer Numbers 
***************************************************************** */

.footer-numbers {
    width: 100%;
    height: 260px;
    display:block;
    font-size:0;
    overflow: hidden
}
.footer-numbers > * {
    font-size:18px;
    display: inline-block;
    height: 260px;
    width: 20%;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 0;
    background:#343434;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.footer-numbers > a:hover {
    border:none
} 

/* -- Number Links -- */

.footer-numbers a .number-link {
    height: 100%;
    width: 100%;
    display: table;
}
.footer-numbers a:nth-child(odd) .number-link  {
    background:#3e3e3e
}
.footer-numbers .number-link .container {
    display: table-cell;
    vertical-align: middle;
}

/* Number Circle */

.footer-numbers .number-link .circle {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    width: 58px;
    height: 58px;
    border-radius: 58px;
    font-size: 1.7em;
    line-height: 1.85;
    padding-left: 1px;
    text-align: center
}
.footer-numbers .number-link .circle p {
    display:none
}
.footer-numbers .number-link p.heading {
    font-size: 1.9em;
    line-height: 1.3;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
}
.footer-numbers .number-link .number {
    font-weight: 700;
    font-size: 1.4em;
    color: #fcb526;
    text-transform: uppercase
}
.footer-numbers .number-link:hover .number {
    color:#fff
}

/*  Home Page Footer Numbers 
***************************************************************** */

.home-page .footer-numbers .container {
    display: table;
    margin: 0 auto;    
    height: 265px;
}

/* -- Number Links -- */

.home-page .footer-numbers.open .number-link {
    width:0;
}
.home-page .footer-numbers .number-link.open {
    width:100%;
    border:none
}

/* Number Circle */

.home-page .footer-numbers .circle-container {
    position: absolute;
    left: 50%;
    top:40px; 
    width: 280px;
    transform: translate(-50%, 0);
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.home-page .footer-numbers .number-link.open .circle-container {
    left:130px
}
.home-page .footer-numbers .number-link .circle {
    background: #fff;
    text-align: center;
    border-radius: 50%;
    width: 145px;
    height: 145px;
    font-size: 2em;
    color: #101010;
    margin: 0 auto;
    display: table;
    vertical-align: middle;
    text-align: center;
}
.home-page .footer-numbers .number-link .circle i,
.home-page .footer-numbers .number-link .number {
    display:none
}
.home-page .footer-numbers .number-link .circle p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #101010;
    font-weight: bold;
    line-height:1.3
}
.home-page .footer-numbers .number-link p.heading {
    font-size:1em
}

/* -- Footer Number Content -- */

.home-page .footer-numbers .container .content-container {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    color: #fff;
    padding: 0 40px;
    opacity:0;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    padding-left:221px
}
/* Button */
.home-page .footer-numbers .container .button-container {
    display: table-cell;
    vertical-align: middle;
    opacity:0
}
.home-page .footer-numbers .container .button-container .button {
    border-color: #fff;
    padding: 5px 20px;
    min-width: 170px;
}
.home-page .footer-numbers .container .button-container .button:hover {
    background: transparent;
    color:#fff
}
.home-page .footer-numbers .number-link.open .container .content-container,
.home-page .footer-numbers .number-link.open .container .button-container {
    opacity:1
}


/* -- Custom Number Styles -- */

/* City Number */
.footer-numbers a:hover .number-link.city-number,
.home-page .footer-numbers .number-link.city-number {
    background: #165788;
}
/* Non-Emergency Number */
.footer-numbers a:hover .number-link.non-emergency-number,
.home-page .footer-numbers .number-link.non-emergency-number {
    background: #002856;
}
.home-page .footer-numbers .number-link.non-emergency-number .circle {
    font-size: 1.3em;
}
/* Emergency Number */
.footer-numbers a:hover .number-link.emergency-number,
.home-page .footer-numbers .number-link.emergency-number {
    background: #C3002F;
}
/* Directory Number */
.footer-numbers a:hover .number-link.directory,
.home-page .footer-numbers .number-link.directory {
    background: #fcb527;
    color:#000
}
/* Social Services Number */
.footer-numbers a:hover .number-link.social-services-number,
.home-page .footer-numbers .number-link.social-services-number {
    background: #3685c4;
}
.home-page .footer-numbers .number-link.directory p.heading {
    color: #101010;
}
.home-page .footer-numbers .number-link.directory .circle p {
    background: url(../images/book-icon.png) no-repeat center center #fff;
    background-size: contain;
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 30px;
}

/*  Footer 
***************************************************************** */

.footer {
    background: #101010;
    border-top: 10px solid #444;
}

/* -- Logo -- */

.footer .logo {
    background: url(../images/footer-logo.png) no-repeat;
    background-size: contain;
    width: 175px;
    height: 200px;
    display: block;
    margin: -135px auto -60px auto;
    position: relative;
    z-index: 2;
}

/* -- Footer Navigation -- */

.footer .upper {
    padding: 45px 15px;
    overflow: auto;
    width:100%;
    max-width:1400px;
    margin: 0 auto;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
}

/* Menu Column */

.footer .upper .menu {
    display: inline-block;
    margin: 0;
    padding: 0 15px;
    max-width:22%;
    vertical-align: top;
    margin: 0 -2px;
}
.footer .upper .menu .container {
    padding:0;
}
.footer .upper .menu ul {
    padding:0;
}
.footer .upper .menu ul li {
    display:block;
    font-size:0.85em;
    line-height: 1.3em;
    margin-bottom: 7px;
}
.footer .upper .menu .item-title {
    font-weight:600;
    color:#fff;
    font-size:1em;
    margin-bottom: 10px;
}
.footer .upper .menu .item-title-only {
    display: inline-block;
}
.footer .upper .menu ul li a {
    color:#E9E8E8 
}
.footer .upper .menu ul a:hover {
    color: #fcb526;
    border: none;
}

/* Lower Bar (Copyright, Privacy, Accessibility) */

.footer .lower {
    width: 100%;
    padding: 13px 0;
    text-align: center;
    background: #000;
    color: #e6e6e6;
}
.footer .lower .social-link {
    float:left
}
.footer .lower .social-link .stay-connected {
    font-size: 0.9em;
    padding-right:5px;
    vertical-align: top;
}
.footer .lower .social-link a {
    display: inline-block;
    padding: 0 5px;
    color: #fff;
    font-weight: normal;
    font-size: 0.8em;
    margin-top: -2em;
}
.footer .lower .social-link a:hover {
    color: #fcb527;
    border:none
}
.footer .lower .social-link a:before {
    font-family: "Font Awesome 5 Brands";
    font-size: 1.3em;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.footer .lower .social-link a.facebook:before {
    content: '\f09a';
}
.footer .lower .social-link a.twitter:before {
    content: '\f099';
}
.footer .lower .social-link a.instagram:before {
    content: '\f16d';
}
.footer .lower .social-link a.linkedin:before {
    content: '\f0e1';
}
.footer .lower .social-link a.youtube:before {
    content: '\f167';
}
.footer .lower .social-link a.googleplus:before {
    content: '\f0d5';
}
.footer .lower .social-link a.flicker:before {
    content: '\f16e';
}
.footer .lower p {
    margin:0;
    font-size: 0.9em;
}
.footer .lower .container.wysiwyg-text {
    float:right;
    margin:0;
    width:auto;
    padding:0 20px;
}
.footer .lower .container.wysiwyg-text a {
    color:#fff;
    border:none;
    font-weight:normal;
    padding:0;
}
.footer .lower .container.wysiwyg-text a:hover {
    color:#FCB526
}
.footer .lower .container > a {
    float:right
}
.footer .lower .container > a:hover {
    border:none
}

/*  Memoriam List
***************************************************************** */

.memorial-list {
    padding: 100px 0;
}
.memorial-list.footer-list {
    padding: 0;
}
.memorial-list .people-article {
    padding: 15px;
    display: inline-block;
    margin: 0 -2px;
    width: 33.33%;
}
.memorial-list .people-article .wrapper {
    border:1px solid #ccc;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.memorial-list .people-article .wrapper:hover {
    background: #E9E8E8;
}
.memorial-list .people-article .wrapper h4 {
    font-size: 1.3em;
    margin-bottom:5px;
}
.memorial-list .people-article .wrapper h4 span {
    display:block
}
.memorial-list .people-article .wrapper a {
    padding: 30px;
    display: block;
    width: 100%;
}
.memorial-list .people-article .wrapper p {
    margin:0;
}

/*  Memorial List
***************************************************************** */

.memorial {
    background-image:url(../images/marble-texture-1.jpg);
    background-size:cover;
    padding-top: 50px;
    padding-bottom: 0;
    position:relative
}
.memorial .container.wysiwyg-text {
    margin:0 auto;
    position:relative;
}
.memorial .container.wysiwyg-text h3 {
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
    color: #737373;
    line-height: 1.4;
    position: absolute;
    width: 33%;
    padding:0 20px;
    left: 50%;
    top: 33px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.memorial-list .column {
    width: 16.66%;
    display: inline-block;
    margin: 0 -2px;
    vertical-align: top;
    padding:0 15px;
}
.memorial-list .column li {
    padding-bottom: 20px;
    display: block;
    font-size: 0.75em;
}
.memorial-list .column li p {
    margin-bottom: 0;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: 600;
}
.memorial-list .column li a p {
    color: #000;
    border-bottom: 2px solid transparent;
}
.memorial-list .column li a p:hover {
    text-decoration: none;
    border-bottom: 2px solid #FCB526;
}
.memorial-list .column:nth-child(3),
.memorial-list .column:nth-child(4) {
    padding-top:175px;
}
.memorial .cta.condensed-cta {
    background-image: url(../images/marble-texture-2.jpg);
    background-blend-mode: multiply;
    background-color: #b5b5b5;
}
.memorial .cta.condensed-cta h4 {
    text-transform: none;
    font-size:1.6em;
    font-weight:normal;
    color:#5d5d5d;
    text-align:center
}
.memorial .cta.condensed-cta .button {
    display:none
}

/*  Articles Page
***************************************************************** */

.banner-feature-image {
    height: 575px;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    background-size:cover;
    background-position:center center
}
.banner-feature-image .caption {
    position: absolute;
    bottom: 0;
    background: rgba(51, 51, 51, 0.75);
    width: 100%;
    text-align: center;
    color: #efefef;
    padding: 5px 30px;
}
.banner-feature-image .caption .author {
    float: right;
    font-size: 0.9em;
    font-style: italic;
}

.article {
    padding-top: 100px;
}
.tags {
    margin-top:30px
}
.tags h4 {
    display: inline-block;
    padding-right: 15px;
    font-size: 1.4em;
    text-transform: uppercase;
    vertical-align: middle;
    margin:5px 0
}
.tags a {
    display: inline-block;
    vertical-align:middle;
    border: solid 1px #eeedee;
    padding: 0 10px;
    border-radius: 8px;
    color: #4c4c4c;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    margin: 5px;
}
.tags a:hover {
    background: #fcb527;
    color: #101010;
    border: solid 1px #fcb527;
}


/*  Articles Page
***************************************************************** */

.article-detail {
    margin-top: 100px;
    margin-bottom:100px;
    padding-top:0;
}
.article-detail h1 {
    text-transform: none;
    font-size:2.9em
}
.article-detail .meta {
    margin-bottom: 30px
}
.article-detail .meta a {
    font-weight: bold;
    color: #092e54;
}
.article-detail .content > .share-options .share-button-clickable,
.article-detail .content > .share-options a.social-share-btn {
    color:#000;
    font-size:1.3em
}
.article-detail .share-options .share-buttons a.social-share-btn {
    font-size: 1em;
}
.article-detail .featured-image {
    margin-bottom:60px
}
.article-lead-details .date,
.article-lead-details .author-details {
    font-weight: bold;
    display: inline-block;
    padding-right: 20px;
    margin-right:0;
    color:#4c4c4c;
    font-size: 1.1em;
}
.article-lead-details .lead-in {
    padding-top: 20px;
}
.article .container.wysiwyg-text {
    padding:0;
    margin:20px 0 20px 0;
}
.article-detail .content img.cms-plugin {
    max-width: 100%;
    margin-bottom: 1.5em;
}
.article h2 {
    text-align: left;
    text-transform: none;
}
.article-contact-info {
    background: #454545;
    padding: 80px 0;
    color: #fff;
    overflow: auto;
    width: 100%;
}
.article-contact-info h2 {
    color: #fff;
    text-align: left;
    margin-bottom: 60px;
}
.article-contact-info h3 {
    color: #fff;
    text-transform: uppercase;
}
.article-contact-info .left,
.article-contact-info .right {
    width: 50%;
    float: left;
}
.article-contact-info .left {
    padding-right:50px
}
.article-contact-info .right {
    padding-left:50px
}
.article-contact-info .address {
    font-size: 1.3em;
    font-weight: bold;
    float: left;
    padding-right: 20px;
}
.article-contact-info .phone-number {
    font-weight: bold;
    font-size: 1.3em;
    float: right;
}
.article-contact-info .phone-number .fas {
    padding-right:15px
}
.article-contact-info .clear {
    clear: both;
}
.article-contact-info a.white-button {
    margin-top: 50px;
    display: inline-block;
}
.more-list {
    margin: 60px 0;
}
.more-list h2 {
    text-align: left;
}
.more-list .container {
    padding-top: 0 !important;
}

/*  Contact Directory
***************************************************************** */

#contact-container .cta.condensed-cta.add-margin {
    margin: 40px 0;
}
.contact-directory .link-row {
    background: #000;
    text-align: center;
    padding: 20px;
}
.contact-directory .link-row a {
    color:#fff;
    padding: 10px;
    font-size: 1.4em;
    font-weight: 800;
}
.contact-directory .link-row a:hover {
    color:#fcb527
}
.contact-directory .container {
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}
.contact-directory .contact {
    margin: 0 -2px;
    padding: 18px 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: block;
}
.contact-directory .contact h5 {
    margin-bottom: 14px;
    font-weight: 700;
    color: #000;
    margin-top:0;
}
.contact-directory .contact h5 a {
    color: #000;
}
.contact-directory .contact .sub-contact {
    margin-top: 30px;
    padding-left: 30px;
    font-size: 0.9em;
}
.contact-directory .contact .sub-contact .row {
    font-size: 1.1em;
}
.contact-directory .contact h5 a i {
    display:inline;
    font-size: 0.8em;
    padding-left: 0.3em;
}
.contact-directory .contact .row {
    margin:0;
    display: table-row;
    width: 100%;
}
.contact-directory .contact .row > p {
    display: table-cell;
    text-align: left;
    padding-right: 10px;
}
.contact-directory .contact p a {
    color:#002856;
    font-weight:600;
}
.contact-directory .letter-row {
    background: #E9E8E8;
    padding: 10px 30px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 800;
    color: #000;
}
.contact-directory .container {
    padding:50px 30px
}



/*  Events Page 
***************************************************************** */

.events-text-details {
    float: left;
    width: 50%;
}
.events-text-details .container.wysiwyg-text {
    padding: 0 40px 0 0;
    margin:0;
}
.container.top-pad {
    padding-top: 100px;
}
.event-article .container.wysiwyg-text {
    margin: 0;
}
.grey-bg .event .start-date-box {
    background: #fff;
}
.event .start-date-box {
    background: #e9e7e8;    
    padding: 8px 15px;
    border-radius: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    float:left;
    text-align: center;
    vertical-align: top;
}
.event .start-date-box .day {
    display:block;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1em;
    color:#000
}
.event .start-date-box .month {
    display:block;
    text-transform: uppercase;
    color:#000
}
.event .mata {
    margin: 40px 0;
}
.meta .location:before,
.meta .time:before,
.meta .date:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right:5px;
}
.meta .time:before {
    content: '\f017';
}
.meta .location:before {
    content: '\f041';
}
.meta .date:before {
    content: '\f133';
}
.events-list > .container {
    width: 100%;
    padding:100px 30px;
}
.events-list .article .event-teaser-details h2 {
    font-size: 2em;
    margin-bottom: 0;
    line-height: 1em;
}
.events-list .article .wrapper .featured-image {
    float:right;
    padding-left: 60px;
    padding-right:0;
}
.event-teaser-details .event-details {
    margin: 10px 0;
}
.event-teaser-details .share-options .share-button {
    margin-left: 0;
}


/*  Updates
***************************************************************** */

article.article.update-article .update-teaser-details h2 {
    font-size: 2em;
    margin-bottom: 0;
    line-height: 1em;
}
.update-details{
    padding:10px 0
}
.update-details .date {
    font-weight: bold;
    display: inline-block;
    margin-right: 10px;
}
.update-details .share-options {
    display: inline-block;
}
.update-teaser-details {
    width: 100%;
    float: none;
    margin-right: 0;
}
.updates-list-view {
    overflow: auto;
}
.update-teaser-details.with-image {
    width: 45%;
    margin-right: 20px;
    float: left;
}
.update-lead-details .date {
    margin-right: 20px;
    display: inline-block;
    font-weight: bold;
}
.updates-list-view article.article {
    padding-bottom: 40px;
    border-bottom: solid 1px #eae7e9;
}
.update-lead-details .share-options {
    display: inline-block;
}
.more-updates-list {
    padding: 100px 0;
}
.more-updates-list h2 {
    font-size: 2em;
    margin-bottom: 0;
}
.more-updates-list .update-article {
    border-bottom: solid 1px #eae7e9;
    padding-bottom: 30px;
}
.update-teaser-image img {
    max-width: 100%;
}

.updates-feature-list-view article.article.update-article {
    float: left;
    width: 33.33%;
    padding: 0 10px;
}
.update-feature-details h2 {
    font-size: 1.8em;
    text-align:left !important;
    margin-bottom: 0;
}
.updates-feature-list-view {
    padding: 100px 0;
}
.updates-feature-list-view h2 {
    text-align: center;
}
.more-updates-list .article .wrapper .featured-image {
    float: right;
    padding-right: 0;
    padding-left: 60px;
}

/*  Homicide
***************************************************************** */

.person-detail .suspect.people-article.with-image .visual img,
.person-detail .victim.people-article.with-image .visual img {
    border-radius: 0
}
.person-detail .suspect .person-type,
.person-detail .victim .person-type {
    display:block;
    margin-bottom:60px;
    color:#000;
    font-size: 2.5em;
    text-transform: uppercase;
    font-weight: 800;
}
.person-detail .suspect #homicide-map,
.person-detail .victim #homicide-map {
    height:400px
}
.person-detail .meta {
    margin-bottom: 30px
}
.person-detail .meta a {
    font-weight: bold;
    color: #092e54;
}
.person-detail .meta p {
    font-weight: 700;
    color: #4c4c4c;
    margin-bottom: 0px;
    margin-right: 15px;
    font-size: 1.1em;
    line-height: 1.5;
    display: inline-block;
}
/*  Important Text 
***************************************************************** */

.important-text {
    margin: 3em 0;
}

.important-text h2.title-text {
    background: #c20031;
    color: #fff;
    margin: 0;
    padding: 0;
}
.important-text h2.title-text .container {
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    font-size:0.8em
}
.important-text .wysiwyg-text {
    padding-top: 70px;
    padding-bottom: 70px;
    margin-top:0;
    text-align:center
}


/*  Pagination
***************************************************************** */

.pagination {
    width: 100%;
    position: relative;
    padding:40px 0;
}
.pagination ul {
    list-style: none;
    padding: 11px 0 0 0;
    margin: 0 auto;
}
.pagination ul li {
    display: inline-block;
    padding: 0 5px;
    font-size:1.1em
}
.pagination ul li.active {
    font-weight: bold;
}
.pagination i {
    font-size: 1.5em;
    position: relative;
    top: 4px;
}
.pagination .previous-btn,
.pagination .next-btn {
    font-size:1.3em
}   
.pagination .previous-btn i {
    padding-right:20px;
}
.pagination .next-btn i  {
    padding-left:20px;
}

/*  Way Forward Index
***************************************************************** */

.way-forward-index {
    margin-bottom: 100px;
}
.way-forward-index a {
    display: block;
    width: 100%;
    padding: 20px 0;
    border-bottom: solid 1px #eae7e9;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2em;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.way-forward-index a:hover {
    padding-bottom: 19px;
}
.way-forward-index a:hover, .way-forward-index a:hover h3 {
    color: #fcb527;
}
.way-forward-index a.active, .way-forward-index a.active h3 {
    color: #fcb527;
}
.way-forward-index h3 {
    display: inline-block;
    vertical-align: sub;
    font-size: 1.7em;
    padding-right: 15px;
    margin: 0;
    font-weight: normal;
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
}
.way-forward-index h2 {
    border-bottom: solid 3px #fcb527;
    padding-bottom: 20px;
    font-size: 2.2em;
}

/*  Form iFrames
***************************************************************** */

#clearance-letter-iframe,
#damage-to-vehicle-iframe {
    display:inline-block;
    width:100%;
}

a:not([href]):not([tabindex]){
    cursor:pointer;
}

/*  Responsive 
***************************************************************** */

@media (max-width: 1380px) {

    /*  News List Plugin Styles
    ***************************************************************** */

    .latest-articles .article .featured-image {
        height: 21vw;
    }
    .article-max-5 .article-3 .article .featured-image, 
    .article-max-5 .article-4 .article .featured-image, 
    .article-max-5 .article-5 .article .featured-image {
        height: 15vw;
    }
    .article-max-3 .article .featured-image {
        height: 15vw;
    }
}
@media (max-width: 1250px) {

    /*  Home Page 
    ***************************************************************** */

    #full-nav-left .menu-wrapper {
        max-width: 100%;
        padding: 0 30px 0 50px;
    }
    #full-nav-left .mega-menu .menu {
        padding: 0 8px 60px 8px;
    }
    header #menu-toggle {
        padding: 0 10px 0px 10px;
    }
     
    /*  Home Page 
    ***************************************************************** */

    /* -- Condensed CTA -- */

    .home-page .cta.condensed-cta .titles {
        width:auto
    }

    /*  News List Plugin Styles
    ***************************************************************** */

    .latest-articles article h3 {
        font-size:1.6em
    }
    .article-max-5 .latest-article.article-1 h3, 
    .article-max-5 .latest-article.article-2 h3 {
        font-size: 2em;
    }

    /*  Tabbed News Releases List Plugin Styles 
    ***************************************************************** */

    .news-releases .news-releases-header #tab-by-category li a {
        font-size: 1em;    
        padding: 20px 15px;
    }

    /*  Image Number Box
    ***************************************************************** */

    .image-number-box .inner .content .number {
        font-size: 1.7em;
    }
    .image-number-box.icon-left .inner .content, 
    .image-number-box.icon-left-no-box .inner .content {
        padding: 0 0 0 22px;
    }
    /* Border Boxes */
    .image-number-box.icon-left .inner {
        padding: 15px;
    }
    .image-number-box .inner .content p {
        font-size: 0.95em;
    }
}

@media (max-width: 1200px) {


    /*  Quick Links  
    ***************************************************************** */

    /* Outside */

    .quick-links.outside ul {
        display: block;
    }


    /*  Home Page
    ***************************************************************** */

    .home-page .quick-links ul {
        max-width: 900px;
    }

    /*  Footer Number Styles 
    ***************************************************************** */

    .home-page .footer-numbers .container .content-container p {
        font-size: 0.9em;
    }

    /*  Tabbed News Releases List Plugin Styles 
    ***************************************************************** */

    .news-releases .news-releases-header #tab-by-category {
        display:block;
        text-align: center
    }
    .news-releases .news-releases-header #tab-by-category li {
        display:inline-block;
        width:25%;
        padding:5px;
        margin:0 -2px;
        background:transparent !important;
    }
    .news-releases .news-releases-header #tab-by-category li a {
        background: #e9e7e8;
    }
    .news-releases .news-releases-header #tab-by-category li.selected a {
        background: #fff;
    }
    
    /*  Community Concern List Plugin
    ***************************************************************** */

    .three-columns .concern-type .concern-type-description {
        min-height: 380px;
    }
    .three-columns .concern-type .logo {
        display:none
    }

    /*  Breadcrumbs
    ***************************************************************** */

    .breadcrumbs ul li .page-name {
        padding: 12px 5px 12px 8px;
    }

    /*  Breadcrumbs
    ***************************************************************** */


}

@media (max-width: 1150px) {


    /*  Header 
    ***************************************************************** */

    header .site-title {
        font-size: 1em;
        margin-left: 90px;
        margin-top: 22px;
        margin-bottom: 21px;
        line-height: 1.3;
    }
    header .chief-link {
        font-size: 0.85em;
        margin-top: 4px;
        margin-left: 10px;
    }
    header a:hover .chief-link {
        border-bottom: solid 2px #fcb527;
    }
    header #tps-logo {
        width: 90px;
    }
    header #tps-logo:hover {
        width: 95px;
    }

    /* -- Main Navigation --*/

    header #main-nav .container {
        padding: 0 15px;
    }
    header #main-nav .menu a {
        padding: 10px 5px;
        font-size: 0.9em;
    }
    header #main-nav .menu:nth-last-child(4) {
        margin-left: 130px;
    }

    /*  Layout 
    ***************************************************************** */

    .main-content-container {
        padding-top: 114px;
    }
        
    /*  Article Detail 
    ***************************************************************** */

    .banner-feature-image  {
        height: 490px;
    }

    /*  CTA
    ***************************************************************** */

    .cta.numbered h2 {
        font-size: 1.5em;
    }


    /*  Quick Links Plugin Styles
    ***************************************************************** */

    /* Inside */

    .quick-links.inside ul li a {    
        width: 195px;
        height: 195px;
    }
    .quick-links.inside ul li a p {
        font-size: 1.1em;
    }
    .quick-links.inside ul li a span {
        font-size: 3.2em;
        margin-top: 0px;
        height: 60px;
    }

    /*  Way Forward Tables 
    ***************************************************************** */
    
    .container.wysiwyg-text table table {
        margin:0;
    }
    table h2 big {
        font-size: 1em;
    }
    table h3 {
        font-size: 1.9em;
        margin-bottom: 0.5em;
    }


    /*  Twitter Feed 
    ***************************************************************** */

    .social-contact-list .contacts .contact-wrapper {
        width: 50%;
    }

    /*  Buttons Row
    ***************************************************************** */

    .image-buttons {
        height: 300px;
    }
    .image-buttons .image-button .inner {
        font-size: 1.45em;
    }

    /*  Who to Call Row Plugin Styles
    ***************************************************************** */

    .who-to-call-row .complaint .inner p {
        font-size: 1.15em;
    }

}

@media (max-width: 1100px) {

    /* Left Navigation 
    ***************************************************************** */

    #full-nav-left .mega-menu .menu {
        width:33.33%
    }
    #full-nav-left .mega-menu .menu:nth-last-child(7),
    #full-nav-left .mega-menu .menu:nth-last-child(6),
    #full-nav-left .mega-menu .menu:nth-last-child(5),
    #full-nav-left .mega-menu .menu:nth-last-child(4) {
        width: 50%;
    }
    #full-nav-left .menu.cms-plugin-2845 {
        top:0;
    }

    /* Left Navigation 
    ***************************************************************** */

    #full-nav-left .mega-menu .menu {
        padding-left:15px;
        padding-right:15px
    }

    /* Footer Numbers Styling
    ***************************************************************** */

    .footer-numbers > a {
        height: 210px;
    }
    .footer-numbers .number-link p.heading {
        font-size: 1.4em;
    }
    .footer-numbers .number-link .number {
        font-size: 1.2em;
    }



    /*  News List Plugin Styles
    ***************************************************************** */

    .latest-articles .latest-article {
        width: 50% !important;
    }
    .latest-articles.article-max-3 .latest-article.article-3, 
    .latest-articles.article-max-5 .latest-article.article-5 {
        display:none
    }
    .latest-articles .article h3 {
        font-size: 1.8em !important;
    }
    .latest-articles .article .featured-image {
        height: 21vw !important;
    }
    .latest-articles .article .featured-image img {
        height: auto !important;
        max-width:100% !important
    }

    /*  Events List / Updates List
    ***************************************************************** */
    .update-teaser-details.with-image {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    .event-teaser-details.with-image {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    /*  YourTO
    ***************************************************************** */
    .image-links .image-link img {
        max-width: 250px;
    }
    .image-links .image-link {
        max-height: 350px;
    }
    .image-links .image-link:hover .inner {
        top:-390px;
    }
    .image-links .image-link h4 {
        min-height: 65px;
    }

    /*  Buttons Row
    ***************************************************************** */
    .image-buttons.two-btns .image-button .inner, .image-buttons.three-btns .image-button .inner {
        font-size: 1.8em;
    }

    /*  Article Styles
    ***************************************************************** */

    .article-detail h1 {
        text-transform: none;
        font-size:2.7em
    }
}

@media (max-width: 1050px) {


    /* Left Navigation 
    ***************************************************************** */

    #full-nav-left .mega-menu .menu {
        padding-left:10px;
        padding-right:10px;
    }

    /*  General Styles 
    ***************************************************************** */

    .view-more {
        margin: 30px 0;
    }


    /*  Footer Styles 
    ***************************************************************** */

    .footer .upper {
        display:block;
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-gap: 0;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
    }
    .footer .upper .menu {
        display:block;
        max-width:100%;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /*  Container Plugin Styles 
    ***************************************************************** */

    .container.wysiwyg-text {
        margin-top: 80px;
        margin-bottom: 60px;
    }
    .container-plugin.padded-container {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    .block-style {
        margin-top: 80px;
        margin-bottom: 60px;
    }

    /*  Article Detail Styles
    ***************************************************************** */

    .article-detail {
        margin-top: 80px;
        margin-bottom: 60px;
    }

    /*  Quicklinks Styles
    ***************************************************************** */

    .quick-links {
        margin-top: 80px;
        margin-bottom: 60px;
    }

    /*  CTA Styles
    ***************************************************************** */

    .white-bg.cta:not(.with-bg-img), .transparent-bg.cta:not(.with-bg-img) {
        margin-top: 80px;
        margin-bottom: 60px;
    }

    /*  Custom Nav Menu Styles 
    ***************************************************************** */

    .horizontal-list-style, .horizontal-list-grey-bg-style {
        margin-bottom:80px
    }

    /*  Custom Nav Links Plugin Styles 
    ***************************************************************** */

    .link-list {
        margin: 40px 0;
    }

    /*  Multi Columns Plugin Styles 
    ***************************************************************** */

    .multicolumn1, .multicolumn2, .multicolumn3 {
        margin: 80px 0;
    }

    /*  News List Plugin Styles 
    ***************************************************************** */

    .latest-articles.container {        
        margin-bottom: 40px;
    }
    .latest-articles .view-more {
        margin-top: 30px;
    }
    /* Article */
    .latest-articles .latest-article {
        margin-bottom: 30px;
    }

    /*  ArcGIS Map - Districts Plugin Styles
    ***************************************************************** */

    .arcgis-map.districts {
        margin: 80px 0;
    }


    /*  Quote Text Callout Plugin Styles 
    ***************************************************************** */

    .quote-callout {
        margin: 80px 0;
    }

    /*  Twitter Feed Plugin Styles 
    ***************************************************************** */

    .twitter-feed {
        margin: 60px -12px;
    }

    /* -- 3 Column Row -- */

    .twitter-feed .row-of-3 .tweet,
    .twitter-feed .row-of-3 .tweet > div {
        display:block
    }
    .twitter-feed .row-of-3 .tweet {
        padding-right:24px;
        padding-left:24px
    }
    .twitter-feed .row-of-3 .tweet .profile-image {
        float: left;
        margin-top: -5px;
    }
    .twitter-feed .row-of-3 .tweet p:last-child {
        margin-bottom:0
    }
    .twitter-feed .row-of-3 .tweet-wrapper {
        padding:12px
    }


    /*  Article Detail 
    ***************************************************************** */

    .banner-feature-image  {
        height: 450px;
    }

    /*  Footer
    ***************************************************************** */

    .footer .logo {
        display:none
    }
    .memorial {
        display: none;
    }

    /*  Content Area 1
    ***************************************************************** */
    .image-number-box.icon-left{
        width:50%;
    }
    
    /*  Way Forward Tables 
    ***************************************************************** */

    .final-report h2 {
        font-size: 3em !important;
    }
    .final-report h3 {
        font-size: 1.5em;
    }
    .final-report tr td {
        width:33.33%
    }
    .final-report tr,
    .final-report tr td:last-child {
        display: block;
        width:100%;
        padding-top:0;
    }

    /*  Report a Crime Page Styles
    ***************************************************************** */

    #online-reporting .article .inner {
        min-height: 375px;
    }

    /*  Statistic Banner Plugin Styles
    ***************************************************************** */

    .statistic-banner {
        padding:60px 0
    }
    .statistic-banner h4 {
        font-size:2em
    }
    .statistic-banner h5 {
        font-size: 1.1em;
    }

    /*  People List
    ***************************************************************** */

    .person-detail.container {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .person-detail .people-article.with-image .visual,
    .person-detail .people-article.with-image .visual img {
        width:200px
    }

    /*  Form Centre
    ***************************************************************** */

    .form-centre {
        margin-top:80px;
        margin-bottom:80px
    }

    /*  Community Concern List Plugin
    ***************************************************************** */

    .three-columns .concern-type {
        padding: 0 10px;
    }
    .three-columns .concern-type h3 {
        font-size: 1.35em;
    }
    .concerns .article .title {
        font-size: 1.3em;
    }

    /*  Article List
    ***************************************************************** */

    .article-list .article {
        padding: 35px 0;
    }
    .article-list .article .wrapper .featured-image {
        padding-right: 40px;
        width: 40%;
    }
    .article-list .article h3 {
        font-size: 1.65em;
    }
    .article-list .article .meta {
        margin-top: 10px;
    }

    /* -- More List -- */

    .more-updates-list .article .wrapper .featured-image {
        padding-right:0;
        padding-left: 40px;
    }

    /*  Twitter Feed 
    ***************************************************************** */

    .social-contact-list .contacts .contact-wrapper {
        padding:12px;
    }
    .social-contact-list .contacts {
        margin: 0 -12px;
    } 

    /*  Image Number Box
    ***************************************************************** */

    /* No Border */
    .image-number-box.icon-left-no-box {
        width:50%; 
    }
    .image-number-box.icon-left-no-box .inner {
        min-height: 100px;
    }

    .who-to-call-row .complaint .inner p {
        font-size: 1.05em;
    }
}


@media (max-width: 1000px) {


    /*  Columns Plugin Styles
    ***************************************************************** */

    .multicolumn3 .column {
        width: 100% !important;
        margin-right:0;
        margin-left:0;
    }

    /*  Homepage
    ***************************************************************** */

    .home-page #help-me-find-container {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .home-page #help-me-find-container select {
        margin: 5px 0;
    }

    /*  Condensed CTA
    ***************************************************************** */

    .cta.condensed-cta.has-description .content {
        display: block;
        text-align:center
    }
    .cta.condensed-cta.has-description .titles, 
    .cta.condensed-cta.has-description .description, 
    .cta.condensed-cta.has-description .button-container {
        display: block;
    }
    .cta.condensed-cta .description {
        max-width:700px;
        margin:0 auto;
        padding-top:10px;
        padding-left:0;
        padding-right:0;
    }
    .cta.condensed-cta .button-container {
        text-align: center;
        padding:0;
    }
    .cta.condensed-cta .titles .button-container {
        text-align: center;
        padding: 20px 0 10px;
    }

    /*  Articles Page
    ***************************************************************** */

    .article-contact-info .address {
        float: none;
        padding-right: 0;
    }
    .article-contact-info .phone-number {
        float: none;
    }

    /*  Footer
    ***************************************************************** */

    .footer .lower,
    .footer .lower .container {
        padding:0;
    }
    .footer .lower .social-link {
        padding:10px 0 10px 30px
    }
    .footer .lower > .container > a {
        padding:6px 30px 6px 0
    }
    .footer .lower .container.wysiwyg-text {
        padding:10px 30px 10px 0
    }
    .footer .lower .copyright {
        display: inline-block;
        width: 100%;
        padding:10px 30px;
        background: #1b1b1b;
    }

    /*  Tabbed News Releases List Plugin Styles 
    ***************************************************************** */

    .news-releases .news-releases-header #tab-by-category li {
        width:33.33%;
    }
    
    /*  Contact Page
    ***************************************************************** */
    
    #contact-container .cta.condensed-cta .titles {
        width: 100%
    }
    #contact-container .cta.condensed-cta.add-margin {
        margin: 30px 0;
    }
    

    /*  Image Buttons
    ***************************************************************** */
    .image-buttons {
        display:block;
        height: auto;
    }
    .image-buttons .image-button {
        display:inline-block;
        margin:0 -2px;
        width:50% !important;
        height:200px
    }
    .image-buttons .image-button .inner {
        position: relative;
        top: 50%;
        transform: translate(0%, -50%);
    }
}

@media (max-width: 950px) {

    /*  Header
    ***************************************************************** */

    header .site-title {
        float: left;
        clear: both;
        margin-top: 10px;
        margin-bottom: 0;
    }
    header .chief-link {
        margin-top: 0;
        float: left;
        clear: both;
        margin-bottom: 5px;
        margin-left: 90px;
    }

    /*  Article List
    ***************************************************************** */

    .article-list .article h3 {
        font-size: 1.6em;
    }
    .article-list .article .wrapper .featured-image {
        width: 45%;
    }

    /*  Article Detail 
    ***************************************************************** */

    .banner-feature-image  {
        height: 390px;
    }
    .article-detail h1 {
        font-size:2.4em
    }


    /*  YourTO
    ***************************************************************** */
    .image-number-box {
        width: 50%;
    }

    /*  TO24 Plugin Styles
    ***************************************************************** */

    .TO24News .news-content ul li {
        padding: 0 15px 15px 70px;
    }
    .TO24News .news-content ul li i {
        width: 45px;
        height: 45px;
        font-size: 45px;
        top: -2px;
    }
    .TO24News .news-content ul li h4 {
        font-size:1.15em
    }
    .TO24News .news-content ul li .meta .division-clickable,
    .TO24News .news-content ul li .meta p {
        font-size:1em
    }


    /*  Footer Numbers Styling
    ***************************************************************** */

    /* Disable Home Page Hover State */

    .home-page .footer-numbers .number-link.open .container .button-container {
        opacity:0
    }
    .home-page .footer-numbers .number-link.open,
    .home-page .footer-numbers.open .number-link {
        width:20%
    }
    .home-page .footer-numbers .number-link.open .circle-container {
        left: 50%;
    }
    .home-page .footer-numbers .container .content-container {
        display:none;
    }
    /* Make the button full width and bring it to the front to make the whole block a link */
    .home-page .footer-numbers .container .button-container .button {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 2;
    }

    /*  CTA Plugin Styles
    ***************************************************************** */

    .cta {
        text-align: center;
    }
    .cta .container {
        padding-top: 40px;
        padding-bottom: 45px;
    }

    /* -- Two Column CTA -- */

    .cta .text-side, 
    .cta .image-side {
        width: 100%;
        display: block;
        position:relative
    }
    .cta .text-side {
        min-height:300px
    }
    .cta.image .container .inner {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        float: none;
        text-align: center;
    }
    .cta .button {
        margin-top: 25px;
    }

    /* -- Double CTA -- */

    .cta.double .left-cta, 
    .cta.double .right-cta {
        display: block;
        width: 100%;
    }

     /*  CTA with Image
    ***************************************************************** */

    .cta.image.right .overlay,
    .cta.image.left .overlay {
        background:rgba(0, 0, 0, 0.8)
    }
    .cta.image.right .container .inner h2 {
        text-align: center
    }
    .cta.image.left .container .inner,
    .cta.image.right .container .inner {
        width:100%;
        text-align:center
    }

    /*  Quick Links Plugin Styles
    ***************************************************************** */

    /* Inside */

    .quick-links.inside ul li {    
        max-width:33.33%
    }

    /*  Community Concern List Plugin
    ***************************************************************** */

    .three-columns.community-list {
        margin:0 0 30px
    }
    .three-columns .concern-type {
        width:100%;
        padding:0;
        margin-bottom: 30px;
    }
    .three-columns .concern-type .concern-type-description {
        min-height:100px;
        margin-bottom: 40px;
    }
    .three-columns .concern-type .concerns {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        display:inline-block;
        width:100%
    }
    .three-columns .concern-type .concerns .article {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column;
        margin-top:0;
        margin-bottom: 30px;
    }

    /*  Memorium List
    ***************************************************************** */
    .memorial-list .people-article{
        width:50%;
    }

    /*  Image Number Box
    ***************************************************************** */

    /* No Border */
    .image-number-box.icon-left-no-box .inner .image img{
        max-width: 70px;
    }
    /* Icon Top */
    .image-number-box.icon-top {
        padding:10px
    }
    .image-number-box.icon-top .inner .content .number {
        font-size: 1.5em;
    }
    .image-number-box.icon-top .inner .image img {
        max-width: 80px;
    }

    /*  Resource Centre
    ***************************************************************** */

    /* --  Single Resource  -- */
    .resource.article-detail .article-lead-details .page-numbers, 
    .resource.article-detail .article-lead-details .resource-meta {
        padding: 0 10px;
    }
    .resource.article-detail .article-lead-details { 
        margin: 0 -10px 30px -10px;
        padding-bottom:40px;
        position:relative
    }
    .resource.article-detail .article-lead-details .share-options {
        display: block;
        position: absolute;
        left: 10px;
        bottom: 0;
        padding: 0 10px;
    }
}

@media (max-width: 930px) {
    /*  YourTO
    ***************************************************************** */
    .image-links .image-link {
        width: 50%;
    }

    /*  Horizontal List Menu
    ***************************************************************** */
    .horizontal-list-style ul li, .horizontal-list-grey-bg-style ul li {
        width: 100%;
    }
}

@media (max-width: 900px) {

    .image-buttons.five-btns .image-button {
        display: block;
        height: 150px;
        padding-top: 40px;
    }

    /*  Twitter Feed Plugin Styles 
    ***************************************************************** */

    .twitter-feed .row.row-of-3 {
        display:initial;
        margin: 0;
    }
    .twitter-feed .row-of-3 .tweet-wrapper {
        float:left;
        width:50%;
        margin:0;
    }
    .twitter-feed .row-of-3 .tweet {
        min-height:355px
    }

    /*  Report a Crime Page Styles
    ***************************************************************** */

    .two-columns.link-list .article {
        padding:12px
    }
    .two-columns.link-list .inner {
        padding: 25px 25px 15px;
    }
    #online-reporting .article .inner {
        min-height: 450px;
    }
    .two-columns.link-list .article .inner > a,
    .two-columns.link-list .article a span, 
    .two-columns.link-list .article a h4 {
        display:block
    }
    .two-columns.link-list .article .inner > a {
        padding-bottom:0;
    }
    .two-columns.link-list .article a h4 {
        padding:0;
    }
    .two-columns.link-list .article .lead-in {
        padding-top:0;
    }

    /*  Statistic Banner Plugin Styles
    ***************************************************************** */

    .statistic-banner {
        padding: 30px 0;
    }
    .statistic-banner .container {
        display:block
    }
    .statistic-banner .statistic {
        display: inline-block;
        width: 50%;
        margin: 25px -2px;
        vertical-align: top;
    }

    /*  Contact Directory Styles
    ***************************************************************** */

    .contact-directory .contact {
        padding:0;
        margin-bottom:25px
    }
    .contact-directory .contact .sub-contact {
        margin-top: 15px;
        padding-left: 20px;
    }

    /*  Sex Crimes
    ***************************************************************** */
    .horizontal-list-grey-bg-style.three-columns ul li
    {
        width:50%;
    }

    .link-list .article .lead-in {
        display:block;
    }

     /*  Filter
    ***************************************************************** */
    
    .filter .filter-options input[type=text], 
    .filter .filter-options input[type=search] {
        font-size: 1.4em;
        line-height: 1.5;
        padding: 15px 50px 15px 15px;
    }
    .filter .filter-options input[type=text], 
    .filter .filter-options input[type=search] {
        background-size: 30px;
    }
    .filter-option-list {
        margin: 20px -10px;
    }
    .filter-option-list .filter-option {
        padding: 0 10px
    }
    .filter .dropdown .label {
        font-size: 1.05em;
        padding: 22px 50px 22px 15px;
        background-position: top 32px right 15px;
    }
    .filter .dropdown ul {
        top: 66px;
    }
    .filter .dropdown ul li {
        font-size: 0.95em;
        padding: 8px 12px;
        line-height: 1.4;
    }
    .button-container {
        margin: 0 -10px;
    } 
    .button-container > div {
        padding: 0 10px;
    }
    .button-container > div input,
    .filter .filter-options input[type=submit] {
        font-size: 1.15em;
        padding: 21px;
    }
    .filter .filter-options .dropdowns li {
        width: 25%;
        padding: 0 5px;
    }
    .filter .filter-options .dropdowns li select {
        padding: 10px;
        background-position: top 20px right 25px;
    }
    .filter .filter-options .dropdowns li input[type=submit] {
        padding: 10px;
    }

}


@media (max-width: 850px) {


    /*  TO24 News Plugin Styles 
    ***************************************************************** */

    /* -- Video Banner -- */

    .TO24News .video-banner {
        height: 400px;
    }
    .TO24News .TO24-logo {
        margin-bottom: 230px;
    }

    /* -- News Content -- */

    .TO24News .news-content {
        padding-top: 40px;
    }
    .TO24News .news-content ul li {
        width:100%;
        padding-right:0;
    }


    /*  People List
    ***************************************************************** */

    .people-list.feature .people-article {
        width: 50%;
    }

    /*  Header
    ***************************************************************** */

    header #main-nav {
        display:none
    }
    header #tps-logo {
        display:none
    }

    /*  Breadcrumbs 
    ***************************************************************** */

    .breadcrumbs ul li span.separator-active, 
    .breadcrumbs ul li span.separator {
        height: 49px;
    }
    .breadcrumbs ul li {
        font-size: 0.85em;
        height: 50px;
    }
    .breadcrumbs ul li .page-name {
        max-width: 200px
    }


    /*  Layout 
    ***************************************************************** */

    .main-content-container {
        padding-top: 67px;
    }
    .container.wysiwyg-text {
        margin-top:60px;
        margin-bottom:40px;
    }
    .block-style {
        margin-top:60px;
        margin-bottom:40px;
    }
    .container-plugin.padded-container {
        padding-top: 80px;
        padding-bottom: 60px;
    }
    .multicolumn1 .column,
    .multicolumn3 .column,
    .multicolumn2 .column {
        width: 100% !important;
        margin-bottom: 30px;
    }
    .multicolumn3 .column:last-child,
    .multicolumn2 .column:last-child {
        margin-bottom: 0px;
    }
    .multicolumn2 h2 {
        margin-bottom: 0;
    }
    .multicolumn1, .multicolumn2, .multicolumn3 {
        margin-top:60px;
        margin-bottom:40px;
    }

    
    /*  Quicklinks Styles
    ***************************************************************** */

    .quick-links {
        margin-top:60px;
        margin-bottom:40px;
    }

     /*  Resources/Form List Styles
    ***************************************************************** */

    .form-centre {
        margin-top:60px;
        margin-bottom:40px;
    }

    /*  CTA Styles
    ***************************************************************** */

    .white-bg.cta:not(.with-bg-img), .transparent-bg.cta:not(.with-bg-img) {
        margin-top:60px;
        margin-bottom:40px;
    }

    /*  Article Detail Pages 
    ***************************************************************** */

    .article-detail {
        margin-top:60px;
        margin-bottom:60px;
    }

    /*  Division Pages 
    ***************************************************************** */

    .neighbourhoods {
        margin-top: -20px;
    }

    /*  Custom Nav Menu Styles 
    ***************************************************************** */

    .horizontal-list-style, .horizontal-list-grey-bg-style {
        margin-bottom:40px;
    }


    /*  Quote Text Callout
    ***************************************************************** */

    .quote-callout {
        margin-top:60px;
        margin-bottom:40px;
    }


    /*  Article Detail 
    ***************************************************************** */

    .banner-feature-image  {
        height: 345px;
    }

    /*  News List Plugin Styles
    ***************************************************************** */

    .latest-articles .article h3 {
        font-size: 1.6em !important;
    }

    .people-list .people-article{
        width:50%;
    }

    /*  People List
    ***************************************************************** */
    .people-list {
        margin-top:40px;
        margin-bottom:40px
    }
    .people-list .container {
        text-align: center;
    }
    .person-detail.container {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .person-detail .people-article.with-image .visual,
    .person-detail .people-article.with-image .visual img {
        width:170px
    }
    .person-detail .people-article.with-image .people-content {
        padding-left:40px
    }


    /*  Contact Directory
    ***************************************************************** */

    .contact-directory .contact .row,
    .contact-directory .contact .row > p {
        display:block;
    }
    .contact-directory .contact .row {
        margin-bottom:5px
    }
    .contact-directory .contact .row > p {
        margin-bottom:0
    }

    /*  District Services Map
    ***************************************************************** */

    .map-wrapper {
      display: flex;
      flex-direction: row;
      margin: 0;
    }

    .map-wrapper #map-details {
        width: 45%;
    }
    .map-wrapper #map-details.hide {
        left: -45%;
    }
    .map {
        width: 55%;
    }
    .map-wrapper #map-details h3 {
        font-size: 1.45em;
        margin-top: 0px;
        margin-bottom: 5px;
    }
    .map-wrapper #map-details h4 {
        font-size: 1.2em;
    }
    .map-wrapper #map-details > p {
        margin-bottom:10px
    }
    .map-wrapper #map-details #service-type {
        margin-bottom:15px
    }
    .map-wrapper #map-details p {
        font-size: 0.95em;
    }
    #services-filter-carousel {
        padding: 0 50px;
    }
    .mapTabs {
      flex: 0;
      font-size: 0.9em;
    }
    #services-filter-carousel .bx-wrapper {
        padding: 1em;
    }
    #services-filter-carousel .bx-wrapper .bx-prev, 
    #services-filter-carousel .bx-wrapper .bx-next {
        width: 50px;
        background-size: 20px;
    }
    #services-filter-carousel .bx-wrapper .bx-prev {
        left: -50px;
    }
    #services-filter-carousel .bx-wrapper .bx-next {
        right: -50px;
    }
    #services-filter-carousel .filter-option i {
      font-size: 2.5em;
      line-height: 2em;
      width: 2em;
      height: 2em;
    } 
    .icon-addiction-services:before {
        margin-right: -4px;
    }
    #services-filter-carousel .filter-option p {
        font-size: 0.9em;
        line-height: 1;
    }

    /*  Current investigations
    ***************************************************************** */
    .people-list.four-column-list .people-article
    {
        width:33.33%;
    }

    /*  Resource Centre
    ***************************************************************** */

    /* --  Single Resource  -- */
    .resource.article-detail .article-lead-details .resource-meta {
        font-size: 0.95em;
    }

    /*  Home Page Styles
    ***************************************************************** */

    .home-page #help-me-find-container .multicolumn3 .column {
        margin-bottom:0;
    }

    
    /*  Form iFrames
    ***************************************************************** */

    #damage-to-property-iframe {
        height: 3000px !important
    }
}

@media (max-width: 800px) {


    /*  CTA Plugin Styles
    ***************************************************************** */

    .cta .image-side {
        min-height: 300px;
    }

    /*  Google Map - Districts Plugin Styles
    ***************************************************************** */

    /* -- Map -- */
    #arcgis-map-districts {
        height: 400px;
    }

    /*  Tabbed News Releases List Plugin Styles 
    ***************************************************************** */

    .news-releases .news-releases-header #tab-by-category li {
        width:50%;
    }

    /*  Filters
    ***************************************************************** */

    .filter .filter-options .dropdowns li {
        width: 50%;
        margin-bottom: 10px;
    }
    .filter-option-list {
        margin: 10px -10px;
    }
    .filter-option-list .filter-option {
        width:50%;
        margin: 10px -2px;
    }
    


    /*  Datafilter
    ***************************************************************** */

    .data-filter-row.float {
        position:relative;
        top: 0 !important;
    }


    /*  Tabbed List Plugin Styles
    ***************************************************************** */

    .tabbed-list.tabbed-links .tabs {
        margin-top:15px
    }
    .tabbed-list.tabbed-links .tabs.float {
        background: #E9E8E8;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin-top: -61px;
        padding: 6px 0;
    }

    /*  Twitter Feed 
    ***************************************************************** */

    .twitter-feed .tweet,
    .twitter-feed .tweet > div {
        display:block
    }
    .twitter-feed .tweet .profile-image {
        float: left;
        margin-top: -5px;
    }
    .twitter-feed .tweet {
        padding-right:24px;
        padding-left:24px
    }
    .twitter-feed .tweet-wrapper {
        padding:12px
    }

    /*  Image Number Box
    ***************************************************************** */

    /* Icon Top */
    .image-number-box.icon-top {
        width:50%
    }

    /*  Article Detail
    ***************************************************************** */

    .article-detail h1 {
        font-size:2.2em
    }

    /*  Who to Call Row Plugin Styles
    ***************************************************************** */

    .who-to-call-row .complaint {
        width:100%;
        height: 285px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 45px 50%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 45px 50%);
    }
    .who-to-call-row .complaint:first-child,
    .who-to-call-row .complaint:last-child {
        width:100%;
    }
    .who-to-call-row .complaint .inner {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 41px 50%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 41px 50%);
    }
    .who-to-call-row .complaint .inner,
    .who-to-call-row .complaint .inner p:last-child {
        padding: 30px 55px 30px 42px;
    }
    .who-to-call-row .complaint .inner p {
        font-size: 1em;
    }
}

@media (max-width: 780px) {

    /*  Foooter Numbers Styling
    ***************************************************************** */

    .footer-numbers > a,
    .footer-numbers > *,
    .home-page .footer-numbers .number-link.open,
    .home-page .footer-numbers.open .number-link {
        width: 50%;  
    }
    .footer-numbers a .number-link  {
        background:#343434 !important;
    }
    .footer-numbers a:nth-child(4) .number-link,
    .footer-numbers a:first-child .number-link {
        background:#3e3e3e !important
    }

    /*  Home Page Foooter Numbers Styling
    ***************************************************************** */

    .home-page .footer-numbers:hover .number-link,
    .home-page .footer-numbers .number-link:hover {
        width:50%
    }

    /*  Form Centre 
    ***************************************************************** */

    .form-list-item {
        display: block;
        
    }
    .form-list-item .title {
        padding-right:0
    }
    .form-list-item .title, 
    .form-list-item .description, 
    .form-list-item .button-link {
        width: 100%;
        display: block;
        max-width:100%
    }
    .form-list-item .button-link {
        text-align: left;
        margin-bottom: 10px;
    }

    .form-list-item>div{
        border-bottom: none;
    }
    
    .form-center-search input[type=text] {
        padding: 15px 50px 15px 10px;
        font-size: 1em;
        background-size: 20px 20px;
        background-position: center right 10px;
    }


    /*  Footer 
    ***************************************************************** */

    .footer.desktop {
        display: none;
    }
    .footer.mobile {
        display: block;
    }


    .home-page .footer-numbers, .footer-numbers{
        height: auto;
    }


    /*  The Way Forward Update 
    ***************************************************************** */
    .updates-feature-list-view article.article.update-article {
        float: none;
        width: 100%;
        text-align: justify;
        padding: 25px 0 0 0;
    }
    .updates-feature-list-view article.article h2 {
        text-align: center;
    }

    /*  Events
    ***************************************************************** */

    .events-text-details {
        float: none;
        width: 100%;
    }
    table.js-calendar-table {
        float: none;
        width: 100%;
    }

    /* Custom Nav Links
    ***************************************************************** */
   
    .two-columns.link-list .article  {
        width:100%;
    }
    #online-reporting .article .inner {
        min-height:100px;
    }
    .two-columns.link-list .article .inner > a {
        display: table;
    }
    .two-columns.link-list .article a span, 
    .two-columns.link-list .article a h4 {
        display: table-cell;
    }
    .two-columns.link-list .article a h4 {
        padding-left: 15px;
    }

    /*  Way Forward Tables 
    ***************************************************************** */

    .final-report tr td {
        padding: 10px 10px 0 10px;
    }

     /*  Current investigations
    ***************************************************************** */
    .people-list.four-column-list .people-article
    {
        width:50%;
    }
    
}

@media (max-width: 750px) {

    /* Left Navigation 
    ***************************************************************** */

    #full-nav-left .mega-menu .menu {
        width:100% !important;
        padding-bottom: 12px;
    }
    #full-nav-left .mega-menu .menu .item-title {
        padding: 0px;
        margin:0;
        position: relative;
    }
    #full-nav-left .mega-menu .menu .item-title-only {
        padding: 10px 0;
    }
    #full-nav-left .mega-menu .menu .item-title a {
        padding: 10px 0;
        margin-right: 50px;
    }
    #full-nav-left .mega-menu .menu .item-title:after {
        font-family: Font Awesome\ 5 Free;
        content: '\f107';
        position: absolute;
        cursor: pointer;
        color: #fff;
        right: 0;
        top: 10px;
    }
    #full-nav-left .mega-menu .menu li {
        padding: 0px;
        margin: 0;
        display:none
    }
    #full-nav-left .mega-menu .menu .item-title.open ~ li {
        display: inline-block;
        width: 50%;
        margin-right: -3px;
        margin-left: -3px;
        padding-right: 5px;
        padding-left: 5px;
    }
    #full-nav-left .mega-menu .menu .item-title.open:after {
        content: '\f106';
    }  
    #full-nav-left .mega-menu .menu .item-title.open + li {
        margin-top:10px
    }
    #full-nav-left .mega-menu .menu .item-title.open ~ li:last-child {
        margin-bottom:10px
    }
    .vertical-list-style.two-columns ul li {
        margin-right: -3px;
        margin-left: -3px;
    }

    /*  TO24 News Plugin Styles 
    ***************************************************************** */

    /* -- TO24 Logo -- */

    .TO24News .TO24-logo {
        font-size: 45px;
        padding: 28px;
        margin-bottom: 163px;
    }

    /* -- Video Banner -- */

    .TO24News .video-banner {
        height: 300px;
    }

    /*  Email popup
    ***************************************************************** */
    
    .send-email-popup {
        padding:0 30px
    }
    a.send-email-close-btn {
        top: 20px;
        right: 20px;
    }

    /*  Breadcrumbs
    ***************************************************************** */

    .breadcrumbs {
        display: none;
    }

    /*  Image Buttons
    ***************************************************************** */
    .image-buttons.three-btns .image-button:nth-child(1):nth-last-child(3),
    .image-buttons.three-btns .image-button:nth-child(2):nth-last-child(2),
    .image-buttons.three-btns .image-button:nth-child(3):nth-last-child(1),
    .image-buttons.three-btns .image-button {
        display: block;
        width: 100%;
        height: 150px;
        padding-top: 45px;
    }
    .image-buttons .image-button .inner {
        font-size: 1.3em;
    }
    
    /*  News Releases
    ***************************************************************** */

    .news-releases .article-list .article .wrapper .featured-image {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 20px;
    }
    .news-releases .article-list .article.with-image .wrapper .content {
        width: 100%;
    }

    /*  Tabs
    ***************************************************************** */
    .tabbed-list.standard-tabs .tabs .tab{
        display:block;
        border: 0.5px solid white;      
    }

     /*  Content Area 1
    ***************************************************************** */
    .image-number-box.icon-left{
        width:100%;
    }

    /*  People list Styles
    ***************************************************************** */
    .people-list .people-article .people-table {
        min-height: 230px;
    }
    .people-list .people-article .wrapper h3 {
        font-size: 1.3em;
    }
    .people-list.standard .people-article .wrapper .people-content {
        padding: 20px;
    }
    .people-list .people-article {
        padding:12px
    }


     /*  2 Columns Horizontal List 
    ***************************************************************** */
    .horizontal-list-style.two-columns ul li {
        display:block;
        width: 100%;
        padding: 15px;
    }


     /*  3 Columns Horizontal List 
    ***************************************************************** */

    .horizontal-list-style.three-columns ul li {
        display:block;
        width: 100%;
        padding: 15px;  
    }

    /*  People 
    ***************************************************************** */

    /* -- Person Detail -- */

    .person-detail .people-article.with-image .people-table {
        position: relative;
    }
    .person-detail .people-article.with-image .visual,
    .person-detail .people-article.with-image .visual img {
        width:150px
    }
    .person-detail .people-article.with-image .visual {
        position: absolute;
        top: -15px;
    }
    .person-detail .people-article.with-image .visual,
    .person-detail .people-article.with-image .people-content {
        display:block;
        padding-left:0px
    }
    .person-detail .people-article.with-image .people-content h1 {
        padding-left: 180px;
        min-height: 140px;
    }

    /*  Community Concern List Plugin 
    ***************************************************************** */

    .three-columns .concern-type .concerns {
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
    } 
    .concerns .article {
        padding: 20px;
    }
    .concerns .article .button {
        font-size: 1em;
        padding: 8px 15px;
    }
    .concerns .article span[class^="icon-"] {
        font-size: 75px;
        margin-bottom: 0; 
    }

    /*  District Services Map
    ***************************************************************** */

    .map-wrapper #map-details {
        padding:20px
    }

     /*  Video appeals
    ***************************************************************** */
    .cta.condensed-cta .button-container,.cta.condensed-cta .content{
        display:block;
    }
    .cta.condensed-cta .titles{
        display:block;
        text-align:center;
        padding-bottom: 25px;
    }


    /*  Video appeals
    ***************************************************************** */
    .statistic-banner .statistic{
        width:100%;
    }

    /*  Google Map - Districts Plugin Styles 
    ***************************************************************** */

    #divisional-search-result ul {
        padding: 40px 30px 10px;
    }
    #divisional-search-result ul li {
        font-size: 1.2em;
        padding: 5px 0 4px;
    }

    /*  Image Number Box
    ***************************************************************** */

    /* No Border */
    .image-number-box.icon-left-no-box {
        width:100%; 
    }

    /*  Search Results
    ***************************************************************** */

    .type-tag {
        padding: 4px 20px;
        font-size: 0.9em;
    }
    .article-list .article .wrapper .featured-image, 
    .article-list .article .wrapper .content {
        display:block
    }
    .article-list .article .wrapper .featured-image {
        width: 100%;
        padding-right:0;
        padding-left: 0;
        margin-bottom:30px
    }
    .article-list .article.with-image .wrapper .content {
        width: 100%;
    }

    /*  Who to Call Row Plugin Styles
    ***************************************************************** */
    
    .who-to-call-row {
        margin: 40px 0;
        padding-bottom:10px
    }
    .who-to-call-row .complaints-wrapper {
        padding:0;
        display:block
    }
    .who-to-call-row .complaint,
    .who-to-call-row .complaint .inner {
        -webkit-clip-path: none;
        clip-path: none;
    }
    .who-to-call-row .complaint {
        margin: 0;
        padding: 10px 20px;
        height: auto;
    }
    .who-to-call-row h3 {
        font-size: 1.3em;
        padding: 20px 30px 10px 30px;
    }
    .who-to-call-row .complaint .inner {
        padding:30px
    }
    .who-to-call-row .complaint .inner p:last-child {
        position: relative;
        padding:20px 0 0;
        font-size: 1.2em;
    }

    /*  People List Styles
   ***************************************************************** */

   .group-by-neighbourhood #general-contacts {
    font-size: 1.1em;
   }
   .grouped-people-list .title-container {
        margin-bottom: -30px;
    }

    /*  Form iFrames
    ***************************************************************** */

    #damage-to-vehicle-iframe {
        height:3400px !important
    }
}
@media (max-width: 700px) {

    /*  Footer 
    ***************************************************************** */
    
    /* -- Footer Naviagiton -- */

    .footer .upper {
        width:100%;
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        padding: 30px 15px;
    }
    .footer .upper .menu ul {
        margin: 0 auto;
    }
    .footer .upper .menu li.item-title {
        padding: 10px;
        border: 1px solid #ccc;
    }
    .footer .upper .menu li.item-title:after {
        font-family: Font Awesome\ 5 Free;
        content: '\f107';
        float:right;
        cursor:pointer;
    }
    .footer .upper .menu li.item-title ~ li {
        display:none;
        padding:5px 0 5px 25px;
    }
    
    /* Open Menu */

    .footer .upper .menu .item-title.open ~ li {
        display:block;
    }
    .footer .upper .menu .item-title.open:after {
        content: '\f106';
    }
    .footer .upper .menu .item-title.open ~ li:last-child {
        padding-bottom:20px
    }

    /*  News List Plugin Styles
    ***************************************************************** */

    .latest-articles .latest-article {
        width:100% !important
    }
    .latest-articles .article .featured-image {
        height: 41vw !important;
    }

    /*  Share Links
    ***************************************************************** */

    .share-options.filter-right {
        float: none;
        position: absolute;
        right: auto;
        top: 0;
    }
    .filter .filter-toggle{
        margin-top:65px;
    }     

    /*  WYSIWYG Styles
    ***************************************************************** */

    .container.wysiwyg-text p img.align-right {
        margin-left: 30px;
    }
    .container.wysiwyg-text p img.align-left {
        margin-right: 30px;
    }
    img.align-right.full-width-mobile {
        max-width: 100%;
        float: none !important;
        display: block;
        margin: 30px auto !important;
    }

    /*  YourTO Data Table Plugin Style 
    ***************************************************************** */

    .data-table .row.header .column:first-child {
        display:none
    }
    .data-table .row.header .column {
        width:33.33%
    }
    .data-table .row:not(.header) .column,
    .data-table .row:not(.header) .column.col-span-3 {
        width: 100%;
    }

    /*  Twitter Feed 
    ***************************************************************** */

    .twitter-feed .tweet { 
        font-size:0.9em
    }
    .twitter-feed .tweet .profile-image {
        padding-right: 12px;
        width: 60px;
    }

    /*  Memorium List
    ***************************************************************** */
    .memorial-list .people-article{
        width:100%;
    }


    /*  Link List Template
    ***************************************************************** */

    .link-list .article,
    .link-list .article .inner > a, 
    .link-list .article .lead-in {
        width:100%;
        display:table
    }
    .link-list .article .inner > a {
        border-bottom:0;
        padding-bottom:0
    }
    .link-list .article .lead-in {
        padding-top: 0;
    }

    .resource.article-detail .article-lead-details {
        display:block
    }

    /*  Resource Centre
    ***************************************************************** */

    /* --  Single Resource  -- */
    .resource.article-detail .article-lead-details {
        padding-left: 80px;
    }
    .resource.article-detail .article-lead-details .page-numbers {
        position:absolute;
        left:0
    } 
    .resource.article-detail .article-lead-details .resource-meta {
        display:inline-block;
        margin:0 -2px 20px -2px;
        width: 50%;
    }   


    /*  Article Detail
    ***************************************************************** */

    .article-detail h1 {
        font-size:2em
    }

    .print-release-icon {
        display: none;
    }

}
@media (max-width: 650px) {

    /*  Horizontal List Menu
    ***************************************************************** */
    .horizontal-list-style ul li, .horizontal-list-grey-bg-style ul li {
        width: 100%;
    }
    .horizontal-list-style ul li a, .horizontal-list-grey-bg-style ul li a {
        padding: 0;
    }
    /*  YourTO
    ***************************************************************** */

    .image-links .image-link {
        width: 100%;
    }

    /*  Alerts
    ***************************************************************** */

    .alert .inner {
        padding-left:0;
        width: 100%;
        text-align:left
    }
    .alert .inner .title {
        display:none
    }
    .alert .inner .alert-type {
        position:relative;
    }

    /*  Header
    ***************************************************************** */

    .main-content-container {
        padding-top: 64px;
    } 
    header #menu-toggle {
        padding-left: 15px;
        padding-right: 15px;
    }
    body:not(.left-menu-open) header #menu-toggle:hover {
        padding-left: 19px;
        padding-right: 19px;
    }
    header .site-title {
        width: 100%;
        margin:0;
        padding: 22px 84px;
        text-align: center;
        position:relative;
        top:-67px
    }
    header.scroll .site-title {
        top:0
    }
    header #tps-logo {
        width: 65px;
        top: 40px;
        display: block;
    }
    header.scroll #tps-logo {
        top:-89px;
    }
    header .chief-link {
        display:none
    }

    /* -- Search --*/

    header .search-form.open-form {
        max-height:1000px;
    }
    header .search-form {
        width: 100%;
        top: 66px;
        background: #ddd;
        padding: 0;
        max-height:0;
        overflow:hidden;
        transition: 0.5s ease;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
    }
    header .search-form form {
        padding: 20px;
    }
    header .search-form input[type="text"] { 
        width: 100%;
        padding: 5px 50px 5px 15px;
    }
    header .search-form .search-button {
        position: absolute;
        right: 30px;
        top: 20px;
        padding: 21px;
        background-color: transparent;
    }
    header .open-search-form {
        width: 30px;
        height: 30px;
        background-image: url(../images/search-icon.png);
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        display: block;
        right: 15px;
        top: 18px;
    }


    /*  Quick Links Plugin Styles
    ***************************************************************** */

    .quick-links.inside ul li {
        max-width: 50%;
    }
    

    /* Statistics Banner
    ***************************************************************** */
    .statistic-banner .container{
        display:block;
    }

    /*  District Services Map
    ***************************************************************** */
    .map {
        width: 100%;
    }
    .map-wrapper #map-details {
        position: relative;
        width: 100%;
        padding: 30px;
        display:block
    }
    .map-wrapper #map-details.hide {
        display:none;
        left:0;
    }
    #division-services-map {
        height: auto;
    }



    /*  Twitter Feed 
    ***************************************************************** */

    .social-contact-list .contacts .contact-wrapper {
        width:100%
    }
    .social-contact-list .contacts .contact-wrapper .contact {
        min-height:0;
    }
    /*  Sex Crimes
    ***************************************************************** */
    .horizontal-list-grey-bg-style.three-columns ul li
    {
        width:100%;
    }

    /*  Current investigations
    ***************************************************************** */
    .people-list.four-column-list .people-article
    {
        width:100%;
        text-align: center;
    }

    /*  Contact Directory
    ***************************************************************** */

    .contact-directory .container {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }
    .contact-directory .contact .row {
        display: table-row;
    }
    .contact-directory .contact .row > p {
        display: table-cell;
    }

    /*  Custom Nav Links
    ***************************************************************** */

    .link-list .article .inner > a, 
    .link-list .article .lead-in {
        display:block;
        width:100%;
    }

    .link-list .article .inner > a {
        border-bottom:hidden;
    }

   

    /*  Homicide Search filter
    ***************************************************************** */
    .filter-option-list.three-columns .filter-option{
        width:100%;
        padding-top:15px;
    }

    /*  Email popup
    ***************************************************************** */
    
    .send-email-popup {
        padding: 0 15px;
    }
    .send-email-popup .send-email-form-box .inner {
        padding: 40px 40px !important;
    }

    /*  Resource Centre
    ***************************************************************** */

    .search-results .list-item {
        padding: 40px 0 30px 0;
    }
}

@media (max-width: 625px) {

    /*  YourTO
    ***************************************************************** */
    .image-number-box {
        width: 100%;
    }
    .image-number-box {
        padding: 0;
    }
}

@media (max-width: 600px) {

    /* Left Navigation 
    ***************************************************************** */

    .left-menu-open header #menu-toggle {
        padding:0 5px
    }
    .left-menu-open header #menu-toggle .menu-text {
        margin-top: 8px;
    }
    #full-nav-left .menu-logo {
        margin: 20px auto;
        display: block;
        width: 60px;
    }
    #full-nav-left .menu-wrapper {
        max-width: 100%;
        padding: 0 15px 0 33px;
    }
    #full-nav-left .mega-menu .menu .item-title.open ~ li {
        display:block;
        width:100%
    }

    /*  ArcGIS Map - Districts Plugin Styles
    ***************************************************************** */

    /* -- Map -- */
    #arcgis-map-districts {
        height: 300px;
    }

    /*  Article Detail 
    ***************************************************************** */

    .banner-feature-image  {
        height: 260px;
    }
    .article-contact-info .left {
        width: 100%;
        float: none;
    }
    .article-contact-info .right {
        width: 100%;
        float: none;
        margin-top: 50px;
    }
    .article-contact-info a.white-button {
        margin-top: 10px;
    }


    /*  4 Columns Horizontal List 
    ***************************************************************** */
    .horizontal-list-style.four-columns ul li
    {
        display: block;
        width:100%;
        padding:15px;
    }

     /*  Filters
    ***************************************************************** */
    .filter-option-list {
        margin-bottom:0;
    }
    .filter-option-list .filter-option{
        width:100%;
    }
    .filter {
        margin-bottom:30px;
    }

    .button-container > div {
        width:100%;
        margin: 10px -2px;
    }

    /*  Way Forward Tables 
    ***************************************************************** */

    .final-report tr td {
        display: block;
        width: 100%;
    }

    /*  Twitter Feed 
    ***************************************************************** */

    .twitter-feed .row {
        display:block
    }
    .twitter-feed .tweet {
        padding-bottom:10px
    }

    /* -- Row of Three -- */

    .twitter-feed .row-of-3 .tweet-wrapper {
        float: none;
        width: 100%;
    }
    .twitter-feed .row-of-3 .tweet-wrapper .tweet {
        min-height:200px
    }
    /*  People
    ***************************************************************** */
    .person-detail .people-article.with-image .visual {
        position:relative;
        top:0;
    }
    .person-detail .people-article.with-image .people-content h1 {
        padding-left: 0px;
        min-height:20px
    }

    /*  Community Concern List Plugin 
    ***************************************************************** */

    .three-columns .concern-type .concerns {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }


    /*  Image Buttons
    ***************************************************************** */

    .image-buttons .image-button .inner {
        padding-right:15px;
        padding-left:15px;
    }

    /*  Form iFrames
    ***************************************************************** */

    #damage-to-property-iframe {
        height: 3300px !important
    }

}

@media (max-width: 580px) {
    /*  People List
    ***************************************************************** */
    .people-list.feature .people-article {
        width: 100%;
    }
}

@media (max-width: 570px) {


    /*  Footer Numbers
    ***************************************************************** */

    .footer-numbers > a,
    .footer-numbers > * {
        width: 100%;
        text-align:left;
        height:110px;
    }
    .footer-numbers a:nth-child(odd) .number-link {
        background: #3e3e3e !important;
    }
    .footer-numbers a:nth-child(4) .number-link,
    .footer-numbers a .number-link {
        background: #343434 !important;
    }
    .footer-numbers .number-link .circle {
        position: relative;
        bottom: -18px;
        margin-bottom: -20px;
        margin-top:-10px
    }
    .footer-numbers .number-link p.heading {
        display:inline-block;
        margin: 0 0 0 20px;
    }
    .footer-numbers .number-link .number {
        margin-left: 85px;
    }

    /*  Home Page Footer Numbers Styling
    ***************************************************************** */

    .home-page .footer-numbers .container {
        display:block
    }

    /* -- Number Links -- */

    .home-page .footer-numbers .number-link {
        height: 135px;
        padding: 10px 30px;
    }
    .home-page .footer-numbers:hover .number-link,
    .home-page .footer-numbers .number-link:hover {
        width:100%
    }
    .home-page .footer-numbers .circle-container {
        width:100%;
        position:relative;
        top: 0;
    }
    /* Number Circle */
    .home-page .footer-numbers .number-link .circle {
        position: relative;
        bottom: -18px;
        margin-bottom: -20px;
        margin-top:-10px;
        float: left;
        width: 100px;
        height: 100px;
        font-size: 1.5em;
    }
    .home-page .footer-numbers .number-link.directory .circle p {
        top: 28px;
        width:48px;
        height:48px
    }
    .home-page .footer-numbers .number-link.non-emergency-number .circle {
        font-size: 1em;
    }
    /* Heading */
    .home-page .footer-numbers .number-link p.heading {
        font-size: 1.35em;
        margin-top: 45px;
        margin-left: 30px;
    }

}

@media (max-width: 550px) {


    /*  Footer
    ***************************************************************** */
    .footer .lower .container.wysiwyg-text {
        width:100%;
        padding:10px 30px
    }

    /*  TO24 News Plugin Styles 
    ***************************************************************** */

    /* -- TO24 Logo -- */
    .TO24News .TO24-logo {
        font-size: 35px;
        padding: 25px;
        line-height: 0.2;
        margin-bottom: 150px;
    }
    /* -- Video Banner -- */
    .TO24News .video-banner {
        height: 250px;
    }
    .TO24News .news-content {
        margin-top: 150px;
    }

    /*  News List Plugin Styles
    ***************************************************************** */

    .latest-articles .article h3 {
        font-size: 1.4em !important;
    }
    

    /*  CTA Plugin Styles
    ***************************************************************** */

    /* -- Two Column CTA -- */

    .cta .image-side {
        min-height: 250px;
    }

    /* Numbered CTA */

    .cta.numbered .number-content {
        display: block;
        text-align: center;
    }
    .cta.left.numbered h2, .cta.right.numbered h2 {
        text-align: center;
    }

    /*  Tabbed News Releases List Plugin Styles 
    ***************************************************************** */

    .news-releases .news-releases-header #tab-by-category li {
        width:100%;
    }

     /*  Key  Contacts, people's list
    ***************************************************************** */
    
    .people-list .people-article{
        width:100%;
    }

    /*  Image Buttons
    ***************************************************************** */

    .image-buttons .image-button {
        width: 100% !important;
        height: auto;
    }
    .image-buttons .image-button .inner {
        padding:30px 20px;
        transform: translate(0%);
    }

    /*  Email popup
    ***************************************************************** */

    .send-email-popup {
        padding: 10px;
    }
    .send-email-popup .send-email-form-box {
        margin:0;
    }
    .send-email-form-box h2 {
        padding:0 30px;
        font-size: 1.8em;
    }
    .send-email-form-box input[type="text"], 
    .send-email-form-box textarea, 
    .send-email-form-box input[type="email"] {
        padding: 5px 10px;
    }
}

@media (max-width: 500px) {
    /*  Latest Articles (homepage Latest News widget)
    ***************************************************************** */
    .latest-article.article-1, .latest-article.article-2, .latest-article.article-3, .latest-article.article-4, .latest-article.article-5 {
        width: 100%;
        margin-top: 10px;
    }

    /*  Article Detail 
    ***************************************************************** */

    .banner-feature-image  {
        height: 200px;
    }

    /*  Calendar 
    ***************************************************************** */

    table.js-calendar-table td {
        width: 30px;
        padding: 0;
    }


    /*  Search filter for on the record
    ***************************************************************** */
    .filter .filter-options .dropdowns li{
        width:100%
    }

    /*  Pagination
    ***************************************************************** */

    .pagination .previous-btn, .pagination .next-btn {
        margin-top: 45px;
    }
    .pagination .next-btn{
         position:absolute;
         margin-left:65.66%;
    }
    .pagination .previous-btn{
         position:absolute;
         margin-left:5%;
    }


     /*  WYSIWYG Styles
    ***************************************************************** */
    .container.wysiwyg-text .button {
       width:100%;
    }
    .container.wysiwyg-text figure.align-right, 
    .container.wysiwyg-text p img.align-right {
        float: none !important;
        max-width: 100%;
        margin: 0;
    }

     /*  YourTO Data Table Plugin
    ***************************************************************** */
   
    .data-table .row.header,
    .data-table .row.with-border,
    .data-table .row {
       padding:0;
   }

    /*  Form iFrames
    ***************************************************************** */

    #damage-to-property-iframe {
        height: 3900px !important
    }
   
}

@media (max-width: 450px) {

    /*  Home Page Footer Numbers Styling
    ***************************************************************** */

    .home-page .footer-numbers .number-link {
        padding:10px 0
    }
    .home-page .footer-numbers .number-link p.heading {
        font-size: 1.2em;
    }

    /*  Quick Links Plugin Styles 
    ***************************************************************** */

    .quick-links h2 {
        padding-left:20px;
        padding-right:20px
    }

    /* -- Inside -- */

    .quick-links.inside ul li a {
        width: 170px;
        height: 170px;
        padding: 5px 15px;
    }
    .quick-links.inside ul li a span {
        font-size: 3em;
    }

    /*  News List Plugin Styles 
    ***************************************************************** */

    .latest-articles .latest-article {
        padding-right:5px;
        padding-left:5px
    }

    /*  TO24News Plugin Styles 
    ***************************************************************** */

    .TO24News .news-content ul li {
        padding-left:57px
    }
    .TO24News .news-content ul li i {
        left: 0;
        font-size:42px;
    }
    .TO24News .news-content ul li h4 {
        font-size: 1.1em;
    }


    /*  Division services Slider 
    ***************************************************************** */
    
    #services-filter-carousel {
        padding: 30px;
    }
    #services-filter-carousel .bx-wrapper .bx-prev, 
    #services-filter-carousel .bx-wrapper .bx-next {
        width: 80px;
        height: 60px;
        margin: 20px 20px 0;
        border: 1px solid #ccc;
        position: relative;
        display: inline-block;
        left:0;
        right:0;
   }
   #services-filter-carousel .bx-wrapper {
       padding:0;
   }

    /*  Twitter Feed 
    ***************************************************************** */

    .twitter-feed .tweet {
        font-size:1em
    }

    /* Custom Nav Links
    ***************************************************************** */
    .two-columns.link-list .article .inner > a, 
    .two-columns.link-list .article a span, 
    .two-columns.link-list .article a h4 {
        display: block;
    }
    .two-columns.link-list .article a h4 {
        padding: 0;
    }
    .two-columns.link-list .article {
        padding: 12px 0;
    }

    /*  CTA Plugin Styles
    ***************************************************************** */

    .map-wrapper #map-details { 
        padding:20px
    }

     /*  Sex Crimes
    ***************************************************************** */
    .horizontal-list-grey-bg-style.three-columns ul li
    {
        width:100%;
    }

    /*  Contact Directory Styles
   ***************************************************************** */
   .contact-directory .contact .row, .contact-directory .contact .row > p {
        display: block;
    }
    #divisional-search-result {
        padding: 0 20px;
    }

    /*  People List Styles
   ***************************************************************** */

    .people-list .container {
        padding: 0 10px;
    }

}


@media(max-width:400px) {
    header #tps-logo {
        top:42px;
        width: 60px;
    }

    /*  Foooter Numbers Styling
    ***************************************************************** */

    .footer-numbers > a {
        height:auto;
        text-align:center
    }
    .footer-numbers a .number-link {
        padding-top:15px;
        padding-bottom:15px
    }
    .footer-numbers .number-link .circle {
        display:none
    }
    .footer-numbers .number-link p.heading,
    .footer-numbers .number-link .number {
        margin:0;
    }

    /*  Home Page Foooter Numbers Styling
    ***************************************************************** */

    .home-page .footer-numbers .number-link p.heading {
        font-size: 1em;
        margin-left:24px
    }

    /*  Quick Links Plugin Styles 
    ***************************************************************** */

    .quick-links ul {
        padding: 0 10px;
    }
    .quick-links ul li {
        width:50%;
        padding:0 10px;
        min-width:100px;
        margin-top:20px
    }
    .quick-links ul li a p {
        font-size: 1.05em;
        margin-bottom: 0;
    }
    .quick-links ul li a span {
        font-size: 52px;
        width: 80px;
        height: 80px;
    }

    /* -- Inside -- */

    .quick-links.inside ul li a {
        width:100%;
        height: auto;
        padding:0;
        border:none
    }
    .quick-links.inside ul li a span {
        font-size: 52px;
        border-radius: 100px;
        width: 80px;
        height: 80px;
        border: 2px solid #002856;
        color: #002856;
        text-align: center;
        margin: 0 0 15px 0;
        line-height: 1.4;
        display: inline-block;
    }


    /*  Custom Nav Links
    ***************************************************************** */
    .two-columns.link-list .article .inner > a {
        display:block;
    }
    .two-columns.link-list .article a span, 
    .two-columns.link-list .article a h4 {
        display: block;
    }

    .icon-supplemental-report:before{
        text-align: center;
    }


    /*  Image Number Box
    ***************************************************************** */

    /* Icon Top */
    .image-number-box.icon-top .inner .content .number {
        font-size: 1.35em;
    }

    /*  Resource Centre
    ***************************************************************** */

    /* --  Single Resource  -- */

    .resource.article-detail .article-lead-details {
        padding-left: 0px;
    }
    .resource.article-detail .article-lead-details .page-numbers {
        position: relative;
        display:inline-block;
        margin-bottom: 15px;
    }
}
@media(max-width:350px) {
    header .site-title {
    padding: 12px 95px;
    }
}


@media print {

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

    #main-nav,
    #menu-toggle,
    footer {
        display: none !important;
    }
    .main-content-container {
        padding-top:0;
    }

    /* Custom Classes */

    .print-only {
        display:block
    }

    /* News ELements */

    .share-options,
    .filter {
        display:none
    }

    /* Admin Toolbar */

    .cms-tooltip,
    .cms-toolbar-trigger,
    .cms-toolbar {
        display:none !important
    }
    html {
        margin:0 !important;
    }
    .cms-toolbar-expanded #header {
        top:0
    }

    /*  Typography
    ***************************************************************** */
    h1 {
        font-size: 2.1em !important;
        text-transform: none;
    }
    h2 {
        font-size: 1.8em !important;
        text-transform: none;
    }
    h3 {
        font-size: 1.5em !important;
    }
    h4 {
        font-size: 1.4em !important;
    }

    /*  Header
    ***************************************************************** */

    #header {
        position:relative;
        display: inline-block;
    }
    header #tps-logo {
        float: left !important;
        position: relative !important;
        top: 0;
        left: 0 !important;
        transform: translate(0,0 ) !important;
        margin-left: 30px !important;
        width: 100px;
        display: block !important;
    }
    header .title-wrapper {
        display:inline-block
    }
    header .site-title {
        margin-left: 25px;
        font-size: 1.8em;
        margin-top: 30px;
        margin-bottom: 10px;
        float: none;
        display:block;
        text-transform: uppercase;
    }
    header .chief-link,
    header .search-form {
        display:none !important
    }
    .page-article-detail header .title-wrapper {
        margin-top: 18px;
    }
    .page-article-detail header .article-type {
        font-size: 1.8em;
        color: #000;
        font-weight: 800;
        margin-left: 25px;
        line-height: 1.3;
    }
    .page-article-detail header span.site-title {
        font-size: 1.4em;
        margin-top:0;
    }
    header .info-bar {    
        display: inline-block;
        width: 100%;
        padding: 10px 30px;
        border-top: 1px solid #E9E8E8;
        border-bottom: 5px solid #E9E8E8;
        margin-top: 10px;
    }
    header .info-bar span:after {    
        content: "\f111";
        font-family: Font Awesome\ 5 Free;
        font-weight: bold;
        font-size: 4px;
        vertical-align: middle;
        margin: 0 7px 0 11px;
    }
    header .info-bar span:nth-child(3):after {  
        display:none
    }
    header .info-bar a { 
        float: right;
    }  
    
    /*  Basic Page
    ***************************************************************** */
    
    /* Breadcrumbs */
    .breadcrumbs .container {
        padding:0;
    }
    .breadcrumbs ul {
        height:45px
    }
    .breadcrumbs ul li:first-child .page-name {
        padding-left:30px;
    }
    .breadcrumbs ul li .page-name {
        font-size: 0.95em;
    }
    .breadcrumbs ul li .separator {
        height: 45px;
    }

    /*  Blocks
    ***************************************************************** */

    /* Content Block */

    .container.wysiwyg-text {
        margin-top: 45px;
        margin-bottom: 40px;
    }
    .block-style {
        margin-top: 45px;
        margin-bottom: 40px;
    }
    #contactblock-map {
        width: 100%;
        height: 260px;
    }

    /* Container Block */

    .container-plugin {
        display: block;
        background: transparent;
        margin-top: 45px;
        margin-bottom: 40px;
    }
    .container-plugin .container.wysiwyg-text:first-child {
        margin-top: 0;
    }
    .container-plugin .container.wysiwyg-text:last-child {
        margin-bottom: 0;
    }
    .container-plugin.padded-container {
        padding-top: 45px;
        padding-bottom: 40px;
    }

    /* Contact Block*/
    .contact-block {
        margin-bottom: 30px;
        padding-top: 30px !important;
    }
    #contactblock-map {
        height: 200px !important;
    }
    
    /*  Quicklinks Styles
    ***************************************************************** */

    .quick-links {
        margin-top: 45px;
        margin-bottom: 40px;
    }

    /*  Resources/Styles Styles
    ***************************************************************** */

    .form-centre {
        margin-top: 45px;
        margin-bottom: 40px;
    }

    /*  CTA Styles
    ***************************************************************** */

    .white-bg.cta:not(.with-bg-img), .transparent-bg.cta:not(.with-bg-img) {
        margin-top: 45px;
        margin-bottom: 40px;
    }

    /*  People List Styles
    ***************************************************************** */
    
    .people-list {
        margin-top: 45px;
        margin-bottom: 40px;
    }

    /*  News Article List 
    ***************************************************************** */
    
    .article-list {
        margin-bottom: 40px;
    }
    .article-list .article {
        padding: 15px 0 22px;
    }
    .tags {
        margin-top: 20px;
    }
    .pagination {
        padding: 10px 0;
    }

    /*  News Article
    ***************************************************************** */

    .article-detail {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .page-article-detail .banner-slider,
    .page-article-detail .breadcrumbs {
        display:none
    }
    .page-article-detail .contact-block  {
        display:none
    }
    .page-article-detail .content figure,
    .page-article-detail .content img {
        page-break-before: always;
    }
    .page-article-detail .more-list {
        display:none
    }
    .page-article-detail .tags {
        display:none
    }

}