/*@font-face {
	font-family: "Roboto";
	src: url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Thin.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Thin.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Thin.ttf") format("truetype");
	font-weight: 200;
}

@font-face {
	font-family: "Roboto";
	src: url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Light.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Light.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Light.ttf") format("truetype");
	font-weight: 300;
}

@font-face {
	font-family: "Roboto";
	src: url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Regular.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Regular.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Regular.ttf") format("truetype");
	font-weight: 400;
}

@font-face {
	font-family: "Roboto";
	src: url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Medium.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Medium.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Medium.ttf") format("truetype");
	font-weight: 500;
}

@font-face {
	font-family: "Roboto";
	src: url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Bold.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Bold.woff") format("woff"), url("https://cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/font/roboto/Roboto-Bold.ttf") format("truetype");
	font-weight: 700;
}*/

html {
    font: 400 Roboto;
}

/*banner *********************************************/

body {
    background-color: #f7efeb;
}

fieldset {
    border: 0;
}

#login {
    -webkit-box-shadow: 16px 16px 15px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 16px 16px 15px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 16px 16px 15px 0px rgba(50, 50, 50, 0.75);
    margin: auto;
    width: 100%;
    height: 250px;
}

/* Absolute Center CSS Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(120,120,120,0.8);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.modalXOff {
    color: red;
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 24px;
    cursor: pointer;
}

#colorbox {
    z-index: 5000;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
}

#cboxClose {
    background-color: #ffc107;
    color: white;
    border: none;
    font-size: 20px;
}

.cboxlcick {
    cursor: pointer;
}

#cboxOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 4500;
    top: 0;
    left: 0;
    background-color: dimgray;
}

.lang_links {
    right: 15px;
    top: 8px;
    position: absolute;
}

    .lang_links a {
        padding-bottom: 40px;
    }

        .lang_links a:active {
            color: red;
        }

#therenowrap {
    display: inline-block;
}

#therenomed {
    position: absolute;
    left: 13.5%;
    top: 25px;
    color: white;
    width: 100%;
    font-weight: 700;
    font-size: 135%;
    vertical-align: middle;
    line-height: 1;
}

u {
}

/*the materal icon / google icons  usea left 15 margin
    and I want 2px for buttons*/
i {
    margin-left: 2px !important;
}

/*Show on media queries*/

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {
    .show-on-ipadlndscp {
        display: block !important;
    }
}


@media only screen and (min-width: 1025px) {
    .show-on-large {
        display: block !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .show-on-medium {
        display: block !important;
    }
}

@media only screen and (max-width: 600px) {
    .show-on-small {
        display: block !important;
    }
}

@media only screen and (max-width: 600px) {
    .hide-on-small-only, .hide-on-small-and-down {
        display: none !important;
    }
}

@media only screen and (max-width: 992px) {
    .hide-on-med-and-down {
        display: none !important;
    }
}

@media only screen and (min-width: 601px) {
    .hide-on-med-and-up {
        display: none !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .hide-on-med-only {
        display: none !important;
    }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {
    .hide-on-ipadlndscp {
        display: none !important;
    }
}

@media only screen and (min-width: 1025px) {
    .hide-on-large-only {
        display: none !important;
    }
}

/*END Show on media queries*/

/*media queires header*/
/*0 media q*/
@media (min-width: 0) {

    /*barb fixing news wrapper*/

    .small-wrapper-margin-fix {
        margin-left: 17px;
    }
    /*barb foodtruck*/
    .foodtruck img {
        width: 100%;
    }

.foodtruck p {
    font-size: 14px;
    padding: 5px;
}

    /*barb foodtruck spotlight*/

    .foodspot {
        height:100%;
        width: 100%;
    }

    .food-flex-container {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center;
        height: 325px;
        background-color: #01536D;
    }

    .foodtruck-pics {
        width: 100%;
        height: 63%;
        background-image: url('images/spotlights/foodtruck/foodtruck_750px.png'); /* Image source */
        background-size: cover; /* Adjust how image fits */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Prevent tiling */
        /*display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: auto;*/
    }

        /*.foodtruck-pics img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }*/

    /*end barb foodtruck spotlight*/

/*barb making banner flex*/

    .banner-right-flex-items {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        width: 17%;
    }

    .banner-badge {
        width: 16%;
    }

    .join-us {
        color: white;
        font-size: .95em;
        text-align: center;
    }

    .reno-link img {
        height: 48px;
        width: auto;
    }

    .cc-button-mobile {
        width: 159px !important;
    }

    /*barb firearms images*/
    .own-proof {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .img-proof {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
    }

        .img-proof img {
            width: 98%;
        }

    /*barb new button, making banner flex*/

    .banner-flex {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center;
    }

    .thereno-flex-parent {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }


    /*barb orgbutton flex 05/30/2024*/
    .orgbuttwidth {
        width: 135px;
    }

    .orgbutton-flex-parent {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 auto;
    }

        .orgbutton-flex-parent a {
            margin: 0 auto;
            margin-bottom: 10px;
        }

    /*barb patrol staffing 05/03/2024*/

    /* ratio - .67 */
    #cardYouTube iframe {
        width: 295px;
        height: 215px;
    }

    .vid-flex-parent {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .vid-flex-child {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .flex-vid1,
    .flex-vid2,
    .flex-vid3,
    .flex-vid4 {
        width: 96%;
    }

    /*Barb fixing text align on mbile on staff page*/

    .staff-text-fix {
        text-align: left
    }

    /*barb file a report page 11/01/2023*/

    #card8 {
        margin-top: 0;
    }

    #file-card8 {
        margin-top: 0;
    }

    #newsrow.row {
        margin-bottom: 0 !important;
    }

    /*barb new recruit spot*/

    .recruit-text-pic2 {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: auto;
    }

    /*barb winter and connect spotlights*/

    .winterspot a,
    .connectspot a,
    .recruitspot a {
        background-color: black;
    }

    /*barb VSU donate buttons 0*/

    .vsu-main .donate-flex,
    .vsu-main .donate-flex-bottom {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .vsu-main .donate-flex-bottom {
        padding: 10px;
    }

    .vsu-main .donate-flex button {
        margin-bottom: 10px;
    }

    .vsu-main .welcome-flex-row .badge {
        width: 50%;
        max-width: 50%;
    }

    .hmu-donate .donate-flex-bottom button {
        margin-right: 0;
    }


    /*barb new save image widths*/
    .card-10 img,
    .card-9 img,
    .card-8 img,
    .card-4 img,
    .card-3 img,
    .card-2 img,
    .card-1 img,
    .card-0 img,
    .abandon img,
    .vacation img {
        width: 100%;
    }


    /*Barb fixing news content home page*/

    .newstextcol.newstextcol-sm-box {
        height: 260px;
    }

    .newawrappertext_sm .news_title {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .news-flex {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .rels-flex {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    /*.news-flex {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        margin-left: 25px;
    }*/

    .flex-text {
        width: 80%;
        padding-right: 20px;
    }
        /*line-height: 1em;
            max-height: 9em;*/
        .flex-text .flex-ellipse {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

    .coldcards-btn-fix .flex-btn {
        width: 68%;
    }

    .flex-btn {
        display: flex;
        width: 45%;
        align-content: flex-end;
        font-size: small;
    }
    /*fix color-profile report padding*/
    /*#card1, .card span {
        padding-left: 20px;
    }*/
    /*Barb Proffesional Page*/
    .main-div {
        width: 90%;
        margin: auto;
    }

    .prof-parent-row {
        width: 100%;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }

    #toc {
        width: 99%;
    }

    .toc {
        width: 99%;
        margin: .5rem 0 0 0;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .list-col-1 {
        width: 99%;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .list-col-2 {
        width: 100%;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }

    #profjobdescript,
    #profjob1,
    #profjob2 {
        width: 99%;
    }

        #profjobdescript .card-content {
            min-height: 442px;
        }

        #profjobdescript .jtext {
            width: 100%;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-align-items: flex-start;
            align-items: flex-start
        }

            #profjobdescript .jtext p {
                width: 65%;
            }



    .subtitle {
        font-size: 1.2em;
        font-weight: 500;
    }

    #sidebarProf {
        min-height: auto;
    }



        #sidebarProf.card {
            margin: 0;
        }

    /*.pic-filler {
        width: 100%;
        height: 554px;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }*/

    /*end prof jobs*/

}

/*Barb new banner*/
#banner {
    width: 100%;
    height: 67px;
    background-image: url(images/jm-Header2.png);
    background-size: cover;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}

.banner-badge-mobile {
    width: 16%;
}

    .banner-badge-mobile img {
        width: 67px;
        max-height: 67px;
        padding: 15%;
    }

.catchphrase-col {
    width: 71%;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

    .catchphrase-col p {
        color: white;
        font-weight: 500;
        font-size: 12px;
    }


/*new join buttons*/
.join-btns {
    height: 35px;
    width: 100%;
    padding: 0 2px 0 7px;
    background-color: #3d5058;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

    .join-btns span {
        font-size: 12px;
        color: aliceblue;
        text-transform: uppercase;
        margin-right: 8px;
    }

    .join-btns .btn {
        background-color: #00334a;
        height: 25px;
        line-height: 29px;
        margin-right: 5px;
        padding: 0 1rem;
    }

        .join-btns .btn:hover {
            background-color: #1A475B;
        }

.city-logo {
    width: 13%;
    padding-left: 10px;
}


    .city-logo img {
        width: 25px;
    }



/*CADET PAGE CSS*/
#Career .textpadding,
#welcome .textpadding {
    padding: 0 20px;
}

.careerText {
    width: 80%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 20px;
}


.cadet-flexparent {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.cadet-flex-child {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.cadet-flex-child2,
.cadet-flex-child3,
.cadet-flex-child4,
.cadet-flex-child5 {
    width: 80%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: 20px 0;
}

    .cadet-flex-child2 ul:before {
        content: attr(aria-label);
        font-size: 120%;
        font-weight: bold;
        margin-left: -15px;
    }

    .cadet-flex-child3 ul:before {
        content: attr(aria-label);
        font-size: 120%;
        font-weight: bold;
        margin-left: -15px;
    }

    .cadet-flex-child4 ul:before {
        content: attr(aria-label);
        font-size: 120%;
        font-weight: bold;
        margin-left: -15px;
    }



.cadet-flex-child p {
    font-size: larger;
    font-weight: 500;
}

.card1-child1 {
    width: 50%;
    padding-left: 15px;
}

.card1-child2 {
    width: 82%;
}


.card2-child1,
.card2-child3 {
    width: 100%;
}

.card2-child1 {
    padding-bottom: 10px;
}

.card2-child5 {
    width: 100%;
    padding-bottom: 10px;
}

.card2-child2,
.card2-child6 {
    width: 92%;
}

.card2-child4 {
    width: 100%;
    padding-top: 10px;
}

.card3-child1 {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

    .card3-child1 p {
        font-size: x-large;
        color: darkred;
    }

.card3-child2 {
    width: 90%;
    padding: 10px 0;
}

.card3-child3 {
    width: 90%;
}
/*11/01/2022 Barb split spotlight*/
.c-spot-parent {
    width: 100%;
    height: 215px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.spot-1,
.spot-2 {
    width: 50%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}

    .spot-1 a,
    .spot-2 a {
        width: 100%;
        height: 90%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        margin-top: 10%;
    }

.spot-1 {
    background: rgb(102,77,3);
    background: linear-gradient( rgba(102,77,3,1) 0%, rgba(179,135,5,1) 100%);
}

.spot-2 {
    background: rgb(2,0,36);
    background: linear-gradient(rgba(2,0,36,1) 0%, rgba(0,51,74,1) 21%, rgba(0,97,125,1) 100%, rgba(0,97,125,1) 100%);
}

.c-spot-img {
    width: auto%;
    height: 65%;
}


.c-spot-text {
    width: auto%;
    height: 35%;
}

    .c-spot-img img,
    .c-spot-text p {
        height: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-align-items: center;
        align-items: center;
    }

.c-spot-img img {
    -webkit-justify-content: center;
    justify-content: center;
}

.c-spot-text p {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.c-spot-text p {
    text-transform: uppercase;
    font-size: larger;
    color: white;
}

/* END 11/01/2022 Barb split spotlight*/

/*Barb long text color-profile report civil problem*/
.crime-type .collapsible-header {
    line-height: 1rem;
}

/*camera registration*/
#camreg {
    /*height: 120vh;*/
}

.cam-flex-parent {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.cam-flex-1 {
    width: 100%;
}

    .cam-flex-1 img {
        width: 100%;
        margin-bottom: 15px;
    }

.cam-flex-2 {
    width: 100%;
}
/*horses*/
.img-hmu-banner img {
    max-width: 100%;
}

/*HMU STYLES HERE*/

.donate-flex-bottom button {
    height: 36px;
    width: 81px;
    background-color: #CC3333;
    color: white;
    font-weight: 400;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
    border: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
}

    .donate-flex-bottom button:active,
    .donate-flex-bottom button:hover {
        position: relative;
        top: 1px;
        left: 1px;
        background-color: #A32929;
    }



.hmu-donate .donate-flex-bottom {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 92%;
    padding: 15px 0;
    margin: auto;
}

.hmu-donate .button-bottom {
    margin: 10px 25px 5px 0;
}



.hmu-spot .spotDescript {
    display: none;
}

.hmu-spot .spotDescriptCol {
    display: block;
}

.hmu-spot #atlDescWrapperSpotlight {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.hmu-spot .spotDescript {
    width: 100%;
}

.hmu-spot #atlDescWrapperSpotlight img {
    margin: 0;
    width: 64%;
}

/*recruit and SAVE spotlight*/


.save-flex-container {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    height: 325px;
}

.recruit-flex-container {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    height: 325px;
}

.recruitspot,
.savespot,
.winterspot {
    width: 100%;
    background-color: black;
}

.recruit-title,
.save-title {
    width: 98%;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.recruit-text-pic,
.save-text-pic {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.recruit-text,
.save-text {
    padding: 10px 9px;
    font-size: 12px;
    color: black;
}

.recruitspot img {
    width: 100%;
    margin-top: 0;
}

#winterspot,
#connectspot,
#recruitspot {
    width: 100%;
    background-color: black;
}

.winterspot img {
    width: 100%;
    margin-top: 0;
}

.connectspot img {
    width: 100%;
    margin-top: 0;
}

/*end recruit/save spotlight*/

/*Barb training records flex*/

.trainrec {
    width: 85%;
    margin: auto;
}

.trainrec-flex {
    width: 100%;
    height: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: auto;
}

    .trainrec-flex li {
        width: 98%;
        /*margin: auto;*/
        text-align: left;
        padding-right: 10px;
    }
/*END Barb training records flex*/
header.view-title {
    font-size: 2.92rem;
    margin: 1.46rem 0 1.168rem;
}

#atlDescWrapperSpotlightReport {
    margin-top: -30px;
}

/*VSU donate button top and bottom*/
.button-bottom {
    margin: 10px 0 5px 35px;
}

.hr-top-marg {
    margin-top: -25px;
}

.button-top {
    margin-top: 5px;
    margin-left: 20px;
}

.donate-flex-bottom {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 98%;
}

    .donate-flex button,
    .donate-flex-bottom button {
        height: 36px;
        width: 81px;
        background-color: #CC3333;
        color: white;
        font-weight: 400;
        -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.75);
        border: none;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

        .donate-flex button:active,
        .donate-flex button:hover,
        .donate-flex-bottom button:active,
        .donate-flex-bottom button:hover {
            position: relative;
            top: 1px;
            left: 1px;
            background-color: #A32929;
        }

    .donate-flex-bottom .red-text,
    .donate-flex .red-text {
        padding-left: 10px;
    }

.vsu-form-column {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 98%;
}

/*End VSU button*/

.phnName {
    display: inline-block;
    padding-left: 15px;
    padding-bottom: 10px;
}

    .phnName ~ a {
        padding-left: 20px;
    }

.caseinquiry {
    width: 232px;
}

#mapControlSm {
    /*background-color: #00334A;*/
    background-color: #490B3D;
    color: white;
    width: 100%;
    height: 44px;
    margin: auto;
}

#mapControlSmLst {
    /*background-color: #00334A;*/
    background-color: #490B3D;
    color: white;
    width: 100%;
    height: 44px;
    margin: auto;
}

/*.join-us {
    display: none;`
}*/

.join-us-mobile {
    position: absolute;
    left: 70px;
    margin-top: 9px;
    width: 95px;
    height: 29px;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 10px;
    line-height: 1.5;
    padding-top: 7px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,1), 0 2px 10px 0 rgba(0,0,0,1);
}

#reachout {
    height: 370px;
}

    #reachout .textpadding {
        padding-top: 0;
    }

    #reachout .social {
        max-width: 100%;
    }

#marqui {
    padding-bottom: 0;
}

.pinLink {
    color: white !important;
    width: 100%;
    font-weight: 800;
    background-color: orange;
    line-height: 3rem;
    margin-bottom: -15px;
    display: block;
}

#goTitle ul:last-child {
    padding-bottom: 10px;
}

#goNum ul:last-child {
    padding-bottom: 10px;
}

.input-field .gobody ~ input {
    width: calc(100% - 7rem);
}

.collapsible-go li .collapsible-header {
    height: 4rem;
    line-height: 2rem;
    text-align: left;
}

.collapsible-go li .collapsible-body {
    text-align: left;
    width: 96%;
    padding: 5px;
    margin: 2%;
}

.tabs .indicator {
    background-color: #26a69a;
    height: 5px;
}

.news-item-body .detail-content ul {
    margin-left: 4%;
}

.news-item-body .detail-content {
    height: auto;
    margin: unset;
}

.starthere-btm-panels {
    padding-bottom: 10px !important;
}

.gooletrans {
    right: 15px;
    top: 1px;
    position: absolute;
}

.card_file_col_height {
    height: auto;
}

.repCollapsible li .repCollapsible-collapsible-body {
    position: static;
}

#footer_phnscp {
    display: none;
}

.cn_icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    padding: 5px;
}

.viewtitle {
    text-align: center;
}

/*news from news table*/
.detail-content {
    /*margin-left:15px;*/
    line-height: 1.5;
    font-size: 1.2rem;
    height: 250px;
    overflow: hidden;
    margin-left: 20px;
}
/*station maps*/
.openCLose {
    margin-left: 10px;
    font-weight: 600;
}

#directionsWrp {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

.stationMap {
    height: 200px;
    margin-bottom: 10px;
}

.directionMap {
    height: 200px;
    margin-bottom: 10px;
}

.barbsul {
    padding-left: 20px;
}

.barbspad2 {
    padding: 20px;
}

/*recrutment*/
.badgeRecruit {
    float: left;
    padding-right: 20px;
}

.slider .slides {
    background-color: transparent;
}

.viewers {
}

.viewerWrppr {
    width: 98%;
    margin: 1%;
    text-align: center;
}

    .viewerWrppr a {
        display: inline-block;
    }

/*get rid of the margin 20px between rows inside a card layout of inner cards*/
#rowInnerCrds .col .card .card-content .row {
    margin-bottom: 0 !important;
}

/*chiefs page*/
.imgRight {
    float: right;
    width: 50%;
    padding: 10px;
    max-width: 350px;
}

.imgLeft {
    float: left;
    width: 50%;
    padding: 10px;
    max-width: 350px;
}

/*FORMS*/
.collection-forms {
    width: 97%;
    margin: 1.5%;
    text-align: left;
}

.formstitle {
    padding-bottom: 10px;
}

.formlink {
    font-size: 1.25rem;
    font-weight: 600;
}

[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    padding-left: 35px;
    height: 25px;
    padding-right: 25px;
}

/*wanted carouselA*/
/* for modal onewanted*/
.modalwidth90 {
    width: 90%;
}

.carouselA {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .carouselA .carouselA__content {
        width: auto;
        position: relative;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-transition: translate3d(0, 0, 0);
    }

        .carouselA .carouselA__content .item {
            display: block;
            float: left;
            width: 100%;
            position: relative;
        }

            .carouselA .carouselA__content .item .title {
                position: absolute;
                top: 50%;
                left: 0;
                margin: -33px 0 0 0;
                padding: 0;
                font-size: 3rem;
                width: 100%;
                text-align: center;
                letter-spacing: .3rem;
                color: #FFF;
            }

            .carouselA .carouselA__content .item .title--sub {
                margin-top: 20px;
                font-size: 1.2em;
                opacity: .5;
            }

    .carouselA.carousel__contentA .item img {
        width: 100%;
        max-width: 100%;
        display: block;
    }

    .carouselA .carouselA__nav {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -17px;
        left: 0;
        z-index: 1;
    }

.carouselA__nav .nav {
    position: absolute;
    bottom: 58px;
    color: #000;
    padding: 8px 12px;
    font-weight: bold;
    text-decoration: none;
    font-size: .8rem;
    -moz-transition: padding .25s ease;
    -o-transition: padding .25s ease;
    -webkit-transition: padding .25s ease;
    transition: padding .25s ease;
}

    .carouselA__nav .nav:hover {
        padding: 8px 20px;
    }

.carouselA__nav .nav--leftA {
    border-radius: 0 3px 3px 0;
    left: 0;
}

.carouselA__nav .nav--rightA {
    right: 0;
    border-radius: 3px 0px 0px 3px;
}

/*REPROTING*/
.collapse-button-wrp {
    padding: 10px;
    text-align: center;
}

#rowStartReportLgr {
    display: none;
}

#rowStartReportLg {
    display: block;
    background-color: white;
    padding-bottom: 10px;
}

    #rowStartReportLg p {
        color: red;
        font-weight: 500;
        font-size: 1.2rem;
        text-align: center;
    }

    #rowStartReportLg .btn {
        color: black;
        /*width: 98%;
        margin: auto;*/
    }

    #rowStartReportLg .jantext {
        font-size: 2rem;
    }

#filereportbarContent {
    background-color: #791E15;
    height: 44px;
}

.carouselR {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .carouselR .carousel__contentR {
        width: auto;
        position: relative;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-transition: translate3d(0, 0, 0);
    }

        .carouselR .carousel__contentR .item {
            display: block;
            float: left;
            width: 100%;
            position: relative;
        }

            .carouselR .carousel__contentR .item .title {
                position: absolute;
                top: 50%;
                left: 0;
                margin: -33px 0 0 0;
                padding: 0;
                font-size: 3rem;
                width: 100%;
                text-align: center;
                letter-spacing: .3rem;
                color: #FFF;
            }

            .carouselR .carousel__contentR .item .title--sub {
                margin-top: 20px;
                font-size: 1.2em;
                opacity: .5;
            }

            .carouselR .carousel__contentR .item img {
                width: 100%;
                max-width: 100%;
                display: block;
            }

    .carouselR .carousel__nav {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -17px;
        left: 0;
        z-index: 1;
    }

        .carouselR .carousel__nav .nav {
            position: absolute;
            top: 0;
            color: #000;
            background: #FFF;
            padding: 8px 12px;
            font-weight: bold;
            text-decoration: none;
            font-size: .8rem;
            -moz-transition: padding .25s ease;
            -o-transition: padding .25s ease;
            -webkit-transition: padding .25s ease;
            transition: padding .25s ease;
        }

            .carouselR .carousel__nav .nav:hover {
                padding: 8px 20px;
            }

        .carouselR .carousel__nav .nav--left {
            border-radius: 0px 3px 3px 0px;
        }

        .carouselR .carousel__nav .nav--right {
            right: 0;
            border-radius: 3px 0px 0px 3px;
        }

#casests {
    margin: 10px;
}

.item .card .card-action {
    height: 5rem;
}

.reportP {
    margin-top: 0 !important;
}

.reportList {
    margin-left: 10px;
}

.repCollapsible {
    width: 96%;
    margin: 2%;
    font-weight: bold !important;
}

    .repCollapsible li {
    }

        .repCollapsible li .linkWrp {
            text-align: center;
            font-size: 1.5rem;
        }

.item .card .card-action .l4, .item .card .card-action .l6 {
    text-align: center;
}

.ulspace li {
    margin-bottom: 10px;
}

.linkOutsideTarget {
    font-size: 14px;
    padding: 10px;
    text-align: center;
}

/****END REPORTING*/

/*Wanted List Small*/
.atl_lst_img_wrapper {
    min-height: 300px;
    white-space: nowrap;
    text-align: center;
    margin: 0;
}

.imgLsthelperatl {
    display: inline-block;
    height: 300px;
    vertical-align: middle;
}

.atl_lst_image {
    max-height: 300px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    max-width: 95%;
    height: auto;
    vertical-align: middle;
    margin-right: 5px;
}

.atlItems {
    font-family: Roboto,'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 1.0rem;
    line-height: 1.5;
    margin: 20px;
    max-height: 50000px;
    width: 100%;
}
/*******************/

/*Incidents*/
.tabFilterDays:active {
    color: white !important;
}

#row500 {
    margin-left: 0;
    margin-right: 0;
}

.noBtmMrg {
    margin-bottom: -20px;
}

#mapContoleWrpSm {
    height: 27px;
    text-align: center;
    width: 100%;
}

#mapMed #mapContoleWrpSm {
    padding: 0;
}

#mapTabsSm {
    width: 66%;
    float: left;
    margin-top: 5px;
}

.containerx {
    margin: 0 auto;
    max-width: 2048px;
    width: 93%;
}

.listImg {
    width: 35px;
    height: 40px;
    float: left;
}

.mapPinImg {
    width: 19px;
    height: auto;
    float: left;
    padding-top: 10px;
    margin-left: 5px;
}

.incdLstHeader {
    padding: 0;
    margin-bottom: 5px;
}

.incidentCard {
    padding: 0.2rem 0.2rem;
}

.incdCardContent {
    padding-top: 10px;
    padding-bottom: 40px;
}

.row.incdCardIconWrp {
    padding: 0;
}

.incdCardIconWrp {
    padding: 0 !important;
}

.incdCardTextWrp {
    line-height: 1.5;
}

    .incdCardTextWrp p {
        padding-right: 5px;
    }

.btnShowIncidentBtn {
    padding: 0 3px;
    position: relative;
    right: 8px;
    top: -1px;
}

.btnShowIncident {
    font-size: 24px !important;
}

    .btnShowIncident i {
        margin-left: 0;
    }

.incdLgDesc {
    position: relative;
    top: 10px;
}

    .incdLgDesc p {
        line-height: 1.7;
        margin-left: 10px;
        margin-right: 10px;
    }

#mapTabsSm .tabit a {
    color: #9c9c9c;
    padding-bottom: 26px;
    width: 100%;
    font-size: 15px;
}

#mapTabsSmLst .tabitLst a {
    color: #9c9c9c;
    padding-bottom: 26px;
    width: 100%;
    font-size: 15px;
}

#mapTabsSm .tabit a.active {
    color: white;
}

#mapTabsSmLst .tabitLst a.active {
    color: white;
}

#actdays {
    font-size: 12px;
    margin: auto;
}

#mapControlSmLbl {
    text-align: left;
    float: left;
    padding-top: 11px;
    padding-left: 5px;
}

#newdom_2high {
    padding: 0;
    /*height:523px;*/
}

#my_big_map {
    background-image: url('images/gmapbak.png');
    background-size: cover;
}

#idrowtop, #colfacebook, #colfilereprot, #colqanted {
    margin-top: 20px;
}

#headerjm {
    background-image: url('images/jm-Header2.png');
    width: 100%;
    height: 67px;
    margin: 0;
    padding: 0;
    BACKGROUND-SIZE: COVER;
}

#idrowtop {
    margin-bottom: 5px;
    height: 255px;
}

#btmrow {
    margin-bottom: 5px;
    height: 255px;
}

#colstop, #colfilereprot, #colfacebook, #colqanted {
    height: auto;
}

#imglogo {
}

.imgBadgeWrapper {
    /*position: relative;
    float: left;*/
    min-height: 67px;
    white-space: nowrap;
    text-align: center;
    margin: 0;
}

.imgHelperBadge {
    min-height: 67px;
    white-space: nowrap;
    text-align: center;
    margin: 0;
}

#badge {
    max-height: 67px;
    padding: 15%;
    width: 67px;
    height: auto;
    vertical-align: middle;
}

#therenosm {
    position: relative;
    float: left;
    color: white;
    font-weight: 500;
    font-size: 12px;
    vertical-align: middle;
    width: 44%;
    line-height: 1;
    margin-top: 4%;
}

#thereno {
    /*position: relative;
        float: left;*/
    color: white;
    font-weight: 500;
    font-size: 12px;
    vertical-align: middle;
    width: 63%;
    line-height: 1;
    /*margin-top: 4%;*/
}

#city {
    /*position: relative;
        float: right;
        right: 17px;
        margin-top: 20px;
        width: 25px;
        height: auto;*/
}

/*card colors bars for main view*/
.colorbarTALL {
    height: 36px;
    width: 102%;
    overflow: hidden;
    text-align: center;
}

.colorbarTALL100 {
    height: 36px;
    overflow: hidden;
    text-align: center;
}

.barTitleWrap {
    width: 95%;
}

.bartitle {
    color: white;
    font-weight: 700;
    position: relative;
    top: 11px;
    /*width is 105% and needs to come back 5%*/
    margin-right: 9.5%;
}

#newsbar {
    background-color: #01536D;
}

#incidentbar {
    background-color: #01536D;
}

#filereportbar {
    background-color: #01536D;
    width: 100%;
}

#atlbar {
    background-color: #01536D;
}

/* globe title provides top padding*/
.news_globe_div {
    left: -2px;
    position: relative;
}

.globewrapper {
    float: left;
    z-index: 5;
    position: relative;
}

    .globewrapper i {
        font-size: 36px;
    }

.globe {
    background-color: lightgray;
    color: white;
}

#newstitle {
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 20PX;
}

#newsdate {
    margin-left: 20px;
    margin-right: 20px;
    /*margin-bottom: 10px;*/
}

.dots {
    margin-left: 20px;
    padding-bottom: 10px;
}

#smcontus {
    position: relative;
    right: -3px;
}

.footer_city_img {
    width: 100%;
}

.newstext_grad {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+40,fafafa+100&0+40,1+99 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 40%, rgba(250,250,250,1) 99%, rgba(250,250,250,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(255,255,255,0)), color-stop(99%,rgba(250,250,250,1)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(250,250,250,1) 99%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(250,250,250,1) 99%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 40%,rgba(250,250,250,1) 99%,rgba(250,250,250,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 40%,rgba(250,250,250,1) 99%,rgba(250,250,250,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
    height: 190px;
    /*width: 100%;*/
    /*top: 42px;*/
    top: 62px;
    position: absolute;
    bottom: 15px;
    z-index: 500;
    display: none;
}

/*alt card*/
.cardup {
}

.iconover, .iconover:active {
    top: 5px;
    left: -6px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
}

    .iconover:hover {
        top: 4px;
        left: -7px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5), 0 3px 11px 0 rgba(0, 0, 0, 0.5);
    }

#atl_container {
    height: 250px;
    overflow-y: auto;
    cursor: pointer !important;
}

#atlIcon {
    z-index: 100;
    position: relative;
    width: 36px;
    float: left;
}

#atl_image {
    z-index: 0;
    max-width: 95%;
    height: auto;
    max-height: 125px;
    vertical-align: middle;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    position: relative;
    left: -2.5%;
}

#atl_img_wrapper {
    width: 50%;
    float: left;
    height: 125px;
    max-width: 194px;
    background-size: cover;
    white-space: nowrap;
    text-align: center;
    margin: 0;
    margin-top: 5px;
}

#atlBtnWrapper {
    float: right;
    width: 40%;
    margin-right: 5px;
    margin-top: 5px;
}
/*landpage atlItems*/
#atlItems {
    font-family: Roboto,'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 15px;
    max-height: 120px;
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}

#atlNameLbl {
    font-weight: 600;
    text-transform: uppercase;
    /* margin-top: 10px; */
    position: relative;
    top: 10px;
}

#atlDescWrapper {
    margin-top: 20px;
    height: 30px;
    overflow: hidden;
}

/*SPOTLIGHT PANEL STYLES BLM 08/15/2019*/

/*for K9*/
#atlDescWrapperSpotlight {
    margin-top: 20px;
    height: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}

#atlDescWrapperSpotlightTraffic {
    margin-top: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #3F3F3F;
}

#atlDescWrapperSpotlight img {
    width: 150px;
}

#atlIconSpot {
    width: 24px;
    float: left;
    margin: 6px 0 0 10px;
}

.spotDescript {
    padding: 0 7px;
    font-size: 12px;
    color: black;
}

.spotDescriptCol {
    padding-bottom: 5px;
}

#atlDescWrapperSpotlightVSU {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-top: 25px;
}

    #atlDescWrapperSpotlightVSU img,
    #atlDescWrapperSpotlightgun img,
    #atlDescWrapperSpotlightReport img {
        /*width: 300px;*/
        /*flex-basis:66%;*/
        width: 48%;
        margin: auto;
        display: block;
    }



/*END SPOTLIGHT PANEL STYLES BLM 08/15/2019*/

#atl_container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

#atl_container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#atlDescWrapper p {
    padding-bottom: 50px;
}

#atlDescLbl {
    font-weight: 600;
}

#btnAtlViewAll, #btnAtlViewAllnot {
    width: 100%;
    position: relative;
    right: 0;
    font-size: 10px;
}

    #btnAtlViewAll > span:before, #btnAtlViewAllnot > span:before {
        content: "View All";
    }

#btnAtlViewNext, #btnAtlViewNextnot {
    margin-top: 20px;
    width: 100%;
    position: relative;
    right: 0;
    font-size: 10px;
}

    #btnAtlViewNext > span:before, #btnAtlViewNextnot > span:before {
        content: "View Next";
    }

.modal-content #atlDescWrapper {
    height: auto;
    overflow: visible;
}

.modal-content #atl_container {
    height: auto;
    overflow-y: visible;
}

#modalwanted .modal-content {
    padding: 5px;
}

#faceboofeed {
    position: relative;
}

#my_map {
    height: 250px;
    width: 203px;
}

#serv_lable {
    position: relative;
    z-index: 50;
    top: -250px;
    left: 0;
    color: black;
    background-color: #FAFAFA;
    text-align: center;
    width: 100%;
    margin-right: 38px;
    font-weight: 600;
    font-size: 14px;
}

.fbcardicon {
    position: absolute;
    left: -2px;
    top: 0;
    width: 36px;
    height: 36px;
    font-size: 36px;
}

.fbcardiconsvg {
    position: absolute;
    left: 10px;
    top: 7px;
    width: 36px;
    height: 36px;
}

#colfilereprot {
    position: relative;
}

#filereport {
    position: relative;
}

#img-file-report-wrapper {
    height: 215px;
    white-space: nowrap;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 37px;
    left: 0px;
    width: 50%;
}


#img-records-wrapper {
    height: 215px;
    white-space: nowrap;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 36px;
    /*left: 173px;*/
    right: 0px;
    width: 51%;
}

.imghelperfilereport {
    display: inline-block;
    height: 205px;
    vertical-align: middle;
}

#img-file-report,
#img-records {
    background-color: transparent;
    height: auto;
    max-height: 214px;
    vertical-align: middle;
}

/*new dom*/
#row500 {
    position: relative;
    z-index: 0;
    left: 111%;
    top: -565px;
    color: green;
}

#cardYouTube {
    vertical-align: middle;
    text-align: center;
}

    #cardYouTube iframe {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.StartReport {
    margin-bottom: 10px;
    text-align: center;
    vertical-align: central;
}

.btnStartReport, .btnAddreport {
    width: 300px;
    position: relative;
    left: 0;
}

.img-k9-banner img {
    width: 100%;
}

/*covid19 page css*/

.covid-flexparent {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-col-1 {
    width: 100%;
}

.flex-col-2 {
    width: 100%;
}



/*300 media q*/
@media (min-width: 300px) {
    .seeMapLrg {
        padding: 5px;
        text-transform: uppercase;
    }

    .mrgLeft5 {
        margin-left: 5px;
    }

    .jantext {
        line-height: 1.5 !important;
        padding: 10px !important;
    }

    .jantextSM {
        line-height: 1 !important;
        padding: 10px !important;
        margin-top: 0 !important;
    }

    .jantextLow {
        line-height: 1.2 !important;
        padding: 0 10px 0 10px !important;
        margin-top: 0 !important;
    }

    .jantextTight {
        line-height: 1 !important;
        padding: 3px 10px 3px 10px;
        margin-top: 0 !important;
    }

    .cardsmaller {
        width: 85%;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }

    .cardsmaller_text {
        font-size: 1.2rem !important;
    }

    #imglogo {
    }

    #badge {
    }

    #city {
    }

    #therenosm {
    }

    .globewrapper {
        float: left;
    }

    .globe {
        background-color: lightgray;
        color: white;
    }

    #newstitle {
        font-weight: 600;
    }

    #newsdate {
        clear: both;
    }

    .newstext {
        height: 100px;
        /*white-space:pre-wrap;*/
        overflow: hidden;
        
        /*margin-left: 20px;
        margin-right: 20px;*/
        font-family: Roboto,'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 1.0rem;
        line-height: 1.5;
    }

        .newstext p {
            padding: 0;
            margin-bottom: .5rem;
        }
}

/*400 media q*/
@media (min-width: 400px) {
    .btnStartReport, .btnAddreport {
        width: 333px;
        position: relative;
        left: 0;
    }

    #imglogo {
    }

    #therenosm {
    }

    #newstitle {
    }

    #newsdate {
    }

    .newstext_grad {
        height: 190px;
        /*width: 100%;*/
        top: 62px;
        position: absolute;
        bottom: 15px;
        z-index: 500;
    }

    #btnAtlViewAll, #btnAtlViewAllnot {
        font-size: 12px;
    }

    #btnAtlViewNext, #btnAtlViewNextnot {
        font-size: 12px;
    }
}

/*601 media q*/
@media (min-width: 601px) {

    /*barb fixing news text .newstext */

    #btnMoreNews.flex-btn {
        display: flex;
        margin-left: 20px;
        width: 25%;
        font-size: small;
    }

    /*barb fixing file a report traffic*/

    #file-card8 {
        margin-top: -300px;
    }

    /*barb orgbutton flex 05/30/2024*/

    .orgbutton-flex-parent {
        width: 53%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 auto;
        margin-bottom: 10px;
    }



    /*Barb text align content staff page form mobile*/

    .staff-text-fix {
        text-align: right;
    }

    #winterspot,
    #connectspot,
    #recruitspot {
        background-color: black;
    }

    .vsu-main .welcome-flex-row .badge {
        max-width: 40%;
    }

    /*barb save pics*/
    .imgpad-l-float .card-9 img {
        padding-left: 20px;
    }

    .imgpad-r-float .card-9 img {
        padding-right: 20px;
    }
    /*News wrapper*/
    .flex-text .flex-ellipse {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    /*Proffesional Jobs*/

    .pic-filler {
        width: 50%;
    }

        .pic-filler img {
            width: 100%;
        }

    #profjobdescript .jtext p {
        width: 50%;
    }

    /*Barb new banner*/
    #banner {
        width: 100%;
        height: 146px;
        background-image: url(images/jm-Header2.png);
        background-size: cover;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center;
    }

    .banner-badge-mobile {
        width: 14%;
    }

        .banner-badge-mobile img {
            width: 97px;
            max-height: 97px;
            padding: 9%;
        }

    .catchphrase-col {
        width: 76%;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

        .catchphrase-col p {
            color: white;
            font-weight: 700;
            font-size: 135%;
        }

    .med-only {
        width: 99%;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
    /*new join buttons*/
    .join-btns {
        height: 35px;
        width: 55%;
        margin-top: -6%;
        padding: 0 2px 0 7px;
        background-color: #3d5058;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-align-items: center;
        align-items: center;
    }

        .join-btns span {
            font-size: 12px;
            color: aliceblue;
            text-transform: uppercase;
            margin-right: 8px;
        }

        .join-btns .btn {
            background-color: #00334a;
            height: 25px;
            line-height: 29px;
            margin-right: 5px;
        }

            .join-btns .btn:hover {
                background-color: #1A475B;
            }

    .city-logo {
        width: 9%;
    }


        .city-logo img {
            width: 40px;
        }

    /*Barb 11/01/2022 split spotlight*/
    .c-spot-img {
        height: 50%;
    }

        .c-spot-img img {
            height: 70%;
        }

    .c-spot-text {
        text-align: center;
        height: 45%;
    }

        .c-spot-text p {
            font-size: smaller;
        }

    /*END Barb 11/01/2022 split spotlight*/


    /*recruit spot*/
    .recruitspot img {
        width: 100%;
        margin-top: 0;
    }



    .winterspot img {
        width: 100%;
        margin-top: 0;
    }

    .connectspot img {
        width: 100%;
        margin-top: 0;
    }
    /*barb trainrec flex*/
    .trainrec-flex li {
        width: 47%;
    }

    /* END barb trainrec flex*/


    /*Barb VSU Donate button - ipad*/

    .donate-flex {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        width: 98%;
    }

    .donate-flex-bottom {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        width: 75%;
    }

    #atlDescWrapperSpotlightReport {
        margin-top: 0;
    }

    .join-us-mobile {
        display: none;
    }

    .join-us {
        /*display: block;
        position: absolute;
        right: 63px;
        margin-top: 19px;*/
        width: 49px;
        height: 69px;
        font-size: 12px;
        line-height: 1.5;
        padding-top: 5px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,1), 0 2px 10px 0 rgba(0,0,0,1);
    }

    #reachout .social {
        max-width: 205px;
    }

    .pinLink {
        line-height: 1;
        margin-bottom: unset;
    }

    .starthere-btm-panels {
        height: 170px;
    }

    .card_file_col_height {
        height: 38rem;
    }

    .repCollapsible li .repCollapsible-collapsible-body {
        position: absolute;
        z-index: 100;
    }

    .chief-staff-img {
        min-width: 45% !important;
        padding-bottom: 7px;
    }

    .viewtitle {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        margin-top: 10px;
    }


    /*SPOTLIGHT STYLES BLM 08/15/2019*/
    #atlDescWrapperSpotlight {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

        #atlDescWrapperSpotlight img {
            width: 94px;
        }

    .spotDescript {
        display: none;
    }

    .hmu-spot .spotDescript {
        display: none;
    }



    #atlDescWrapperSpotlightVSU img,
    #atlDescWrapperSpotlightgun img,
    #atlDescWrapperSpotlightReport img {
        width: 80%;
        margin-left: 25px;
        padding-top: 15px;
    }

    /*HMU STYLES HERE*/

    /*.hmu-spot #atlDescWrapperSpotlight {
        -webkit-flex-direction: column;
        flex-direction: column;
    }*/

    .hmu-spot .spotDescript {
        width: 100%;
    }

    .hmu-spot #atlDescWrapperSpotlight img,
    .recruitspot #atlDescWrapperSpotlight img,
    .savespot #atlDescWrapperSpotlight img {
        margin-top: 0px;
        width: 90%;
    }
    /*END SPOTIGHT*/
    /*station maps*/
    .stationMap {
        height: 250px;
        margin-bottom: 10px;
    }

    .directionMap {
        height: 500px;
        margin-bottom: 10px;
    }

    /*recrutment*/
    .badgeRecruit {
        padding-bottom: 0;
        padding-right: 0;
    }

    .img-staff-left-wrp {
        padding-left: 10px;
        padding-top: 5px;
        padding-right: 10px;
        float: left;
        min-width: 35%;
        max-width: 190px;
    }

    .imgLeftStaff {
        width: 100%;
        height: auto;
        border: 1px double black;
        padding: 2px;
    }

    .img-staff-right-wrp {
        padding-left: 10px;
        padding-top: 5px;
        padding-right: 10px;
        float: right;
        min-width: 35%;
        max-width: 190px;
    }

    .imgRightStaff {
        width: 100%;
        height: auto;
        border: 1px double black;
        padding: 2px;
    }

    #cardYouTube iframe {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #idrowtop, #colfacebook, #colfilereprot, #colqanted {
        margin-top: auto;
    }

    #headerjm {
        background-image: url('images/jm-Header2.png');
        width: 100%;
        height: 97PX;
        margin: 0;
        padding: 0;
        BACKGROUND-SIZE: contain;
    }

    .imgBadgeWrapper {
        min-height: 97px;
    }

    .imgHelperBadge {
        min-height: 97px;
    }

    #badge {
        max-height: 97px;
        padding: 15%;
        width: 97px;
    }

    .lang_links {
        right: 15px;
        top: 12px;
        position: absolute;
    }

    #city {
        /*position: relative;
        float: right;
        right: 17px;
        margin-top: 25px;
        width: 35px;
        height: auto;*/
    }

    #colstop, #colfilereprot, #colfacebook, #colqanted {
        height: 250px;
    }

    #idrowtop {
        margin-bottom: 10px;
        height: 255px;
    }

    #btmrow {
        margin-bottom: 10px;
        height: 255px;
    }

    #newstitle {
    }

    #atlBtnWrapper {
        /*margin-top: 15px;*/
    }

    .newstext_grad {
        height: 160px;
        /*width: 50%;*/
        top: 54px;
        position: absolute;
    }

    #btnAtlViewAll, #btnAtlViewAllnot {
        padding-right: 0 !important;
    }

    #btnAtlViewNext, #btnAtlViewNextnot {
        padding-right: 0 !important;
    }

    #btnAtlViewAll > span:before, #btnAtlViewAllnot > span:before {
        content: "All";
    }

    #btnAtlViewNext > span:before, #btnAtlViewNextnot > span:before {
        content: "Next";
    }

    /*end of 601*/
}

/*768 media q*/
@media (min-width: 768px) {

/*Barb foodtruck page*/

.foodtruck {
    width: 100%;
    margin: 0 auto;
}
    /*endBarb foodtruck page*/

/*barb foodtruck spotlight*/
    .foodtruck-pics {
        width: 100%;
        height: 67%;
        background-image: url('images/spotlights/foodtruck/foodtruck_750_ipad.png'); /* Image source */
        background-size: cover; /* Adjust how image fits */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Prevent tiling */
        /*display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: auto;*/
    }

    /*end barb foodtruck spotlight*/

/*Barb new flex banner*/

    #thereno {
        color: white;
        font-weight: 700;
        font-size: 20px;
        width: 51%;
        line-height: 1;
    }

    .banner-right-flex-items {
        width: 35%;
    }

    .banner-badge {
        width: 12%;
    }

    /*.banner-right-flex-items {
        width: 42%;
    }*/

    .reno-link img {
        height: 68px;
        width: auto;
    }


    #cardYouTube iframe {
        padding-top: 20px;
        padding-bottom: 20px;
        width: 500px;
        height: 345px;
    }
}


/*800 media q*/
@media (min-width: 800px) {

    /*barb patrol staffing*/

    #cardYouTube iframe {
        padding-top: 20px;
        padding-bottom: 20px;
        width: 360px;
        height: 285px;
    }

    #idrowtop {
        margin-top: auto;
    }

    #imglogo {
    }
    /* globe title provides top padding*/
    .globewrapper {
        margin-top: 0;
        float: left;
        margin-left: -3px;
    }

    .globe {
        background-color: lightgray;
        color: white;
    }

    #newstitle {
    }

    #newsdate {
        clear: both;
    }

    .newstext_grad {
        /*width set by javascript*/
        height: 161px;
        top: 42px;
        position: absolute;
    }
}

/*993 media q*/
@media (min-width: 993px) {

/*Barb foodtruck*/

    .food-container {
        margin: 0 auto;
        padding-top: 10px;
    }

    .foodtruck {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .food-flex-child {
        width: 96%;
    }

    .foodtruck p {
        font-size: 20px;
        padding: 5px 20px;
    }

    .foodtruck img {
        width: 56%;
    }

/*end foodtruck*/

    .banner-badge {
        width: 7%;
    }

    .r-button,
    .c-button{
        width: 64px; 
    }

    .cc-button {
        width: 104px !important;
    }

    .banner-right-flex-items {
        width: 17%;
    }

    /*barb orgbutton flex 05/30/2024*/

    /*.orgbutton-flex-parent {
        width: 32%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 auto;
        margin-bottom: 10px;
    }*/

    /*barb patrol staffing*/

    #cardYouTube iframe {
        width: 350px;
        height: 250px;
    }

    .vid-flex-child {
        width: 90%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }

    #mapLG {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center;
    }

        #mapLG #mapContoleWrp {
            position: relative;
            top: -3px;
        }

    #mapControlLrgLbl .lrgIncdLast {
        margin-left: 3px;
    }

    #mapLG #mapContoleWrp #mapControlSm {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: space-between;
    }

    #mapTabsLg {
        flex-grow: 5;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    #filterDaysLg {
        position: relative;
        left: -4px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        flex-grow: 5;
    }

        #filterDaysLg .tabit a {
            color: gray;
            font-size: 40px;
        }

            #filterDaysLg .tabit a.active {
                color: white;
                font-size: 40px;
            }

    .join-us-mobile {
        display: none;
    }

    .join-us {
        /*display: block;
        position: absolute;
        right: 81px;
        margin-top: 35px;*/
        width: 64px;
        height: 69px;
        font-size: .95em;
        line-height: 1.5;
        padding-top: 12px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,1), 0 2px 10px 0 rgba(0,0,0,1);
        text-align: center;

    }

    .card_file_col_height {
        height: 51rem;
        border: 2px solid green;
    }

    #marqui {
        padding-bottom: 0;
    }

    .chief-staff-img {
        min-width: 25% !important;
    }

    .modalwidth90 {
        max-width: 50%;
    }

    .modal .modal-footer70h {
        height: 70px;
    }

    .modal .modal-footer .modal-footer-btn-70h {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .cn_iconLI {
        margin-top: 40%;
    }

    .deptlastli {
        padding-bottom: 20px;
    }

    /*Barb's CSS for new K9 03/01/2020 - Also HMU Unit 8/30/2021*/

    .img-k9-banner {
        padding-top: 3px;
        margin: 0 auto;
        max-width: 1000px;
    }

    .img-hmu-banner {
        padding-top: 3px;
        margin: 0 auto;
        max-width: 667px;
    }

    .hmu-pic-center {
        text-align: center
    }

    .img-k9-handler-left,
    .img-k9-handler-right {
        padding-left: 10px;
        padding-top: 3px;
        padding-right: 15px;
        min-width: 15%;
        max-width: 300px;
    }

    .img-hmu-handler-left,
    .img-hmu-handler-right {
        padding-left: 10px;
        padding-top: 3px;
        padding-right: 15px;
        min-width: 15%;
        max-width: 450px;
    }

    .img-k9-handler-left,
    .img-hmu-handler-left {
        float: left;
    }

    .img-k9-handler-right,
    .img-hmu-handler-right {
        float: right;
    }

    .hmu-text-left .jantext {
        width: 63%;
        margin-top: 45px !important;
        margin-left: 50px !important;
    }

    .hmu-text-right .jantext {
        width: 63%;
        margin-top: 45px !important;
        margin-left: 500px !important;
    }

    .hmu-donate .donate-flex-bottom {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        width: 92%;
        padding: 15px 0;
    }

    .hmu-donate .button-bottom {
        margin: 10px 25px 5px 35px;
    }

    .no-marg-bot {
        margin-bottom: 0 !important;
        background-color: black;
    }

    .right-text-pad {
        padding-right: 13rem;
    }

    /*END Barb's CSS for new K9 03/01/2020*/

    .img-staff-left-wrp {
        padding-left: 10px;
        padding-top: 3px;
        padding-right: 10px;
        float: left;
        min-width: 15%;
        max-width: 190px;
    }

    .imgLeftStaff {
        width: 100%;
        height: auto;
        border: 1px double black;
        padding: 2px;
    }

    .img-staff-right-wrp {
        padding-left: 10px;
        padding-top: 3px;
        padding-right: 10px;
        float: right;
        min-width: 15%;
        max-width: 190px;
    }

    .imgRightStaff {
        width: 100%;
        height: auto;
        border: 1px double black;
        padding: 2px;
    }

    #headerjm {
        background-image: url('images/jm-Header2.png');
        width: 100%;
        height: 130px;
        margin: 0;
        padding: 0;
        BACKGROUND-SIZE: contain;
    }

    .imgBadgeWrapper {
        min-height: 130px;
    }

    .imgHelperBadge {
        min-height: 130px;
    }

    #badge {
        max-height: 130px;
        padding: 15%;
        width: 130px;
    }

    .lang_links {
        right: 15px;
        top: 12px;
        position: absolute;
    }

    #city {
        /*right: 17px;
        margin-top: 28px;
        width: 49px;*/
    }

    #thereno {
        color: white;
        font-weight: 700;
        font-size: 20px;
        width: 75%;
        line-height: 1;
    }

    #newstitle {
    }

    #newsdate {
    }

    .newstext_grad {
        /*width: 57.5%;*/
        height: 210px;
    }

    /*wanted*/
    .barTitleWrap {
        color: white;
        position: relative;
        top: 10px;
        font-size: 20px;
    }

    .bartitle {
        position: relative;
        top: 0px;
    }

    .btnViewOneWanted {
        position: absolute;
        bottom: 5px;
        right: 5px;
    }

    .atl_lst_img_wrapper {
        min-height: 200px;
        white-space: nowrap;
        text-align: center;
        margin: 0;
    }

    .imgLsthelperatl {
        display: inline-block;
        height: 250px;
        vertical-align: middle;
    }

    .atl_lst_image {
        max-height: 250px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        max-width: 95%;
        height: auto;
        vertical-align: middle;
        margin-right: 5px;
    }

    .atl_modal_img_float {
        float: left;
        width: 33%;
        padding: 10px;
    }

    .atl_modal_lst_img_wrapper {
        min-height: 200px;
        white-space: nowrap;
        text-align: center;
        margin: 0;
    }

    .atl_modal_imgLsthelper {
        display: inline-block;
        height: 250px;
        vertical-align: middle;
    }

    .Atl_modal_image {
        max-height: 250px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        max-width: 95%;
        height: auto;
        vertical-align: middle;
        margin-right: 5px;
    }

    .dv_Atl_Modal_name {
        font-weight: 800;
    }

    .atlModalLstDescWrapper {
        padding-top: 10px;
        margin-left: 10px;
        line-height: 1.5;
    }

    .barb-lap-fix.btnStartReport,
    .barb-lap-fix.btnAddreport {
        width: 311px;
    }

    .btnStartReport, .btnAddreport {
        width: 356px;
    }

    .linkOutsideTarget {
        font-size: 1.2rem;
    }

    #directory {
        padding-bottom: 200px;
    }

    /*Barb laptop fixes 10/20/2022*/



    .repCollapsible {
        height: 65vh;
    }

    .repCollapsible-barbfix {
        height: auto;
    }

    .repCollapsible li {
        float: left;
        margin-right: 1%;
        margin-left: 1%;
        width: 31%;
    }

        .repCollapsible li .collapse-abolsute {
            position: absolute;
            z-index: 100;
            position: absolute;
            z-index: 100;
            max-width: 31%;
        }



    /*end of 993*/
}

/*1025 media q*/
@media (min-width: 1025px) {

/*barb read more button*/

    #btnMoreNews.flex-btn {
        width: 18%;
        margin: 15px 15px 0 0;
    }
    /*Barb foodtruck page*/
    .foodtruck {
        width: 60%;
        display: flex;
        justify-content: center;
    }

/*end foodtruck page*/

    /*barb foodtruck spotlight*/
    .foodtruck-pics {
        width: 100%;
        height: 84%;
        background-image: url('images/spotlights/foodtruck/foodtruck_750px.png');
        background-size: cover; /* Adjust how image fits */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Prevent tiling */
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: auto;
    }

    /*end barb foodtruck spotlight*/


        /*barb firearms pics*/
        .own-proof {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-align-items: flex-start;
            align-items: flex-start;
            width: 60%;
            margin: 0 auto;
        }

    .img-proof {
        width: 44%;
    }

    /*barb turning banner into flex*/

    #city {
        width: 45px;
        margin-right: 25px;
    }

    /*barb orgbutton flex 05/30/2024*/

    .orgbutton-flex-parent {
        width: 20%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 auto;
        margin-bottom: 10px;
    }





    .flex-vid1,
    .flex-vid2,
    .flex-vid3,
    .flex-vid4 {
        width: 48%;
    }

    #cardYouTube iframe {
        width: 615px;
        height: 370px;
    }

    /*barb new chif pic fix 11/29/2023*/

    .lg-top-marg p {
        margin: 7px 0 0 0 !important;
    }

    /*barb file a report page 11/01/2023*/

    #card8 {
        margin-top: 0;
    }

    #file-card8 {
        margin-top: -190px;
    }

    #winterspot,
    #connectspot,
    #recruitspot {
        background-color: black;
    }

    .recruitspot img {
        width: 100%;
        margin-top: 0;
    }

    /*barb new save imagages*/
    .card-10 img,
    .card-9 img,
    .card-8 img,
    .card-4 img,
    .card-3 img,
    .card-2 img,
    .card-1 img,
    .card-0 img,
    .abandon img,
    .vacation img {
        width: 375px;
    }

    .picfix .card-9 img {
        margin-bottom: 25px;
        margin-right: 24px;
    }

    .card-9 .barbsul-w-pic-l li {
        text-indent: -1.5em;
    }


    .save-fix-width {
        width: 100%;
    }

    /*Barb fixing news content home page*/

    .news-flex {
        height: 125px;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

    .rels-flex {
  
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }

    .flex-text {
        width: 80%;
        padding-right: 20px;
    }

        .flex-text .flex-ellipse {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            /*line-height: 1em;
            max-height: 9em;*/
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }



    .flex-btn {
        display: flex;
        width: 17%;
        align-content: flex-end;
        font-size: small;
        justify-content: center;
    }

    /*Barb Proffesional Page*/
    .prof-parent-row {
        width: 100%;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    #toc {
        width: 100%;
    }

    .toc {
        width: 32.5%;
        margin: .5rem 15px 0 0;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    /*.pic-filler {
        display: unset;
    }*/

    .list-col-1 {
        width: 65.5%;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .list-col-2 {
        width: 99%;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    /*Barb Proffesional Page*/
    .prof-parent-row {
        width: 100%;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    #toc {
        width: 100%;
    }

    .toc {
        width: 32.5%;
        margin: .5rem 15px 0 0;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .list-col-1 {
        width: 65.5%;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .list-col-2 {
        width: 100%;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }

    #profjobdescript .jtext {
        width: 100%;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    #profjobdescript,
    #profjob1,
    #profjob2 {
        width: 99%;
    }

        #profjobdescript .card-content {
            min-height: 442px;
        }

    .subtitle {
        font-size: 1.2em;
        font-weight: 500;
    }

    #profjobdescript .jtext p {
        width: 65%;
    }

    #sidebarProf {
        min-height: 442px;
    }

        #sidebarProf.card {
            margin: 0;
        }

    .pic-filler {
        width: 35%;
    }

        .pic-filler img {
            width: 100%;
        }

    /*end prof jobs*/


    .subtitle {
        font-size: 1.2em;
        font-weight: 500;
    }



    #sidebarProf.card {
        margin: 0;
    }

    /*.pic-filler {
        width: 100%;
        height: 554px;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }*/

    /*end prof jobs*/

    /*Barb new banner*/
    #banner {
        width: 100%;
        height: 130px;
        background-image: url(images/jm-Header2.png);
        background-size: contain;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center;
    }

    .banner-badge-mobile {
        width: 7%;
    }

        .banner-badge-mobile img {
            width: 130px;
            max-height: 130px;
            padding: 7%;
        }

    .catchphrase-col {
        width: 64%;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

        .catchphrase-col p {
            color: white;
            font-weight: 700;
            font-size: 135%;
        }


    /*new join buttons*/
    .join-btns {
        height: 35px;
        width: 23%;
        margin-top: 1.5%;
        padding: 0 1px 0 7px;
        background-color: #3d5058;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .join-btns span {
            font-size: 12px;
            color: aliceblue;
            text-transform: uppercase;
            margin-right: 8px;
        }

        .join-btns .btn {
            background-color: #00334a;
            height: 25px;
            line-height: 29px;
            margin-right: 5px;
        }

            .join-btns .btn:hover {
                background-color: #1A475B;
            }

    .city-logo {
        width: 4%;
    }


        .city-logo img {
            width: 49px;
            float: right;
        }

    /*cadet css*/
    .cadet-flex-child {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .cadet-flex-child2,
    .cadet-flex-child3,
    .cadet-flex-child4,
    .cadet-flex-child5 {
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 20px 0;
    }

    .card1-child1 {
        width: 15%;
        padding-left: 15px;
    }

    .card2-child1,
    .card2-child3 {
        width: 37%;
        padding-left: 15px;
    }

    card2-child1 {
        padding-bottom: 0;
    }

    .card2-child2,
    .card2-child6 {
        width: 40%;
    }

    .card2-child4 {
        width: 25%;
        margin-right: 15%;
        padding-bottom: 0;
    }

    .card2-child5 {
        width: 23%;
        padding-bottom: 0;
    }

    .card3-child1 {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .card3-child2 {
        width: 90%;
        padding: 0;
    }

    .card3-child3 {
        width: 29%;
        margin-left: 25%;
    }



    /*Barb 11/01/2022 split spotlight*/

    .c-spot-img {
        height: 65%;
    }

        .c-spot-img img {
            height: 100%;
        }

    .c-spot-text {
        height: 35%;
    }

        .c-spot-text p {
            font-size: larger;
        }

    /*END Barb 11/01/2022 split spotlight*/

    /*camreg*/

    #camreg {
        height: 170px;
    }

    .cam-flex-parent {
        width: 98%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .cam-flex-1 {
        width: 40%;
    }

        .cam-flex-1 img {
            width: 98%;
            margin-bottom: 15px;
        }

    .cam-flex-2 {
        width: 60%;
    }

    /*barb training records*/
    .trainrec-flex li {
        width: 24%;
    }

    /*END barb training records*/

    .recruit-text-pic,
    .save-text-pic {
        width: 94%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: auto;
    }

    .recruit-text-pic2 {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: auto;
    }

    #connectspot,
    #winterspot,
    #recruitspot {
        width: 100%;
        background-color: black;
    }

    .connectspot .recruit-text-pic {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: auto;
    }


    .winterspot .recruit-text-pic {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: auto;
    }


    .savespot img {
        width: 64%;
        margin-top: 25px;
    }

    .connectspot img,
    .winterspot img {
        width: 100%;
        /*margin-top: 12px;*/
    }

    /*.winterspot img {
        width: 59%;
        margin-top: 25px;
    }*/

    .recruit-text,
    .save-text {
        font-size: 17px;
    }
    /*file a report records req buttons*/
    /*#img-records-wrapper {
        left: 258px;
    }*/
    #marqui {
        padding-bottom: 0;
        height: 17px;
    }

    /*{
        -webkit-flex-direction: row;
        flex-direction: row;
    }*/

    #atlDescWrapperSpotlight img {
        /*width: 150px;*/
        /*flex-basis:66%;*/
        flex-basis: 95%;
        height: 180px;
    }

    #atlDescWrapperSpotlightVSU,
    #atlDescWrapperSpotlightgun,
    #atlDescWrapperSpotlightReport {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }

    #atlDescWrapperSpotlightReport {
        margin-top: 0;
    }

    #atlDescWrapperSpotlightVSU img,
    #atlDescWrapperSpotlightgun img {
        /*width: 300px;*/
        /*flex-basis:66%;*/
        width: 40%;
        margin-left: 0;
        padding-top: 0;
    }

    #atlDescWrapperSpotlightReport img {
        width: 50%;
        margin-left: 0;
        padding-top: 0;
        display: inline;
    }

    #atlDescWrapperSpotlightVSU .spotDescript {
        padding-top: 15px;
    }

    .spotDescriptCol {
        display: none;
    }

    .spotDescript {
        display: block;
        font-size: 14px;
        color: black;
    }

    /*HMU STYLES HERE*/

    .hmu-spot .spotDescript {
        display: block;
    }

    .hmu-spot .spotDescriptCol {
        display: none;
    }

    .hmu-spot #atlDescWrapperSpotlight {
        -webkit-flex-direction: row;
        flex-direction: row;
    }

        .hmu-spot #atlDescWrapperSpotlight img {
            margin-top: -10px;
        }

    .covid-flexparent {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .flex-col-1 {
        width: 25%;
        padding-right: 25px
    }

        .flex-col-1 img {
            width: 94%;
            -webkit-align-items: flex-start;
            align-items: flex-start;
        }

    .flex-col-2 {
        width: 75%;
    }

    /*barb vsu and HMU donate button 1025*/

    .vsu-main .donate-flex {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 10px 0;
    }

    .vsu-main .donate-flex-bottom {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
    }

    donate-flex-item1 {
        padding-right: 25px;
    }

    /*fixing vsu welcome card*/

    .welcome-flex-row {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
    }

    .welcome-flex-col {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        width: 100%;
    }

    .vsu-main .welcome-flex-row .badge {
        max-width: 25%;
    }

    .hmu-donate .donate-flex-bottom button {
        margin-right: 10px;
    }
}



/*1280 media q*/

/*barb fixing banner on laptop*/
@media (min-width: 1280px) {

    .barbrtmargin {
        margin-right: 25px;
    }


    .jantext {
        line-height: 1.5 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }



    #mapControlSm {
        /* background-color: #00334A; */
        background-color: #490B3D;
        color: white;
        width: 100%;
        height: 583px;
    }

    #mapControlSmLst {
        /* background-color: #00334A; */
        background-color: #490B3D;
        color: white;
        width: 100%;
        height: 523px;
    }

    .card_file_col_height {
        height: 50rem;
        border: 2px solid green;
    }

    .newstext {
        /*height: auto;*/
        /*margin-left: 20px;*/
    }

    #newsdate {
        float: right;
    }

    .detail-content {
        line-height: 1.5;
        font-size: 1rem;
        height: 100%;
        overflow: hidden;
        margin-left: 20px;
    }

    #btnAtlViewAll > span:before, #btnAtlViewAllnot > span:before {
        content: "View All";
    }

    #btnAtlViewNext > span:before, #btnAtlViewNextnot > span:before {
        content: "View Next";
    }

    .mapPinImg {
        width: 40px;
        height: auto;
        padding-top: 35px;
        margin-left: 1.9vw;
    }

    #newdom_2high #mapLG {
        margin-bottom: 0;
    }

    .mapIconwrp {
        width: 100%;
        text-align: center;
    }

    #mapIcon {
        z-index: 100;
        position: relative;
        width: 66px;
    }

    .incdentlistHieght {
        height: 545.5px;
    }

    .incdentlistSize {
        width: 90% !important;
        overflow-y: auto;
        overflow-x: hidden;
        height: 523px;
    }

    #mapControlLrgLbl {
        text-align: left;
    }

    .lrgIncdLast {
        margin-left: 10px;
        font-size: 11px;
    }

    #filterDaysLg li {
        text-align: center;
        height: 90px;
    }

        #filterDaysLg li a {
            color: grey;
            font-size: 50px;
            padding-bottom: 10px;
            padding-left: 8px;
            padding-right: 8px;
            line-height: 0;
        }

        #filterDaysLg li .active {
            color: white;
        }

    #actdays {
        font-size: 18px;
        margin: auto;
        margin-top: 15px;
    }

    /*filterDaysLgLst*/

    #filterDaysLgLst {
        margin-top: 18px;
    }

        #filterDaysLgLst li {
            text-align: center;
            max-height: 90px;
            margin-top: 16px;
        }

            #filterDaysLgLst li a {
                color: grey;
                font-size: 50px;
                padding-bottom: 10px;
                padding-left: 8px;
                padding-right: 8px;
            }

            #filterDaysLgLst li .active {
                color: white;
            }

    .incdCardContent {
        padding-top: 10px;
        padding-bottom: 40px;
        height: auto;
    }

    .incdCardAddr {
        font-size: 20px;
    }

    .incdCardTextWrp p {
        font-size: 20px;
    }

    #btnIncidentLstLrg {
        width: 90%;
        height: 90px;
        margin-left: 5%;
        margin-top: 13px;
        cursor: pointer;
        margin-top: -17px;
    }

    .incdCardIconWrp img {
        width: 30px;
        height: auto;
    }

    .btnShowIncidentBtn {
        height: 50px;
        right: -20%;
    }

    .btnShowIncident {
        font-size: 40px !important;
        margin-top: 5px;
        margin-left: -3px !important;
    }

    .item .card .card-action {
        clear: both;
    }

    /*SPOTLIGHT STYLES BLM 08/15/2019*/

    .spotDescript {
        padding: 0 7px;
        line-height: 1;
        color: black;
    }



    /*END 1280*/
}

/*Noah barb laptop*/
@media (min-width: 1441px) {
    /*barb foodtruck spotlight*/
    .foodtruck-pics {
        width: 100%;
        height: 84%;
        background-image: url('images/spotlights/foodtruck/foodtruck_750px.png');
        background-size: cover; /* Adjust how image fits */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Prevent tiling */
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: auto;
    }

    /*end barb foodtruck spotlight*/



}



@media only screen and (min-height: 0px ) {
    .word-indent {
        display: block;
        margin-left: 5px;
        text-align: left;
    }

        .word-indent::first-line {
            margin-left: -5px;
            color: orange;
        }

    /* small footer has a fixed hieght that matches other cards elemetns */
    #footer_sml {
        background-image: url('images/footer_small.png');
        background-size: contain;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        bottom: 0;
        height: 200px;
        position: relative;
    }

        #footer_sml ul {
            position: relative;
            margin-top: 30px;
            float: left;
        }

        #footer_sml .footer_city {
            position: relative;
            float: right;
            margin-top: 30px;
            width: 66px;
            margin-right: 0;
        }

    #img_skyline_foot_sml {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        opacity: 0.6;
    }

    .footer_btn_sml {
        position: relative;
        background-color: #00334A;
        padding: 10px 5px;
        text-align: center;
        width: 100%;
        color: white;
        top: 20px;
    }

    /* on the medium footer we are creating content from the bottom up
        we are assuminga protrait like an ipad */

    #footer_med {
        display: block;
        position: absolute;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        bottom: 0;
        height: 28%;
    }

    #img_skyline_foot_lrg {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        opacity: 0.6;
    }
    /*on the large footer we are creating content from the top down
        we are assuminga protrait like an ipad, and fixing the height to hold them all. */

    #footer_lrg {
        background-image: url('images/footer_lg3.png');
        display: block;
        background-repeat: repeat-x;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;
        height: 235px;
    }

    #footer_container {
        height: 100%;
        position: relative;
        z-index: 1000;
    }

    .footer_column {
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 18%;
        margin-top: 5px;
        position: relative;
        z-index: 1000;
    }

    .ft_icon {
        width: 22px;
        height: 22px;
        display: inline-block;
    }

    .footer_city {
        float: right;
        width: 50px;
        margin-right: 30%;
    }

    div.footer_btn {
        background-color: #00334A;
        padding: 10px 5px;
        text-align: center;
        width: 200px;
    }

    .footer_column > ul {
        position: relative;
        list-style-type: disc;
        list-style-position: inside;
        text-indent: -1em;
        padding-left: 1em;
        margin-left: 15px;
        margin-top: 5px;
    }

    .footer_column ul > li > a {
        text-decoration: none;
        text-align: center;
    }

    .footer_addr, div.footer_btn, .footer_link, .footer_text {
        color: #eee;
    }

    #footer_sml .ft_icon {
        width: 40px;
        height: 40px;
        display: inline-block;
    }
}

/*mobile in landscape*/
@media (min-height: 320px) and (max-height: 776px) and (orientation: landscape) {
    .page_home_child_report .card, .page_home_child_report ul {
        /*color: red;*/
        padding-bottom: 100px;
    }
}

/*Samsung Note Landscape and iPhone 6 PLus */
@media only screen and (min-width: 500px) and (max-height: 415px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    /*wanted*/
    .barTitleWrap {
        margin-top: 6px;
    }

    .bartitleWanted {
        color: white;
        font-size: 24px;
    }

    .atl_lst_img_wrapper {
        min-height: 100px;
    }

    .imgLsthelperatl {
        height: 100px;
    }

    .atl_lst_image {
        max-height: 100px;
    }

    .newstext {
        height: 60px;
    }

    #footer_med {
        display: none !important;
    }

    #footer_phnscp {
        display: block;
        background-image: url('images/footer_phn_215.png');
        background-size: cover;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        bottom: 0;
        height: 215px;
    }

    #footer_container {
        width: 95%;
        height: 100%;
        position: relative;
        z-index: 1000;
        margin: auto;
        padding: 0;
    }

    .footer_column {
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 23%;
        margin-top: 5px;
        position: relative;
        z-index: 1000;
    }

    div.footer_btn {
        width: 105px;
    }

    .colorbarTALL {
        height: 36px;
        width: 100%;
        overflow: hidden;
        text-align: center;
    }
    /*end android phone land scape */
}

/*ipad mostly*/
@media (min-width: 600px) and (min-height: 760px) {



    #footer_med {
        background-image: url('images/footer_med3.png');
        background-size: contain;
        display: block;
        position: absolute;
        width: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        bottom: 0;
        height: 28%;
    }
    /*#footer_med:before {
         content:"HERE!";
         color:red;
    }*/

    .ft_icon {
        width: 22px;
        height: 22px;
        display: inline-block;
        margin: 1px;
    }

    .footer_city {
        float: left;
        width: 35px;
    }

    div.footer_btn {
        background-color: #00334A;
        padding: 10px 5px;
        text-align: center;
        width: 120px;
    }
}

/*clear as specified for menu  author*/

.clearfix::after {
    content: '';
    display: table;
    clear: both;
}

/*menu styles*************************************/

#menuwrapper {
    height: 2.5em; /* 60 */
    background-color: #00334a;
    margin: 0;
    width: 100%;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
}

div.vertical-line {
    width: 2px;
    background-color: white;
    height: 50%;
    /* display: inline-block; */
    float: right;
    position: relative;
    top: -80%;
}

li {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-top: 5px;
}

#nav > a {
    display: none;
}

#nav li {
    position: relative;
}

    #nav li a {
        color: #fff;
        display: block;
        white-space: nowrap;
    }

        #nav li a:active {
            background-color: #1a475b !important;
        }

#nav span:after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent; /* 5 */
    border-bottom: none;
    border-top-color: #ffc107;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em; /* 5 */
}

/* first level */

#nav > ul {
    height: 2.0em; /* 60 */
    background-color: #00334a;
}

    #nav > ul > li {
        width: 16.6%; /* 100% of width for 6 menu items = 16.666%    jlm*/
        height: 100%;
        float: left;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        #nav > ul > li > a {
            height: 100%;
            font-size: 90%; /* 24 */
            line-height: 200%; /* 60 (24) */
            text-align: center;
            padding-top: 0.4em;
            white-space: nowrap;
        }

        #nav > ul > li:not( :last-child ) > a {
            border-right: 0;
        }

        #nav > ul > li:hover > a,
        #nav > ul:not( :hover ) > li.active > a {
            background-color: #1a475b;
        }

/* second level */

#nav li ul {
    background-color: #00334a;
    display: none;
    position: absolute;
    top: 100%;
    z-index: 1000;
    width: 200px;
}

#nav li:hover ul {
    display: block;
    left: 0;
    right: 0;
}

#nav li:not( :first-child ):hover ul {
    left: -1px;
}

#nav li ul a {
    font-size: 1.0em; /* 20 */
    border-bottom: 1px solid #808080;
    padding-left: 5px;
    white-space: nowrap;
}

#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {
    background-color: #1a475b;
}

.nav_title_small {
    position: absolute;
    float: right;
    color: white;
    top: 86px;
    right: 11px;
    font-size: 12px;
}
/*menu style menu queries*************************/

@media only screen and ( max-width: 62.5em ) /* 1000 */
{
    #nav {
        width: 100%;
        position: static;
        margin: 0;
    }
}

@media only screen and ( max-width: 40em ) /* 640 */
{
    html {
        font-size: 75%; /* 12 */
    }

    #menuwrapper {
        height: 3.8em; /* 60 */
    }

    #nav {
        position: relative;
        top: auto;
        left: auto;
    }

        #nav > a {
            width: 3.125em; /* 50 */
            height: 3.125em; /* 50 */
            text-align: left;
            /*text-indent: -9999px;*/
            background-color: #00334a;
            position: relative;
            white-space: nowrap;
        }

            #nav > a:before,
            #nav > a:after {
                /*position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';*/
            }

            #nav > a:after {
                top: 60%;
            }

        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type {
            display: block;
        }

        /* first level */

        #nav > ul {
            height: auto;
            display: none;
            position: absolute;
            left: 0;
            right: 0;
            -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
            -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
            box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
        }

        #nav:target > ul {
            display: block;
            z-index: 1000;
        }

        #nav > ul > li {
            width: 100%;
            float: none;
        }

            #nav > ul > li > a {
                height: auto;
                text-align: left;
                padding: 0 0.833em; /* 20 (24) */
                padding: 0.75em; /*  JLM was 0.75em; /* 15 (20) */
                white-space: nowrap;
            }

            #nav > ul > li:not( :last-child ) > a {
                border-right: none;
                border-bottom: 1px solid #808080;
            }

        /* second level */

        #nav li ul {
            position: static;
            padding: 1.25em; /* 20 */
            padding-top: 0;
        }

            #nav li ul a {
                padding: 1em;
                white-space: nowrap;
            }
}

nav ul li {
    float: none;
    padding: 0;
    margin: 0;
}

@media only screen and (min-width: 601px) {
    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
        height: auto;
        line-height: 45px;
    }

    .viewerWrppr a {
        padding: 0 10px 0 10px;
    }
}

/*landing page styles*************************************/

/*NEWs ************/
#newscard {
    /*overflow:inherit;*/
    max-height: 250px;
}

#newsrow {
    /*background-color:black;*/
}



.newstextcol {
    padding: 0 !important;
    /*background-color:white;*/
}

#newsphotocol {
    padding-left: 0;
    padding-right: 0;
}

.imghelpernews {
    display: inline-block;
    height: 250px;
    ;
    vertical-align: middle;
}

.imghelperatl {
    display: inline-block;
    height: 125px;
    ;
    vertical-align: middle;
}

#newsimgwarpper {
    background-size: cover;
    min-height: 250px;
    white-space: nowrap;
    text-align: center;
    margin: 0;
}

.newsimage {
    max-height: 250px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
    max-width: 95%;
    height: auto;
    vertical-align: middle;
}

#newsrapper_lg .detail-content p {
    margin-left: 65px !important;
    margin-top: -2px !important;
}

#newawrappertext_sm {
    height: 115px;
    overflow: hidden;
    width: 95%;
}


    #newawrappertext_sm .detail-content p {
        margin-left: 6px !important;
        margin-top: 7px !important;
    }

#newawrappertext_med {
    /*height: 160px;*/
    height: auto;
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
}



    #newawrappertext_med .detail-content p {
        margin-left: 6px !important;
        margin-top: 7px !important;
    }

#btnMoreNewsMed {
    margin-left: 20px;
    margin-right: 13px;
}

/*#btnMoreNews {
    margin-left: 0px;
    margin-right: 35px;
}*/

#btnMoreNewsSmall {
    position: relative;
    bottom: -13px;
    font-size: 1.2rem;
    z-index: 0;
    margin-left: 20px;
    margin-right: 33px;
}

.btn_icon {
    position: relative;
    top: 3px;
}

@media only screen and (max-width: 601px) {
    #newscard {
        /*overflow:inherit;*/
        max-height: none;
    }

    #newsimgwarpper {
        border-top: 2px solid gray;
    }

    .spotDescriptCol {
        display: none;
    }
}

/*ipad mostly*/
@media (min-width: 600px) and (min-height: 760px) and (-webkit-min-device-pixel-ratio: 2) {


    .join-us-mobile {
        display: none;
    }

    .join-us {
        /*display: block;
        position: absolute;
        right: 81px;
        margin-top: 19px;*/
        width: 64px;
        height: 69px;
        font-size: 12px;
        line-height: 1.5;
        padding-top: 5px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,1), 0 2px 10px 0 rgba(0,0,0,1);
    }

    #reachout {
        height: 520px;
    }

    .card_file_col_height {
        height: auto;
        padding-bottom: 80px;
    }



    /*recruit*/
    .viewerWrppr a {
        padding: 0 10px 0 10px;
    }

    /*file a report*/

    .btnStartReport, .btnAddreport {
        width: 311px;
        position: relative;
        left: -9px;
    }

    /*split buttons*/



    /*#img-records-wrapper {
        left: 98px;
    }*/
    /*end file a reprot*/
    #actdays {
        font-size: 14px;
        margin-left: 8px;
    }
    /*days marker on medium on the list of incidents*/
    .incdLstWrp li a #actdays {
        /*margin-left: 3px;*/
    }

    .incdLstWrp li a {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -14px;
    }

    .incdLstWrp li {
        text-align: center;
    }

    #filterDaysSm {
        margin-left: 15px;
    }

    #mapTabsSm {
        width: 80%;
        float: left;
        margin-top: 5px;
    }

        #mapTabsSm .tabit a {
            text-align: center;
            font-size: 20px;
        }

    #mapTabsSmLst .tabitLst a {
        text-align: center;
        font-size: 20px;
    }

    .listImg {
        width: 43px;
        height: 43px;
        float: left;
    }

    .btnViewOneWanted {
        position: relative;
        top: -41px;
        z-index: 5;
        right: -19px;
        width: 113px;
    }

    /**************************************/
    /*wanted        */

    #detWantedDiv {
        position: relative;
        z-index: 0;
        left: 111%;
        top: -565px;
    }

    #lstPicWrapWanted {
    }

    .card-height500 {
        max-height: 5000px;
    }

    .wantedPicCard {
        max-height: 200px;
    }

    .altcontianer {
        width: 100%;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .atl_lst_img_wrapper {
        min-height: 200px;
        white-space: nowrap;
        text-align: center;
        margin: 0;
    }

    .imgLsthelperatl {
        display: inline-block;
        height: 200px;
        vertical-align: middle;
    }

    .atl_lst_image {
        max-height: 200px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        max-width: 95%;
        height: auto;
        vertical-align: middle;
        margin-right: 5px;
    }

    .atlLstNameLbl {
        width: 48%;
        float: left;
    }

    .bartitleWanted {
        color: white;
        font-size: 24px;
    }

    .atl_modal_lst_img_wrapper {
        float: left;
        height: 200px;
        margin: 10px;
    }

    .dv_Atl_Modal_name {
        font-weight: 800;
    }

    .atlModalLstDescWrapper {
        padding-top: 10px;
        margin-left: 10px;
        line-height: 1.5;
        max-height: 550px;
    }

    .Atl_modal_image {
        max-height: 200px;
    }
    /*footer*/
    #idrowtop, #colfacebook, #colfilereprot, #colqanted {
        margin-top: auto;
    }

    div.footer_btn {
        background-color: #00334A;
        padding: 10px 5px;
        text-align: center;
        width: 120px;
    }

    .footer_city {
        float: left;
        width: 35px;
    }

    #footer_med {
        height: 26%;
    }

    .footer_column ul > li > a {
        font-size: 14px;
    }

    .newstext {
        height: 83px;
    }
    /*#footer_med:before {
         content:"PIXELS!";
         color:red;
    }*/
    /*body{
        color:green;
    }*/
    #img-file-report,
    #img-records {
        top: 56px;
    }

    .footer_column {
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 23%;
        margin-top: 5px;
        position: relative;
        z-index: 1000;
    }

    .footcolwrap {
        width: 99%;
        height: 100%;
        position: relative;
        margin: auto;
        left: 23px;
    }

    /*landing news*/
    #btnMoreNewsMed {
        margin-top: -10px;
        margin-right: 40px;
    }

    /*end ipad*/
}

/*ipad landscape*/
/*so on a laptop with a dense pixels we need a little help, also IPAD  landscape
    min hieght fails on ipad if i use and
*/
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape) {

/*barb banner flex*/

    .banner-badge {
        width: 12%;
    }

    #thereno {
        width: 57%;
    }

    .banner-right-flex-items {
        width: 29%;
    }

    /*Barb firearms pics*/
    .own-proof {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        width: 90%;
        margin: 0 auto;
    }

    /*barb orgbutton flex 05/30/2024*/

    .orgbutton-flex-parent {
        width: 38%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    /*barb patrol staffing*/

    .vid-flex-child {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }

    .flex-vid1,
    .flex-vid2,
    .flex-vid3,
    .flex-vid4 {
        width: 48%;
    }

    #winterspot,
    #connectspot,
    #recruitspot {
        background-color: black;
    }

    #mapControlSm {
        width: 56px;
        padding: 0;
    }

    .card_file_col_height {
        height: 720px;
        padding-bottom: 80px;
        border: 1px solid purple;
    }

    .colorbarTALL {
        width: 100%;
    }

    .footer_city {
        float: right;
        width: 50px;
        margin-right: 33%;
    }
    /*body{
        color:red;
    }*/
    .footer_column {
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 18%;
        margin-top: 5px;
        position: relative;
        z-index: 1000;
    }

    div.footer_btn {
        width: 120px;
    }

    .newstext {
        height: 60px;
    }

    .lrgIncdLast {
        margin-left: 4px;
        font-size: 10px;
    }

    #filterDaysLg li {
        text-align: center;
        max-height: 90px;
        margin-top: 35px;
    }

        #filterDaysLg li a {
            color: grey;
            font-size: 38px;
            padding-bottom: 10px;
            padding-left: 7px;
            padding-right: 7px;
        }

    .listImg {
        width: 43px;
        height: 43px;
        float: left;
        position: absolute;
        bottom: 5px;
        left: 6px;
    }

    .repCollapsible {
        height: 65vh;
    }

    /*join buttons*/
    .join-btns {
        width: 30%;
        top: 69px;
        right: 72px
    }

    /*cadet CSS*/

    .cadet-flex-child {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .cadet-flex-child2,
    .cadet-flex-child3,
    .cadet-flex-child4,
    .cadet-flex-child5 {
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 20px 0;
    }

    .card1-child1 {
        width: 15%;
        padding-left: 15px;
    }

    .card2-child1,
    .card2-child3 {
        width: 37%;
        padding-left: 15px;
    }

    card2-child1 {
        width: 55%;
        padding-bottom: 0;
    }

    .card2-child2,
    .card2-child6 {
        width: 40%;
    }

    .card2-child4 {
        width: 39%;
        padding-bottom: 0;
    }

    .card2-child5 {
        width: 37%;
        padding-bottom: 0;
    }

    .card3-child1 {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .card3-child2 {
        width: 90%;
        padding: 0;
    }

    .card3-child3 {
        width: 38%;
        margin-left: 13%;
    }

    /*apply buttons*/

    /*Barb new banner*/
    #banner {
        width: 100%;
        height: 130px;
        background-image: url(images/jm-Header2.png);
        background-size: contain;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center;
    }

    .banner-badge-mobile {
        width: 13%;
    }

        .banner-badge-mobile img {
            width: 130px;
            max-height: 130px;
            padding: 7%;
        }

    .catchphrase-col {
        width: 37%;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

        .catchphrase-col p {
            color: white;
            font-weight: 700;
            font-size: 135%;
        }


    /*new join buttons*/
    .join-btns {
        height: 35px;
        width: 41%;
        margin-top: 1.5%;
        padding: 0 1px 0 7px;
        background-color: #3d5058;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .join-btns span {
            font-size: 12px;
            color: aliceblue;
            text-transform: uppercase;
            margin-right: 8px;
        }

        .join-btns .btn {
            background-color: #00334a;
            height: 25px;
            line-height: 29px;
            margin-right: 5px;
        }

            .join-btns .btn:hover {
                background-color: #1A475B;
            }

    .city-logo {
        width: 7%;
    }


        .city-logo img {
            width: 49px;
            float: right;
        }

    /*.pic-filler {
        display: none;
    }*/


    /*connect spoptlight*/

    .connectspot img {
        width: 100%;
        margin-top: 0;
    }

    .winterspot img,
    .recruitspot img {
        width: 100%;
        margin-top: 0;
    }

    /*end of ipad landscape*/
}

/*mac book pro*/
@media (min-width: 1280px) and (min-height: 760px) and (-webkit-min-device-pixel-ratio: 2) {
    #filterDaysLg li {
        text-align: center;
        max-height: 90px;
        margin-top: 37px;
    }

    #actdays {
        font-size: 17px;
        margin: auto;
    }

    .mapPinImg {
        width: 40px;
        height: auto;
        padding-top: 54px;
        margin-left: 34px;
    }

    .newstext {
        height: 70px;
    }

    .footer_column {
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        width: 18%;
        margin-top: 5px;
        position: relative;
        z-index: 1000;
    }
}
/* end mac book pro*/

/*2bd row first page*/
.card-height {
    max-height: 250px;
}

/*#filereport {
    display: block;
    display: -webkit-box;
    height: 250px;
    text-align: center;
}*/

#filereport {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    height: 250px;
}

#img-file-report-wrapper {
    /*display: block;
    display: -webkit-box;
    height: 250px;
    text-align: center;*/
    margin-top: -2px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7b2316+0,d13e27+100 */
    background: #7b2316; /* Old browsers */
    background: -moz-linear-gradient(top, #7b2316 0%, #d13e27 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b2316), color-stop(100%,#d13e27)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7b2316 0%,#d13e27 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7b2316 0%,#d13e27 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7b2316 0%,#d13e27 100%); /* IE10+ */
    background: linear-gradient(to bottom, #7b2316 0%,#d13e27 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b2316', endColorstr='#d13e27',GradientType=0 ); /* IE6-9 */
}

#img-records-wrapper {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#103f67+1,1c6cb4+100 */
    background: rgb(16,63,103); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(16,63,103,1) 1%, rgba(28,108,180,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(16,63,103,1) 1%,rgba(28,108,180,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(16,63,103,1) 1%,rgba(28,108,180,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#103f67', endColorstr='#1c6cb4',GradientType=0 ); /* IE6-9 */
}

#filereport .btn {
    box-shadow: none;
}

/*these hovers were content the #filereport id*/

/*#filereport:hover*/
/*#img-records-wrapper:hover*/
#img-file-report:hover,
#img-records:hover {
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.4);
    position: relative;
    top: -5px;
    left: -5px;
}

#img-file-report:active,
#img-records:active {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
    position: relative;
    top: 0;
    left: 0;
}

.ink {
    display: block;
    position: absolute;
    background: hsl(180, 40%, 80%);
    border-radius: 100%;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
    /*animation effect*/
    .ink.animate {
        -moz-animation: ripple 0.65s linear;
        -o-animation: ripple 0.65s linear;
        -webkit-animation: ripple 0.65s linear;
        animation: ripple 0.65s linear;
    }

@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    /* Retina-specific stuff here */
}

/*special top buttons in filereport break point*/
@media (min-width: 1583px) {
    #rowStartReportLg {
        display: none;
    }

    #rowStartReportLgr {
        display: block;
        background-color: white;
        padding-bottom: 10px;
    }

        #rowStartReportLgr p {
            color: red;
            font-weight: 500;
            font-size: 1.5rem;
            text-align: center;
        }

        #rowStartReportLgr .btn {
            color: black;
        }

        #rowStartReportLgr .jantext {
            font-size: 2rem;
        }
}

/*VERY WIDE SCREEN*/
@media only screen and (min-width: 2048px) {
    #mapControlSm {
        height: 1040px;
    }



    #mapControlSmLst {
        height: 1040px;
    }

    .repCollapsible li {
        float: left;
        margin-right: 1%;
        margin-left: 1%;
        width: 31%;
    }

        .repCollapsible li div a {
            letter-spacing: .75px;
            border-radius: 4px;
            display: inline-block;
            height: 72px;
            line-height: 72px;
            outline: 0;
            padding: 0 3rem;
        }

    .cn_iconLI {
        margin-top: 28%;
    }

    .cn_icon {
        width: 80px;
        height: 80px;
        display: inline-block;
        padding: 20px;
    }

    .btn2048 {
        border: none;
        border-radius: 4px;
        display: inline-block;
        height: 72px;
        line-height: 72px;
        outline: 0;
        padding: 0 4rem;
        font-size: 1.3rem;
        width: 460px;
        margin-bottom: 20px;
    }

    /*stations*/
    .stationMap {
        height: 500px;
        margin-bottom: 20px;
    }

    .directionMap {
        height: 1000px;
        margin-bottom: 20px;
    }

    .openCLose {
        font-size: 2rem;
    }

    /*recrutment*/
    .badgeRecruit {
        padding-bottom: 0;
        padding-right: 0;
    }

    html {
        font-size: 24px;
    }

    .slider .indicators {
        bottom: initial;
    }

        .slider .indicators .indicator-item {
            height: 1.5rem;
            width: 1.5rem;
            margin: 9px 1.7rem;
        }

    .jantext {
        line-height: 1.5 !important;
        padding: 20px !important;
    }

    .card .card-content .card-title {
        margin-top: 20px;
    }

    .imgRight {
        float: right;
        width: 50%;
        padding: 20px;
        max-width: 700px;
    }

    .imgLeft {
        float: right;
        width: 50%;
        padding: 20px;
        max-width: 700px;
    }

    #headerjm {
        background-image: url('images/jm-Header2.png');
        width: 100%;
        height: 390px;
        margin: 0;
        padding: 0;
        BACKGROUND-SIZE: contain;
    }

    .imgBadgeWrapper {
        min-height: 390px;
    }

    .imgHelperBadge {
        min-height: 390px;
    }

    #thereno {
        /*font-weight: 700;
        font-size: 3rem;
        vertical-align: middle;
        width: 44%;
        line-height: 1;
        margin-top: 2%;*/
    }

    #badge {
        max-height: 390px;
        padding: 15%;
        width: 390px;
    }

    .lang_links {
        right: 40px;
        top: 36px;
        position: absolute;
    }

        .lang_links a {
            padding-bottom: 40px;
            font-size: 1rem;
        }

    #city {
        /*right: 40px;
        margin-top: 74px;*/
        /*width: 45px;*/
    }

    #nav li ul {
        background-color: #00334a;
        display: none;
        position: absolute;
        top: 100%;
        z-index: 1000;
        width: 448px;
    }

        #nav li ul a {
            font-size: 1.2rem;
            border-bottom: 1px solid #808080;
            padding-left: 5px;
            white-space: nowrap;
        }

    #nav > ul > li > a {
        height: 100%;
        font-size: 1.2rem;
        line-height: 1.2;
        text-align: center;
        padding-top: 0.4em;
        white-space: nowrap;
    }

    .container {
        max-width: none;
    }

    #colstop, #colfilereprot, #colfacebook, #colqanted {
        height: 515px;
    }

    #newscard {
        /* overflow: inherit; */
        max-height: 96%;
    }

    .colorbarTALL {
        height: 72px;
        width: 105%;
        overflow: hidden;
        text-align: center;
    }

    .colorbarTALL100 {
        height: 72px;
        overflow: hidden;
        text-align: center;
    }

    #atlIcon {
        z-index: 100;
        position: relative;
        width: 70px;
        height: 70px;
        float: left;
    }

    .barTitleWrap {
        color: white;
        top: 17px;
        font-size: 1.5rem;
        height: 100%;
    }

    .newstext {
        height: 185px;
        font-size: 1rem;
    }

    .dots {
        font-size: 1.5rem;
    }

    #btnMoreNews {
        height: 50px;
        margin-left: 20px;
        padding-top: 10px;
    }

    #newsimgwarpper {
        min-height: 96%;
    }

    .imghelpernews {
        height: 96%;
    }

    .newsimage {
        max-height: 96%;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 2px 10px 0 rgba(0, 0, 0, 0.5);
        max-width: 95%;
        height: auto;
        vertical-align: middle;
    }

    #btmrow {
        margin-bottom: 10px;
        height: 96%;
    }

    .card-height {
        height: 515px;
        max-height: 515px;
    }

    #my_map {
        height: 515px;
    }

    #serv_lable {
        top: -515px;
        width: 100%;
        margin-right: 38px;
        font-weight: 600;
        font-size: 1rem;
    }

    #listofformsTitle {
        padding-top: 20px;
    }

    #filereport {
        height: 515px;
    }

    #img-file-report-wrapper,
    #img-records-wrapper {
        height: 435px;
        top: 75px;
    }

    .imghelperfilereport {
        height: 435px;
    }

    #img-file-report {
        max-height: 435px;
    }

    #atl_container {
        height: 445px;
        overflow-y: auto;
    }

    #atl_img_wrapper {
        height: 255px;
        max-width: 50%;
    }

    .imghelperatl {
        height: 255px;
    }

    #atl_image {
        max-height: 255px;
    }

    #atlBtnWrapper {
        margin-right: 10px;
        margin-top: 10px;
    }

    #btnAtlViewAll, #btnAtlViewAllnot {
        padding-top: 22px;
        font-size: 1rem;
        height: 77px;
    }

    #btnAtlViewNext, #btnAtlViewNextnot {
        padding-top: 22px;
        font-size: 1rem;
        height: 77px;
    }

    #atlNameLbl {
        /* margin-top: 10px; */
        position: relative;
        top: 20px;
        margin-left: 20px;
        font-size: 1rem;
    }

    #atlDescWrapper {
        margin-top: 20px;
        height: 76px;
        margin-left: 20px;
        font-size: 1rem;
        line-height: 1.5;
    }

    .elispeWanted {
        font-size: 1rem;
        margin-left: 20px;
    }

    #footer_lrg {
        height: 500px;
        background-image: url('images/footer_lg_993.png');
    }

    #footer_container {
        height: 100%;
        position: relative;
        z-index: 1000;
        width: 88%;
    }

    div.footer_btn {
        width: 350px;
    }

    .footer_column ul > li > a {
        font-size: 1.3rem;
    }

    #newdom_2high {
        height: 1040px;
    }

    #mapIcon {
        width: 122px;
    }

    .lrgIncdLast {
        margin-left: 20px;
        font-size: 0.75rem;
    }

    #filterDaysLg {
        margin-top: 36px;
    }

        #filterDaysLg li {
            text-align: center;
            max-height: 180px;
            margin-top: 36px;
        }

            #filterDaysLg li a {
                color: grey;
                font-size: 3.5rem;
                padding-bottom: 20px;
                padding-left: 8px;
                padding-right: 8px;
            }

    #btnIncidentLstLrg {
        width: 4.5rem;
        height: 4.5rem;
        margin-left: 7px;
        margin-top: 10px;
        cursor: pointer;
    }

    .incdentlistHieght {
        height: 1040px;
    }

    .incdentlistSize {
        width: 90% !important;
        height: 1040px;
    }

    .incdCardTextWrp p {
        font-size: 2rem;
    }

    .incdCardIconWrp img {
        width: 84px;
        height: auto;
    }

    .btnStartReport {
        height: 3.5rem;
        padding-top: 0.75rem;
        font-size: 1rem;
        width: 475px;
    }

    #filereportbarContent {
        height: 88px;
    }

    .card .card-title {
        font-size: 2rem;
    }

    .jantext {
        font-size: 1.25rem;
    }

    .jantextSM {
        font-size: 1.25rem;
    }

    .ulspace li {
        margin-bottom: 20px;
        margin-top: 10px;
    }

    [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
        padding-left: 66px;
        height: 54px;
        line-height: 60px;
        font-size: 1.3rem;
        padding-right: 20px;
    }

    [type="radio"] + label:before, [type="radio"] + label:after {
        margin: 4px;
        width: 50px;
        height: 50px;
    }

    [type="radio"]:not(:checked) + label:before {
        border: 4px solid #5a5a5a;
    }

    [type="radio"].with-gap:checked + label:before {
        border: 4px solid #26a69a;
    }

    .linkOutsideTarget {
        font-size: 1.5rem;
    }

    /*map embed*/
    #filterDaysLgLst li {
        text-align: center;
        max-height: 90px;
        margin-top: 70px;
    }

        #filterDaysLgLst li a {
            color: grey;
            font-size: 3rem;
            padding-bottom: 10px;
            padding-left: 8px;
            padding-right: 8px;
        }

    .mapPinImg {
        width: 72px;
        height: auto;
        padding-top: 67px;
        margin-left: 29%;
    }
}
/*end of wide screen*/

.wrapperWanted {
    max-width: 940px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.news-item-headline {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5rem;
    font-family: Roboto, sans-serif;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: center;
}

.news-item-body {
    font-size: 1rem;
    line-height: 1.5;
    font-family: Roboto,'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: normal;
    margin-left: 20px;
    margin-right: 20px;
}

    .news-item-body p {
        margin-bottom: .5rem;
    }

    .news-item-body li {
        list-style-type: circle;
    }

.news-item-date {
    font-style: italic;
    font-size: 1rem;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.yearGroup.collection-header {
    font-weight: 600;
}

.yearGroup-headingSpan {
    padding-right: 15px;
    font-weight: 600;
}

.monthLink-span {
    padding: 0 5px;
}

a.monthLink-span.current-link {
    color: black;
    font-weight: 600;
}

a.monthLink.current-link {
    color: black;
    font-weight: 600;
}

a.monthLink-span {
    position: relative;
}

    a.monthLink-span::after {
        content: '';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -5px;
        right: -5px;
    }

@media only screen and (min-width: 993px) {
    /*.news-image-carousel {
        margin-right: 5px;
    }*/

    .row .col.push-l7 {
        left: 58.3333333333%;
    }

    .row .col.pull-l5 {
        right: 41.6666666667%;
    }
}



@media only screen and (max-width: 600px) {
    .yearGroup-headingSpan {
        padding-right: 10px;
        font-weight: 600;
    }

    .monthLink-span {
        padding: 0 3px;
    }

    a.monthLink-span::after {
        content: '';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -4px;
        right: -4px;
    }
}

@media only screen and (max-width: 384px) {
    .yearGroup-headingSpan {
        padding-right: 4px;
        font-weight: 600;
    }

    .monthLink-span {
        padding: 0 2px;
    }

    a.monthLink-span::after {
        content: '';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -4px;
        right: -4px;
    }

    .news-item-headline {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1rem;
        font-family: Roboto, sans-serif;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 10px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 360px) {
    li.yearGroup-long.collection-item {
        padding: 10px 5px;
    }

    .monthLink-span {
        padding: 0 1px;
    }

    a.monthLink-span::after {
        content: '';
        position: absolute;
        top: -10px;
        bottom: -10px;
        left: -3px;
        right: -3px;
    }
}

/*janice mac*/
@media only screen and (min-width: 2500px) {
    .join-us-mobile {
        display: none;
    }

    .join-us {
        /*display: block;
        position: absolute;
        right: 81px;
        margin-top: 19px;*/
        width: 49px;
        height: 69px;
        font-size: 12px;
        line-height: 1.5;
        padding-top: 5px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,1), 0 2px 10px 0 rgba(0,0,0,1);
    }

    #thereno {
        /*font-weight: 700;
        font-size: 2.5rem;
        vertical-align: middle;
        width: 44%;
        line-height: 1.2;
        margin-top: 2%;*/
    }

    .barTitleWrap {
        color: white;
        top: 17px;
        font-size: 1.2rem;
        height: 100%;
    }

    #nav > ul > li > a {
        font-size: 1rem;
    }

    #nav li ul a {
        font-size: 1rem;
    }

    .detail-content {
        line-height: 1.5;
        font-size: 1rem;
        height: 70px;
        overflow: hidden;
        margin-left: 20px;
        height: 500px;
    }

    .news-item-header .pio-info {
        font-size: 1rem;
    }

    .news-item-headline {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1.5rem;
        font-family: Roboto, sans-serif;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 10px;
        margin-top: 20px;
        text-align: center;
    }
}

/*lenovo? and beyond?*/
@media only screen and (min-width: 3200px) {
    .news-item-date {
        font-size: 1.2rem;
    }

    .news-item-body {
        font-size: 1.2rem;
    }

    #btnIncidentLstLrg {
        width: 5rem;
        height: 5rem;
        margin-left: 30px;
        margin-top: 30px;
        cursor: pointer;
    }

    .lrgIncdLast {
        margin-left: 20px;
        font-size: 1rem;
    }

    #directory {
        padding-bottom: 400px;
    }
}

/*@media only screen and (min-width: 450px) {
    .noah {
        display: none !important;
    }*/

}
/**
 * Use this wrapper only for demo purposes
 * So you can show the items outside the wrapper

.wrapper--demo { overflow: visible; }

.wrapper--demo:after,
.wrapper--demo:before {
  content: "";
  position: absolute;
  width: 800px;
  height: 100%;
  top: 0;
  left: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2;
}

.wrapper--demo:before { left: -800px; }
 */
.carousel {
    width: 100%;
    position: relative;
}

    .carousel .carousel__content {
        width: auto;
        position: relative;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-transition: translate3d(0, 0, 0);
    }

        .carousel .carousel__content .item {
            display: block;
            float: left;
            width: 100%;
            position: relative;
        }

            .carousel .carousel__content .item .title {
                position: absolute;
                top: 50%;
                left: 0;
                margin: -33px 0 0 0;
                padding: 0;
                font-size: 3rem;
                width: 100%;
                text-align: center;
                letter-spacing: .3rem;
                color: #FFF;
            }

            .carousel .carousel__content .item .title--sub {
                margin-top: 20px;
                font-size: 1.2em;
                opacity: .5;
            }

    /*.carousel .carousel__content .item img {
  width: 100%;
  max-width: 100%;
  display: block;
}*/

    .carousel .carousel__nav {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -17px;
        left: 0;
        z-index: 1;
    }

        .carousel .carousel__nav .nav {
            position: absolute;
            top: 0;
            color: #000;
            background: #FFF;
            padding: 8px 12px;
            font-weight: bold;
            text-decoration: none;
            font-size: .8rem;
            -moz-transition: padding .25s ease;
            -o-transition: padding .25s ease;
            -webkit-transition: padding .25s ease;
            transition: padding .25s ease;
        }

            .carousel .carousel__nav .nav:hover {
                padding: 8px 20px;
            }

        .carousel .carousel__nav .nav--left {
            border-radius: 0px 3px 3px 0px;
        }

        .carousel .carousel__nav .nav--right {
            right: 0;
            border-radius: 3px 0px 0px 3px;
        }

.touch {
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}

.jtext p, .jtext div {
    margin: 10px !important;
    line-height: 1.5;
}