BODY {
    overflow-x: hidden;
    --media-before-cont: 0 !important;
}

.page__top-media {
    display: none;
}

.subNav {
    display: none;
}
.breadcrumbs {
    display: none;
}

.page {
    box-shadow: none;
    background: none;
}

.page__content-wrapper {
    padding: 0;

    margin-left: 15px;
    margin-right: 15px;
}

.welcome-box {
    border: 1px solid white;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);

    border-radius: 10px;
    margin-bottom: 35px;
    overflow: hidden;
}

.welcome-box__title {
    margin: 0;

    padding: 30px;
    padding-top: 15px;
    padding-bottom: 14px;

    background: linear-gradient( 90deg, rgba(17,52,91,0.9) 0%, rgba(30, 70, 117, 0.6) 100%);
    color: white;

    position: relative;
}

.welcome-box__title:after {
    content: '';
    z-index: 1;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: -4px;
    left: 0;
    margin-top: 0;
    background: rgb(213, 162, 74);
}

.welcome-box__content {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px;
    padding-top: 21px;
    padding-bottom: 25px;
}

.welcome-box__img {
    float: right;
    max-width: 300px;
    border-radius: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .welcome-box__content {
        display: flex;
        flex-direction: column;
    }
    .welcome-box__img {
        align-self: center;
        order: 2;
        margin: 0;
    }
    .welcome-box__content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.welcome-section {
    margin: 30px;
}

.welcome-section h2 {
    color: #30567d;
    padding-bottom: 5px;
    border-bottom: #30567d solid 3px;
}

@media screen and (max-width: 600px) {
    .welcome-section {
        margin: 15px;
    }
}

/* CAROUSEL */

.slider-wrapper {
    position: relative;
    overflow: hidden;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
  }
  
  .slides-container {
    height: 472px;
    width: 100%;
    display: flex;
    overflow: scroll;
    scroll-behavior: smooth;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .slide-arrow {
    position: absolute;
    display: flex;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 4rem;
    background-color: white;
    border: none;
    width: 2rem;
    font-size: 3rem;
    padding: 0;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 100ms;
  }
  
  .slide-arrow:hover,
  .slide-arrow:focus {
    opacity: 1;
  }
  
  #slide-arrow-prev {
    left: 7px;
    padding-left: 0.25rem;
    border-radius: 0 2rem 2rem 0;
    z-index: 100;
  }
  
  #slide-arrow-next {
    right: 7px;
    padding-left: 0.75rem;
    border-radius: 2rem 0 0 2rem;
    z-index: 100;
  }
  
  .slide {
    width: 100%;
    height: 100%;
    flex: 1 0 100%;
  }
  
  .slide:nth-child(1) {
    background-color: #b03532;
  }
  
  .slide:nth-child(2) {
    background-image: url('/Content/Images/Carousel/downtown.jpg');
  }
  
  .slide:nth-child(3) {
    background-color: #6a478f;
    margin: 0;
  }
  
  .slide:nth-child(4) {
    background-color: #da6f2b;
  }
  
.slide > DIV {
    position: relative;
    width: 100%;
    height: 472px;
    overflow: hidden;
}

.slide video {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
}

.slides-container {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

.slides-container::-webkit-scrollbar { 
    width: 0;
    height: 0;
}
ul#slides-container:before {
    display: block;
    position: absolute;
    content: '\20';
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    z-index: 50;
    background: linear-gradient(90deg, #edc40d, #e89c31);
}

ul#slides-container li:nth-child(2) > div:after {
    display: block;
    position: absolute;
    content: url('/Content/Images/carousel/tk_waters.png');
    width: 400px;
    right: 20%;
    bottom: 0;
    height: 456px;
    z-index: 100;
}
/* MIDDLE SEARCH */

.middleSearch {
    background: no-repeat url(/content/images/bg_search.png);
    background-position: center top;
    background-color: #002667;
    text-align: center;
    height: 60px;
    padding: 60px 0 135px 0;
    z-index: 10;
    position: relative;
    width: 100vw;
    margin: 0 0 40px -50vw;
    left: 50%;
}

.welcomeSearchInput {
    background-color: rgba(255, 255, 255, .9);
    color: #000;
    padding: 15px 20px;
    font-size: 22px;
    font-family: proxima-nova;
    font-weight: normal;
    border: 1px solid white;
    border-radius: 10px;
    width: calc(100% - 78px);
    max-width: 680px;
    display: inline-block;
    outline: 0px;
    vertical-align: top;
}

.welcomeSearchButton {
    display: inline-block;
    width: 45px;
    height: 50px;
    vertical-align: top;
    margin-top: 4px;
    margin-left: -45px;
    background-size: 35px;
    background-position: left center;
    background-repeat: no-repeat;
    display: none;
}

.welcomeSearchInput::placeholder {
    color:#243d94;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 4px;
    font-weight: 600;
}

/* NEWS */
.newsContent {
    position: relative;
    min-height: 550px;
}

.welcome-section.news H2 {
    font-size: 27px;
    font-weight: 800;
    color: #263d91;
    line-height: 27px;
    height: 27px;
    position: relative;
    background: linear-gradient(to right, transparent 147px, #ffe99f 147px, transparent);
    border-bottom: none;
}

.news .socialMediaBox {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    width: calc(100% - (60vw + 105px)););););););););););
    overflow: hidden;
    border: 1px #0a0b0e solid;
    border-radius: 10px;
    background: linear-gradient(180deg, #0a0b0e 0, #0a0b0e 113px, transparent 50%);
}

/* STATISTICS BOX */

.welcome-section.statisticsBox {
    position: relative;
    z-index: 1;
    padding: 1px 0 16px 0;
}

.welcome-section.statisticsBox:before {
    content: '\20';
    display: block;
    position: absolute;
    left: calc(-1*((100vw - 100%) / 2));
    width: 100vw;
    top: 0;
    bottom: 0;
    background: url('/Content/Images/numbers/bg_numbers.png');
    background-size: cover;
    z-index: -1;
}

.welcome-section.statisticsBox h2 {
    color: #FFFFFF;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: none;
    margin: 25px 0 5px 0;
}

.welcome-section.statisticsBox span {
    background: transparent;
    margin: 0 15px;
    font-size: 32px;
}

.welcome-section.statisticsBox h2:before {
    background-image: url(/getContentAsset/49fea49c-0067-4ed8-96c6-611f50870107/bd714d09-ccf8-4e86-a041-57e2011ebfe4/site-badge2.png?language=en);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 47px;
    height: 66px;
    content: '\20';
}

.welcome-section.statisticsBox h2:after {
    background: #30567d;
    height: 2px;
    flex: 1;
    content: '';
}

.welcome-section.statisticsBox li {
    color: #FFF;
}

.page .welcome-section.statisticsBox a:link,
.page .welcome-section.statisticsBox a:visited,
.page .welcome-section.statisticsBox a:active,
.page .welcome-section.statisticsBox :is(a:active, a:visited) {
    color: #FFF !important;
}

.statisticsTable {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.statisticsTable .number {
    color: #ffcc00;
    font-size: 54px;
    font-weight: 600;
    line-height: 1em;
    text-align: center;
    opacity: 0.1;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
}

.statisticsTable .number[style*=visible] {
    opacity: 1;
}

.statisticsTable .caption {
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
    color: #00ff8c;
    text-align: center;
    opacity: 0;
    filter: blur(4px) drop-shadow(0 0 10px red);
    scale: 3;
    transition-duration: .5s;
    transition-timing-function: linear;
    transition-delay: .3s;
    margin-top: -25px;
    padding-bottom: 25px;
    position: relative;
}
.statisticsTable [style*=visible] + .caption {
    opacity: 1;
    filter: none;
    scale: 1;
    color: #FFF;
    margin-top: 0;
    padding-bottom: 0;
}

[data-prenum]::before {
    content: attr(data-prenum);
    display: inline-block;
    padding-right: 1ch;
}

[data-postnum]::after {
    content: attr(data-postnum);
    display: inline-block;
    padding-left: 1ch;
}

.FrequentlyUsedLinksIcon {
    display: block;
    width: 36px;
    height: 38px;
    position: absolute;
    top: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/Content/Images/icon_FrequentlyUsedLinks.png');
}
h2.FreqUsedLinksHeader {
    font-size: 27px;
    text-transform: uppercase;
    color: #000;
    line-height: 1em;
    display: block;
    vertical-align: top;
    margin: 0px;
    padding-top: 12px;
    padding-bottom: 20px;
    margin-left: 49px;
    border-bottom: none;
}
.FreqUsedLinksHeaderBackground {
    background: linear-gradient(0deg, #e3ba06 2px, #ffcf07 25px);
    border-radius: 5px;
    display: inline-block;
    padding: 0px 10px;
    padding-right: 50px;
    position: relative;
}
.FreqUsedLinks {
    position: relative;
    z-index: 1;
    margin-bottom:150px;
}
.buttonList.defaultList UL {
    background: linear-gradient(to bottom, rgb(255 230 144 / 90%) 18px, rgb(255 255 255 / 90%) 18px);
    width: 100%;
    max-width: 1540px;
    margin: -7px -7px 0 -7px;
    padding: 50px;
    padding-top: 43px;
    border-radius: 5px;
    border: 1px #A2AFD2 solid;
    column-count: 3;
    column-rule: 1px #999 solid;
    column-gap: 90px;
    column-fill: balance;
}

section.welcome-section.freqUsedLinks {
    position: relative;
    min-height: 710px;
}

section.welcome-section.freqUsedLinks::before {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -50vw;
    margin-top: -30px;
    content: '\20';
    width: 100vw;
    height: 770px;
    background-image: url('/Content/Images/bg_frequsedlinks.jpg');
    background-size: cover;
}

a.buttonLink {
    text-decoration: none;
    color: #000;
}

span.buttonLinkTitle {
    text-transform: uppercase;
    font-weight: 600;
}

.buttonList li {
    line-height: 1.2em;
    margin-bottom: 1.7em;
}

section.welcome-section UL.threecol {
    columns: 3;
}

.overfooter {
    z-index: 100;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    column-gap: 25px;
}

.overfooter .jsoSeal {
    width: 279px;
    height: 188px;
    display: grid;
    background-repeat: no-repeat;
    background-position: center;
}

.overfooter .mission {
    color: #FFF;
    font-weight: 600;
    font-weight: 600;
    font-size: 27px;
    line-height: 1.1em;
    display: grid;
}

.overfooter .vision {
    color: #FFF;
    display: grid;
    font-weight: 300;
    font-size: 23px;
}

.footerSMLinks {
    color: #FFF;
    display: grid;
    font-size: 25px;
}
.footerSMLinks > div {
    display: flex;
    gap: 10px;
}
.footerSMLinks .iconLinkList__item {
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: top;
    background-repeat: no-repeat;
    color: rgba(0, 0, 0, 0);
    overflow: hidden;
    line-height: 150px;
}

.footerSMLinks a[href='/sheriffs-office/events'] {
    display: none;
}