body.black-body-background h1 {
    color: rgb(255,255,254);
}

body.black-body-background li {
    color: rgba(255, 255, 255, 0.75)
}

/* make open tiny-mce editor legible*/
body.black-body-background div.mce-edit-focus {
    background-color: darkgray;
}

/*make status messages legible*/
body.black-body-background li.castle-status-message-item {
    color: black;
}

/* Force Bootstrap 3 item layout to align with Bootstrap 5 flex system */
body.black-body-background .carousel-inner > .item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
body.black-body-background .carousel-inner > .item.active,
body.black-body-background .carousel-inner > .item.next,
body.black-body-background .carousel-inner > .item.prev {
  display: block;
}

/* make left and right carousel buttons work */
body.black-body-background #carousel-left .icon-castle-prev::before {
    content: "\2039" !important;
}

body.black-body-background #carousel-right .icon-castle-next::before {
    content: "\203a" !important;
}

/* 
   EDITS 
*/


/* ====================================================
   Global headings and paragraphs
   ==================================================== */

.black-body-background h1,
.black-body-background h2,
.black-body-background h3,
.black-body-background h4,
.black-body-background h5,
.black-body-background h6,
.black-body-background .h1,
.black-body-background .h2,
.black-body-background .h3,
.black-body-background .h4,
.black-body-background .h5,
.black-body-background .h6{
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.black-body-background h1,
.black-body-background .h1,
.black-body-background h2,
.black-body-background .h2,
.black-body-background h3,
.black-body-background .h3{
    margin-top: 20px;
    margin-bottom: 10px;
}

.black-body-background h4,
.black-body-background .h4,
.black-body-background h5,
.black-body-background .h5,
.black-body-background h6,
.black-body-background .h6{
    margin-top: 10px;
    margin-bottom: 10px;
}

.black-body-background h2,
.black-body-background .h2{
    font-size: 30px;
}

.black-body-background h3,
.black-body-background .h3{
    font-size: 20px;
}

.black-body-background h4,
.black-body-background .h4{
    font-size: 18px;
}

.black-body-background p{
    margin: 0 0 20px;
}

@media (min-width: 991px) {
    .black-body-background h1,
.black-body-background h2,
.black-body-background h3,
.black-body-background h4,
.black-body-background h5,
.black-body-background h6{
        line-height: 1.3em;
    }
}


/* ====================================================
   Screen-reader-only text
   ==================================================== */

.black-body-background .sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.black-body-background .sr-only-focusable:active,
.black-body-background .sr-only-focusable:focus{
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}


/* ====================================================
   Base Focuspoint styles
   ==================================================== */

.black-body-background .focuspoint,
.black-body-background .pat-focuspoint-cover{
    position: relative;
    width: 100%;
    overflow: hidden;
}

.black-body-background .focuspoint img,
.black-body-background .pat-focuspoint-cover img,
.black-body-background .focuspoint video,
.black-body-background .pat-focuspoint-cover video{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
}

.black-body-background .mosaic-tile .focuspoint img,
.black-body-background .mosaic-tile .pat-focuspoint-cover img,
.black-body-background .mosaic-tile .focuspoint video,
.black-body-background .mosaic-tile .pat-focuspoint-cover video{
    max-width: none !important;
}


/* ====================================================
   Featured background-image tile
   ==================================================== */

.black-body-background .featured-content-backgroundimage{
    position: relative;
    height: 460px;
    overflow: hidden;
}

.black-body-background .featured-content-backgroundimage .focuspoint{
    z-index: 1;
    height: 460px;
    max-width: 100%;
}

.black-body-background .featured-content-backgroundimage .focuspoint img{
    pointer-events: none;
}

.black-body-background .featured-content-backgroundimage .info-text{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    color: #fff;
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(0, 0, 0, 0)),
        color-stop(100%, #000)
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        #000 100%
    );
    background: -o-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        #000 100%
    );
    background: -ms-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0,
        #000 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0,
        #000 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(
        startColorstr="#00000000",
        endColorstr="#a6000000",
        GradientType=0
    );
}

.black-body-background .featured-content-backgroundimage .info-text h3{
    margin-bottom: 5px;
    color: #fff;
    font-size: 50px;
    text-shadow: 1px 1px 10px #000;
}

.black-body-background .featured-content-backgroundimage .info-text h5,
.black-body-background .featured-content-backgroundimage .info-text p{
    margin-bottom: 0;
    color: #fff;
    font-size: 15px;
    text-shadow: 1px 1px 10px #000;
}


/* ====================================================
   Featured background-image sizing
   ==================================================== */

.black-body-background .mosaic-width-quarter .featured-content-backgroundimage,
.black-body-background .mosaic-width-third .featured-content-backgroundimage,
.black-body-background .mosaic-width-quarter + .mosaic-width-half .featured-content-backgroundimage,
.black-body-background .mosaic-width-half .featured-content-backgroundimage{
    height: 220px;
}

.black-body-background .mosaic-width-quarter .featured-content-backgroundimage .focuspoint,
.black-body-background .mosaic-width-third .featured-content-backgroundimage .focuspoint,
.black-body-background .mosaic-width-quarter + .mosaic-width-half .featured-content-backgroundimage .focuspoint,
.black-body-background .mosaic-width-half .featured-content-backgroundimage .focuspoint{
    height: 220px;
}

.black-body-background .mosaic-width-quarter .featured-content-backgroundimage .info-text h3,
.black-body-background .mosaic-width-third .featured-content-backgroundimage .info-text h3{
    font-size: 25px;
}

.black-body-background .mosaic-width-half .featured-content-backgroundimage.portrait,
.black-body-background .mosaic-width-quarter .featured-content-backgroundimage.portrait,
.black-body-background .mosaic-width-third .featured-content-backgroundimage.portrait,
.black-body-background .mosaic-width-two-thirds .featured-content-backgroundimage,
.black-body-background .mosaic-width-three-quarters .featured-content-backgroundimage,
.black-body-background .mosaic-width-two-thirds
    .mosaic-width-third.mosaic-position-two-thirds
    .mosaic-tile:only-child
    .featured-content-backgroundimage,
.black-body-background .mosaic-width-half
    .mosaic-tile:only-child
    .featured-content-backgroundimage{
    height: 460px;
}

.black-body-background .mosaic-width-half .featured-content-backgroundimage.portrait .focuspoint,
.black-body-background .mosaic-width-quarter .featured-content-backgroundimage.portrait .focuspoint,
.black-body-background .mosaic-width-third .featured-content-backgroundimage.portrait .focuspoint,
.black-body-background .mosaic-width-two-thirds .featured-content-backgroundimage .focuspoint,
.black-body-background .mosaic-width-three-quarters .featured-content-backgroundimage .focuspoint,
.black-body-background .mosaic-width-two-thirds
    .mosaic-width-third.mosaic-position-two-thirds
    .mosaic-tile:only-child
    .featured-content-backgroundimage
    .focuspoint,
.black-body-background .mosaic-width-half
    .mosaic-tile:only-child
    .featured-content-backgroundimage
    .focuspoint{
    height: 460px;
}

@media (max-width: 992px) {
    .black-body-background .mosaic-width-quarter .featured-content-backgroundimage,
.black-body-background .mosaic-width-third .featured-content-backgroundimage,
.black-body-background .mosaic-width-quarter + .mosaic-width-half .featured-content-backgroundimage,
.black-body-background .mosaic-width-half .featured-content-backgroundimage.portrait,
.black-body-background .mosaic-width-quarter .featured-content-backgroundimage.portrait,
.black-body-background .mosaic-width-third .featured-content-backgroundimage.portrait,
.black-body-background .mosaic-width-two-thirds .featured-content-backgroundimage,
.black-body-background .mosaic-width-three-quarters .featured-content-backgroundimage,
.black-body-background .mosaic-width-two-thirds
        .mosaic-width-third.mosaic-position-two-thirds
        .mosaic-tile:only-child
        .featured-content-backgroundimage,
.black-body-background .mosaic-width-half
        .mosaic-tile:only-child
        .featured-content-backgroundimage{
        height: 300px;
    }

    .black-body-background .mosaic-width-quarter .featured-content-backgroundimage .focuspoint,
.black-body-background .mosaic-width-third .featured-content-backgroundimage .focuspoint,
.black-body-background .mosaic-width-quarter + .mosaic-width-half .featured-content-backgroundimage .focuspoint,
.black-body-background .mosaic-width-half .featured-content-backgroundimage.portrait .focuspoint,
.black-body-background .mosaic-width-quarter .featured-content-backgroundimage.portrait .focuspoint,
.black-body-background .mosaic-width-third .featured-content-backgroundimage.portrait .focuspoint,
.black-body-background .mosaic-width-two-thirds .featured-content-backgroundimage .focuspoint,
.black-body-background .mosaic-width-three-quarters .featured-content-backgroundimage .focuspoint,
.black-body-background .mosaic-width-two-thirds
        .mosaic-width-third.mosaic-position-two-thirds
        .mosaic-tile:only-child
        .featured-content-backgroundimage
        .focuspoint,
.black-body-background .mosaic-width-half
        .mosaic-tile:only-child
        .featured-content-backgroundimage
        .focuspoint{
        height: 300px;
    }

    .black-body-background .featured-content-backgroundimage{
        margin-top: 5px;
    }
}

@media (max-width: 768px) {
    .black-body-background .featured-content-backgroundimage .info-text h3{
        font-size: 20px !important;
    }

    .black-body-background .featured-content-backgroundimage .info-text h3,
.black-body-background .featured-content-backgroundimage .info-text h5,
.black-body-background .featured-content-backgroundimage .info-text p{
        margin-bottom: 3px;
    }
}


/* ====================================================
   Landscape image height
   ==================================================== */

.black-body-background .mosaic-grid-cell .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-helper-tile .image-tile-container.landscape .focuspoint{
    --proposed-height: (1050px * 0.25) * 9 / 16;
    height: max(var(--proposed-height), 150px);
}

@media (min-width: 1200px) {
    .black-body-background .mosaic-width-full .image-tile-container.landscape .focuspoint{
        --proposed-height: (1050px * 1) * 9 / 16;
    }

    .black-body-background .mosaic-width-half .image-tile-container.landscape .focuspoint{
        --proposed-height: (1050px * 0.5) * 9 / 16;
    }

    .black-body-background .mosaic-width-third .image-tile-container.landscape .focuspoint{
        --proposed-height: (1050px * 0.3333) * 9 / 16;
    }

    .black-body-background .mosaic-width-two-thirds .image-tile-container.landscape .focuspoint{
        --proposed-height: (1050px * 0.6666) * 9 / 16;
    }

    .black-body-background .mosaic-width-three-quarters .image-tile-container.landscape .focuspoint{
        --proposed-height: (1050px * 0.75) * 9 / 16;
    }

    .black-body-background .mosaic-width-full .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-half .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-third .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-two-thirds .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-three-quarters .image-tile-container.landscape .focuspoint{
        height: max(var(--proposed-height), 150px);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .black-body-background .mosaic-width-full .image-tile-container.landscape .focuspoint{
        --proposed-height: (1050px * 0.75) * 9 / 16;
    }

    .black-body-background .mosaic-width-half .image-tile-container.landscape .focuspoint{
        --proposed-height: (1050px * 0.35) * 9 / 16;
    }

    .black-body-background .mosaic-width-third .image-tile-container.landscape .focuspoint{
        --proposed-height: (1050px * 0.25) * 9 / 16;
    }

    .black-body-background .mosaic-width-two-thirds .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-three-quarters .image-tile-container.landscape .focuspoint{
        --proposed-height: (1050px * 0.5) * 9 / 16;
    }

    .black-body-background .mosaic-width-full .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-half .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-third .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-two-thirds .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-three-quarters .image-tile-container.landscape .focuspoint{
        height: max(var(--proposed-height), 150px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .black-body-background .mosaic-width-full .image-tile-container.landscape .focuspoint{
        --proposed-height: (1050px * 0.5) * 9 / 16;
    }

    .black-body-background .mosaic-width-third .image-tile-container.landscape .focuspoint{
        --proposed-height: (1050px * 0.3) * 9 / 16;
    }

    .black-body-background .mosaic-width-two-thirds .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-three-quarters .image-tile-container.landscape .focuspoint{
        --proposed-height: (1050px * 0.35) * 9 / 16;
    }

    .black-body-background .mosaic-width-full .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-third .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-two-thirds .image-tile-container.landscape .focuspoint,
.black-body-background .mosaic-width-three-quarters .image-tile-container.landscape .focuspoint{
        height: max(var(--proposed-height), 150px);
    }
}


/* ====================================================
   Featured-content headings and spacing
   ==================================================== */

.black-body-background .mosaic-tile h1,
.black-body-background .mosaic-tile h2,
.black-body-background .mosaic-tile h3{
    margin-top: 0;
    font-weight: bold;
}

.black-body-background .mosaic-tile h1 a,
.black-body-background .mosaic-tile h2 a,
.black-body-background .mosaic-tile h3 a{
    margin-bottom: 0;
    color: #337ab7;
}

.black-body-background .mosaic-tile-content .featured-content h3,
.black-body-background .mosaic-tile-content .feature-tile-content h3,
.black-body-background .mosaic-tile-content .featured-content .feature-tile-title,
.black-body-background .mosaic-tile-content .feature-tile-content .feature-tile-title{
    margin: 10px 0;
}

.black-body-background [class~="mosaic-fbigov.theme.feature-tile"].mosaic-tile-padding-bottom{
    padding-bottom: 1ex;
}

.black-body-background [class~="mosaic-fbigov.theme.feature-tile"].mosaic-tile-padding-top
    .mosaic-tile-content,
.black-body-background [class~="mosaic-fbigov.theme.feature-tile"].mosaic-tile-padding-bottom
    .mosaic-tile-content{
    padding: 0;
}

body.black-body-background.section-fbigov_homepage_new
    .featured-content.featured-content-fieldoffice-featurednews
    h3,
body.black-body-background.section-fbigov_homepage_new
    .featured-content.featured-content-featurednews
    h3{
    margin: 20px 0 10px;
    color: #337ab7;
    font-size: 20px;
    line-height: 1.3em;
}

body.black-body-background.section-fbigov_homepage_new
    .featured-content.featured-content-fieldoffice-featurednews
    .description
    p,
body.black-body-background.section-fbigov_homepage_new
    .featured-content.featured-content-featurednews
    .description
    p{
    margin: 12px 0;
}


/* ====================================================
   Carousel
   ==================================================== */

.black-body-background .carousel{
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 40px;
}

.black-body-background .carousel-inner{
    position: relative;
    width: 100%;
    height: 460px !important;
    overflow: hidden;
    background-color: transparent;
}

.black-body-background .carousel-inner > .item{
    position: relative;
    display: none;
    transition: 0.6s ease-in-out left;
}

.black-body-background .carousel-inner > .item > img,
.black-body-background .carousel-inner > .item > a > img{
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
}

@media all and (transform-3d),
       (-webkit-transform-3d) {
    .black-body-background .carousel-inner > .item{
        transition: transform 0.6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000px;
    }

    .black-body-background .carousel-inner > .item.next,
.black-body-background .carousel-inner > .item.active.right{
        left: 0;
        transform: translate3d(100%, 0, 0);
    }

    .black-body-background .carousel-inner > .item.prev,
.black-body-background .carousel-inner > .item.active.left{
        left: 0;
        transform: translate3d(-100%, 0, 0);
    }

    .black-body-background .carousel-inner > .item.next.left,
.black-body-background .carousel-inner > .item.prev.right,
.black-body-background .carousel-inner > .item.active{
        left: 0;
        transform: translate3d(0, 0, 0);
    }
}

.black-body-background .carousel-inner > .active,
.black-body-background .carousel-inner > .next,
.black-body-background .carousel-inner > .prev{
    display: block;
}

.black-body-background .carousel-inner > .active{
    left: 0;
}

.black-body-background .carousel-inner > .next,
.black-body-background .carousel-inner > .prev{
    position: absolute;
    top: 0;
    width: 100%;
}

.black-body-background .carousel-inner > .next{
    left: 100%;
}

.black-body-background .carousel-inner > .prev{
    left: -100%;
}

.black-body-background .carousel-inner > .next.left,
.black-body-background .carousel-inner > .prev.right{
    left: 0;
}

.black-body-background .carousel-inner > .active.left{
    left: -100%;
}

.black-body-background .carousel-inner > .active.right{
    left: 100%;
}

.black-body-background .carousel .carousel-inner div.focuspoint{
    height: 460px !important;
}

.black-body-background .carousel .carousel-inner div.focuspoint img{
    top: 0 !important;
}

.black-body-background .carousel-indicators{
    display: none;
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

.black-body-background .carousel-indicators li{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: transparent;
}

.black-body-background .carousel-indicators .active{
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}

.black-body-background .carousel
    .carousel-inner
    .featured-content.featured-content-featurednews
    .slideshow-text{
    position: absolute;
    bottom: 0;
    margin: 20px 20px 0;
}

.black-body-background .carousel
    .carousel-inner
    .featured-content.featured-content-featurednews
    .slideshow-text
    h3{
    font-size: 25px;
    text-shadow: 1px 1px 10px #000;
}

.black-body-background .carousel
    .carousel-inner
    .featured-content.featured-content-featurednews
    .slideshow-text
    h3
    a{
    color: #fff;
}

.black-body-background .carousel
    .carousel-inner
    .featured-content.featured-content-featurednews
    .slideshow-text
    .description{
    color: #fff;
    font-size: 15px;
    text-shadow: 1px 1px 10px #000;
}

.black-body-background .carousel
    .carousel-inner
    .featured-content.featured-content-featurednews
    h3.header{
    position: relative;
    margin: 40px 0 10px;
    color: #337ab7;
    font-size: 30px;
}

.black-body-background .carousel-control{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: transparent;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.black-body-background .carousel-control.right{
    right: 0;
    left: auto;
}

.black-body-background .carousel-control:hover,
.black-body-background .carousel-control:focus{
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.black-body-background .carousel-control .icon-prev,
.black-body-background .carousel-control .icon-next,
.black-body-background .carousel-control .glyphicon-chevron-left,
.black-body-background .carousel-control .glyphicon-chevron-right{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

.black-body-background .carousel-control .icon-prev,
.black-body-background .carousel-control .glyphicon-chevron-left{
    left: 50%;
    margin-left: -10px;
}

.black-body-background .carousel-control .icon-next,
.black-body-background .carousel-control .glyphicon-chevron-right{
    right: 50%;
    margin-right: -10px;
}

.black-body-background .carousel-control .icon-prev,
.black-body-background .carousel-control .icon-next{
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif;
}

.black-body-background .carousel-control .icon-prev::before{
    content: "‹";
}

.black-body-background .carousel-control .icon-next::before{
    content: "›";
}

.black-body-background .icon-castle-prev::before{
    content: "‹" !important;
}

.black-body-background .icon-castle-next::before{
    content: "›" !important;
}

.black-body-background .carousel .carousel-control .icon-prev,
.black-body-background .carousel .carousel-control .icon-next{
    position: relative;
    width: 0;
    height: 0;
    margin: 0;
    font-size: 200px;
}

.black-body-background .carousel .carousel-control .icon-prev::before,
.black-body-background .carousel .carousel-control .icon-next::before{
    position: absolute;
    top: -30px;
    width: 0;
    height: 600px;
    margin: 0;
    opacity: 0.5;
    transform: scaleY(1.4);
}

.black-body-background .carousel .carousel-control .icon-prev::before{
    left: -56px;
}

.black-body-background .carousel .carousel-control .icon-next::before{
    left: -9px;
}

@media screen and (min-width: 768px) {
    .black-body-background .carousel-control .glyphicon-chevron-left,
.black-body-background .carousel-control .glyphicon-chevron-right,
.black-body-background .carousel-control .icon-prev,
.black-body-background .carousel-control .icon-next{
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .black-body-background .carousel-control .glyphicon-chevron-left,
.black-body-background .carousel-control .icon-prev{
        margin-left: -10px;
    }

    .black-body-background .carousel-control .glyphicon-chevron-right,
.black-body-background .carousel-control .icon-next{
        margin-right: -10px;
    }

    .black-body-background .carousel-indicators{
        bottom: 20px;
    }
}


/* ====================================================
   Large first letter
   ==================================================== */

.black-body-background p.large-first-letter{
    font-size: 100%;
}

.black-body-background p.large-first-letter::first-letter{
    float: left;
    padding-top: 4px;
    padding-right: 7px;
    margin-top: -11px;
    color: #000;
    font-size: 100px;
    font-weight: 800;
    line-height: 86px;
}

@-moz-document url-prefix() {
    .black-body-background p.large-first-letter::first-letter{
        margin-bottom: 0;
    }
}


/* ====================================================
   Gallery
   ==================================================== */

.black-body-background .gallery-container .pat-galleryfbi{
    position: relative;
    margin: 0 0 60px;
}

.black-body-background .gallerydark-container,
.black-body-background .gallerylight-container{
    position: relative;
}

.black-body-background .gallerydark-container-images{
    background-color: #000;
}

.black-body-background .gallerylight-container-images{
    background-color: #fff;
}

.black-body-background .gallerydark-large-container-images,
.black-body-background .gallerylight-large-container-images{
    position: relative;
    width: 100%;
    height: 1000px;
    overflow: hidden;
}

.black-body-background .gallerydark-large-container-image,
.black-body-background .gallerylight-large-container-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000px;
    overflow: hidden;
    text-align: center;
}

.black-body-background .gallerydark-container-buttons .next,
.black-body-background .gallerydark-container-buttons .previous{
    color: #fff;
}

.black-body-background .gallerydark-container-buttons .next:hover,
.black-body-background .gallerydark-container-buttons .previous:hover{
    background-color: #282828;
}

.black-body-background .gallerydark-container-buttons .next,
.black-body-background .gallerylight-container-buttons .next,
.black-body-background .gallerydark-container-buttons .previous,
.black-body-background .gallerylight-container-buttons .previous{
    position: absolute;
    width: 90px;
    height: 90px;
    border: 0;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    text-indent: -99999px;
}

.black-body-background .gallerydark-container-buttons .next:focus,
.black-body-background .gallerylight-container-buttons .next:focus,
.black-body-background .gallerydark-container-buttons .previous:focus,
.black-body-background .gallerylight-container-buttons .previous:focus{
    outline: 0;
}

.black-body-background .gallerydark-container-buttons .next,
.black-body-background .gallerylight-container-buttons .next{
    right: 0;
    background-image: url("icons/gallery/next-white.png");
}

.black-body-background .gallerydark-container-buttons .previous,
.black-body-background .gallerylight-container-buttons .previous{
    left: 0;
    background-image: url("icons/gallery/previous-white.png");
}

.black-body-background .gallery-buttons-large .next,
.black-body-background .gallery-buttons-large .previous{
    top: 455px;
}

.black-body-background .gallery-container .pat-galleryfbi [class*="-container"]{
    position: relative;
    z-index: 101;
    text-align: right;
}

.black-body-background .gallery-container
    .pat-galleryfbi
    [class*="-container"]
    [class*="-container-buttons"]{
    position: absolute;
    top: 0;
    z-index: 102;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: calc(100% - 210px);
}

.black-body-background .gallery-container
    .pat-galleryfbi
    [class*="-container"]
    [class*="-container-buttons"]
    button.next,
.black-body-background .gallery-container
    .pat-galleryfbi
    [class*="-container"]
    [class*="-container-buttons"]
    button.previous{
    position: relative;
    top: 0;
    opacity: 0.4;
}

.black-body-background .gallery-container
    .pat-galleryfbi
    [class*="-container"]
    [class*="-container-buttons"]
    button.next:hover,
.black-body-background .gallery-container
    .pat-galleryfbi
    [class*="-container"]
    [class*="-container-buttons"]
    button.previous:hover{
    background-color: rgba(40, 40, 40, 0.8);
    opacity: 1;
}

.black-body-background .gallery-container
    .pat-galleryfbi
    [class*="-container"]
    .gallery-modal-wrapper{
    position: relative;
}

.black-body-background .gallery-container
    .pat-galleryfbi
    [class*="-container"]
    .gallery-modal-wrapper
    button.open-gallery-modal,
.black-body-background .gallery-container
    .pat-galleryfbi
    [class*="-container"]
    .gallery-modal-wrapper
    button.close-gallery-modal{
    position: absolute;
    z-index: 102;
    display: inline-block;
    padding: 10px 9px 5px 10px;
    border: none;
    background: rgba(0, 0, 0, 0.5);
}

.black-body-background .gallery-container
    .pat-galleryfbi
    [class*="-container"]
    .gallery-modal-wrapper
    button.open-gallery-modal{
    right: 0;
    bottom: 0;
}

.black-body-background .gallery-container
    .pat-galleryfbi
    [class*="-container"]
    .gallery-modal-wrapper
    button.close-gallery-modal{
    top: 4px;
    right: 5px;
    bottom: initial;
    z-index: 103;
}

.black-body-background .gallery-container
    .pat-galleryfbi
    [class*="-container"]
    .gallery-modal-wrapper
    button.open-gallery-modal
    svg,
.black-body-background .gallery-container
    .pat-galleryfbi
    [class*="-container"]
    .gallery-modal-wrapper
    button.close-gallery-modal
    svg{
    fill: #fff;
}

.black-body-background .gallery-container .pat-galleryfbi.expanded{
    position: fixed;
    top: 5%;
    left: 5%;
    z-index: 9999;
    height: 100vh;
}

.black-body-background .gallery-container .pat-galleryfbi.expanded::before{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
}

.black-body-background .gallery-container
    .pat-galleryfbi.expanded[class*="gallerydark"]::before{
    background-color: rgba(0, 0, 0, 0.8);
}

.black-body-background .gallery-container
    .pat-galleryfbi.expanded[class*="gallerylight"]::before{
    background-color: rgba(255, 255, 255, 0.8);
}

.black-body-background .gallery-container .pat-galleryfbi.expanded [class*="-container"]{
    width: 100%;
    min-width: 90vw;
    max-width: 90vw;
}

.black-body-background .gallery-container
    .pat-galleryfbi.expanded
    [class*="-container"]
    [class*="-container-images"]{
    height: 70vh;
}

.black-body-background .gallery-container
    .pat-galleryfbi.expanded
    [class*="-container"]
    [class*="-container-images"]
    [class*="-container-image"]{
    height: 100%;
}

.black-body-background .gallery-container
    .pat-galleryfbi.expanded
    [class*="-container"]
    [class*="-container-info"][class^="gallerydark"]{
    background-color: #1f1f1f;
}

@media (max-width: 991px) {
    .black-body-background .gallerydark-container-images,
.black-body-background .gallerydark-container-image,
.black-body-background .gallerylight-container-images,
.black-body-background .gallerylight-container-image{
        height: 450px;
    }

    .black-body-background .gallerydark-container-buttons .next,
.black-body-background .gallerylight-container-buttons .next,
.black-body-background .gallerydark-container-buttons .previous,
.black-body-background .gallerylight-container-buttons .previous{
        top: 180px;
    }
}


/* ====================================================
   Blockquote
   ==================================================== */

.black-body-background blockquote{
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}


/* ====================================================
   Social sharing icons
   ==================================================== */

.black-body-background .webicon{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    margin-left: 10px;
    background-size: 100%;
    border-radius: 5px;
    text-align: left;
    text-indent: -999em;
}

.black-body-background .webicon:hover{
    opacity: 0.85;
}

.black-body-background .webicon.small{
    width: 20px;
    height: 20px;
    border-radius: 3px;
}

.black-body-background .webicon.facebook{
    background: url("../../img/webicons/webicon-facebook.svg");
}

.black-body-background .webicon.x{
    width: 22px;
    height: 22px;
    margin: -5px 0 0;
    background: url("../../img/webicons/webicon-x.svg");
}

.black-body-background .webicon.mail{
    background: url("../../img/webicons/webicon-mail.svg");
}

.black-body-background .fbigov-sharing a{
    vertical-align: middle;
}


/* ====================================================
   Print styles
   ==================================================== */

@media print {
    .black-body-background img{
        max-width: 100% !important;
        page-break-inside: avoid;
    }

    .black-body-background .gallery-container,
.black-body-background .fbigov-sharing{
        display: none !important;
    }

    .black-body-background .featured-content-backgroundimage .info-text{
        bottom: inherit;
        display: block;
        margin-top: 40px;
        padding: 0;
    }

    .black-body-background .featured-content-backgroundimage a{
        display: block;
    }

    .black-body-background .focuspoint{
        min-height: 250px;
        height: auto !important;
    }

    .black-body-background .focuspoint img,
.black-body-background .focuspoint video{
        position: inherit;
        top: 0 !important;
        width: 100%;
        height: 100% !important;
        max-width: 100% !important;
        max-height: inherit !important;
    }

    .black-body-background h3{
        page-break-after: avoid;
        orphans: 3;
        widows: 3;
    }

    .black-body-background blockquote{
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    .black-body-background blockquote h2{
        font-size: 16px;
        orphans: 3;
        widows: 3;
        page-break-after: avoid;
    }
}

/* GLOBAL */
body.black-body-background  {
    font-family: 'Rajdhani', system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    font-weight: 500;
    font-size: 18.7px;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
}

.black-body-background #visual-wrapper #main-content a {
    text-decoration: underline;
    color: white;
    font-weight: none;
    text-decoration-thickness: 0.75px;
    text-underline-offset: 3px;
}

.black-body-background #visual-wrapper #main-content a:hover {
    color: #cccccc;
}

.black-body-background .mosaic-tile h1 a, 
.black-body-background .mosaic-tile h2 a, 
.black-body-background .mosaic-tile h3 a {
    text-decoration: none;
}

/* fbi.gov/investigate */
.black-body-background .mosaic-tile h1 a, 
.black-body-background .mosaic-tile h2 a, 
.black-body-background .mosaic-tile h3 a {
    color: white;
    font-weight: 700;
}

.black-body-background .featured-content {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    margin-bottom: 15px;
    background-color: #111;
}

.black-body-background .featured-content-featurednews h3 {
    padding: 0 15px;
}

.black-body-background .featured-content-featurednews .description {
    padding: 0 15px;
}

.black-body-background .featured-content .focuspoint {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

/* News */


/* Cyber */
.black-body-background .mosaic-tile-background, .mosaic-tile-background-rounded, .mosaic-tile-background-no-margin {
    background-color: #111;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.black-body-background .mosaic-tile-blue-background {
    background-color: #494a4c;
}

.black-body-background .mosaic-tile-blue-background a {
    color: white;
    text-decoration: none;
}

.black-body-background .mosaic-tile-blue-background a:hover {
    text-decoration: underline;
}

.black-body-background .anchor-navigator-container ul li.active a .label, 
.anchor-navigator-container ul li:hover a .label {
    color: white;
    
}
.black-body-background .anchor-navigator-container ul li a .label {
    color: white;
}

/* news/stories - query listing */

.black-body-background .queryfilter-container .filter-fields {
    background-color: #494a4c;
}

.black-body-background .queryfilter-container .filter-fields select,
.black-body-background .queryfilter-container .sort-by select {
    color: black;
}

.black-body-background .panel {
    background-color: #111;
}

/* Speeches and Testimony */
.black-body-background .query-results .dt-compact .row {
    background-color: #111;
}

.black-body-background .queryfilter-container #filter-input {
    color: black;
}

.black-body-background .queryfilter-container #filter-input::placeholder {
    color: black;
}

/* Most Wanted */
.black-body-background .mosaic-grid-row-dark {
    background-color: #111;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
}

.sectiongrid a,
.featured-content-caseoftheweek a {
    text-decoration: none !important;
}

/* Add to Bottom of Dark Mode CSS */
.black-body-background .mosaic-tile-content .featured-content h3, 
.black-body-background .mosaic-tile-content .feature-tile-content h3, 
.black-body-background .mosaic-tile-content .featured-content .feature-tile-title, .mosaic-tile-content .feature-tile-content .feature-tile-title {
    line-height: 27.5px;
}

/* /cyber - Latest News Section */

.black-body-background .full-width-underline {
    padding-bottom: 7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 10px;
}

.black-body-background .mosaic-tile-blue-background, 
.black-body-background .mosaic-tile-green-background {
    padding: 10px;
    color: white;
}

.black-body-background .mosaic-tile-blue-background p, 
.black-body-background .mosaic-tile-green-background p {
    margin-bottom: 0;
}

/* News List */
.black-body-background .list-tile .simple ul {
    list-style: none;
    padding: 0px;
}

.black-body-background .list-tile .simple li {
    border-top: 1px solid rgba(255, 255, 255, 0.3);;
    padding: 5px 0 5px 0;
}

.black-body-background .list-tile .simple li p.date {
    font-weight: bold;
    margin-right: 5px;
}

.black-body-background .list-tile .simple li p {
    display: inline;
}

.black-body-background .list-tile a {
    text-decoration: none;
}

.black-body-background .list-tile a:hover {
    text-decoration: underline;
}

.black-body-background .read-more {
    text-align: right;
}



.clearfix:before, 
.clearfix:after, 
.dl-horizontal dd:before, 
.dl-horizontal dd:after, 
.container:before, 
.container:after, 
.container-fluid:before, 
.container-fluid:after, 
.row:before, .row:after, 
.btn-toolbar:before, 
.btn-toolbar:after, 
.btn-group-vertical>.btn-group:before, 
.btn-group-vertical>.btn-group:after, 
.nav:before, .nav:after, 
.navbar:before, .navbar:after, 
.navbar-header:before, 
.navbar-header:after, 
header.main-header nav>div 
.navbar-collapse:before, 
header.main-header nav>div 
.navbar-collapse:after {
    content: " ";
    display: table;
}

.black-body-background .mosaic-tile-border-left:before {
    background: rgba(255, 255, 255, 0.3);
    height: 100%;
    width: 1px;
    content: "";
    position: absolute;
    left: -1px;
    top: 0px;
}

/* 
   Anchor Menu 
*/

/* ====================================================
   Anchor navigator container
   ==================================================== */

.black-body-background .anchor-navigator-container {
    position: fixed;
    z-index: 200;
    width: 100%;
    margin-left: 10px;
}

.black-body-background .anchor-navigator-container h2 {
    display: none;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 20px;
}

.black-body-background .anchor-navigator-container .anchor-navigator-inner {
    position: relative;
}

.black-body-background .anchor-navigator-container .anchor-navigator-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 202;
    max-width: 280px;
}


/* ====================================================
   Anchor navigator list
   ==================================================== */

.black-body-background .anchor-navigator-container ul {
    padding: 0;
    list-style: none;
}

.black-body-background .anchor-navigator-container ul li a {
    display: block;
    color: #000;
    font-size: 14px;
    text-decoration: none;
}

.black-body-background .anchor-navigator-container ul li a:hover {
    text-decoration: none;
}


/* ====================================================
   Anchor navigator dots and connecting lines
   ==================================================== */

.black-body-background .anchor-navigator-container ul li a .dot {
    position: relative;
    margin-right: 5px;
}

.black-body-background
    .anchor-navigator-container
    ul
    li
    a
    .dot
    .dot-inner-one,
.black-body-background
    .anchor-navigator-container
    ul
    li
    a
    .dot
    .dot-inner-two {
    position: absolute;
    display: inline-block;
}

.black-body-background
    .anchor-navigator-container
    ul
    li
    a
    .dot
    .dot-inner-one {
    top: 5px;
    left: 0;
    z-index: 203;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #5d5c5c;
}

.black-body-background
    .anchor-navigator-container
    ul
    li
    a
    .dot
    .dot-inner-two {
    top: 3px;
    left: -2px;
    display: none;
}

.black-body-background .anchor-navigator-container ul li a .line {
    position: relative;
    top: -5px;
    left: 5px;
    display: inline-block;
    width: 12px;
    border-top: 1px solid transparent;
}


/* ====================================================
   Anchor navigator labels
   ==================================================== */

.black-body-background .anchor-navigator-container ul li a .label {
    margin-left: 3px;
    opacity: 0.4;
}

.black-body-background
    .anchor-navigator-container
    ul
    li.active
    a
    .label,
.black-body-background
    .anchor-navigator-container
    ul
    li:hover
    a
    .label {
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
}


/* ====================================================
   Active and hover states
   ==================================================== */

.black-body-background
    .anchor-navigator-container
    ul
    li.active
    a
    .dot-inner-two,
.black-body-background
    .anchor-navigator-container
    ul
    li:hover
    a
    .dot-inner-two {
    z-index: 204;
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #ccc;
    opacity: 0.7;
}

.black-body-background
    .anchor-navigator-container
    ul
    li.active
    a
    .line,
.black-body-background
    .anchor-navigator-container
    ul
    li:hover
    a
    .line {
    border-top-color: #a7a7a7;
}


/* ====================================================
   Anchor navigator hamburger button
   ==================================================== */

.black-body-background
    .anchor-navigator-container
    .anchor-navigator-hamburger {
    position: absolute;
    top: 0;
    left: -30px;
    display: none;
    width: 30px;
    margin: 0;
    padding: 5px;
    border: 0;
    background-color: rgba(0, 57, 128, 0.85);
    line-height: 10px;
    transition: background-color 0.25s ease-in-out;
}

.black-body-background
    .anchor-navigator-container
    .anchor-navigator-hamburger:hover {
    background-color: #003980;
}

.black-body-background
    .anchor-navigator-container
    .anchor-navigator-hamburger
    .icon-bar {
    background-color: #fff;
}


/* ====================================================
   Shared hamburger icon styles
   ==================================================== */

.black-body-background .hamburger {
    display: inline-block;
}

.black-body-background .hamburger span.icon-bar {
    display: block;
    width: 14px;
    height: 3px;
    margin: 2px;
    border-radius: 3px;
    background-color: #fff;
}

.black-body-background .hamburger span.icon-bar::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0.4em 0 0.2em;
}

.black-body-background .hamburger span.icon-bar + span.icon-bar {
    margin-top: 2px;
}


/* ====================================================
   Narrow/collapsed navigator state
   ==================================================== */

.black-body-background
    .anchor-navigator-container.anchor-narrow
    .anchor-navigator-hamburger {
    display: block;
}

.black-body-background
    .anchor-navigator-container.anchor-narrow
    h2 {
    display: block;
}

.black-body-background
    .anchor-navigator-container.anchor-narrow
    .anchor-navigator-content {
    padding: 20px;
    background-color: rgba(0, 57, 128, 0.85);
}

.black-body-background
    .anchor-navigator-container.anchor-narrow
    .anchor-navigator
    li
    a {
    color: #fff;
}

.black-body-background
    .anchor-navigator-container.anchor-narrow
    .anchor-navigator
    li
    a
    .dot-inner-one {
    background-color: #cacaca;
}

.black-body-background
    .anchor-navigator-container.anchor-narrow
    .anchor-navigator
    li
    a
    .label {
    opacity: 0.7;
}

.black-body-background
    .anchor-navigator-container.anchor-narrow
    .anchor-navigator
    li.active
    .dot-inner-two,
.black-body-background
    .anchor-navigator-container.anchor-narrow
    .anchor-navigator
    li:hover
    .dot-inner-two {
    background-color: #fff;
}

.black-body-background
    .anchor-navigator-container.anchor-narrow
    .anchor-navigator
    li.active
    .line,
.black-body-background
    .anchor-navigator-container.anchor-narrow
    .anchor-navigator
    li:hover
    .line {
    border-top-color: #fff;
}

.black-body-background
    .anchor-navigator-container.anchor-narrow
    .anchor-navigator
    li.active
    .label,
.black-body-background
    .anchor-navigator-container.anchor-narrow
    .anchor-navigator
    li:hover
    .label {
    opacity: 1;
}

/* 
   Cover Image
*/

/* ====================================================
   Cover outer container
   ==================================================== */

.black-body-background .cover-outer-container {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

body.black-body-background.castle-toolbar-active
    .cover-outer-container {
    width: calc(100vw - 190px);
    margin-left: calc(95px - 50vw + 50%);
}


/* ====================================================
   Cover image container and overlay
   ==================================================== */

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container {
    position: relative;
    width: 100%;
    max-height: 460px;
    margin: 0 auto;
    padding: 20px 60px;
    overflow: hidden;
}

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
}

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container.none::before {
    opacity: 0;
}

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container.slightly-dark::before {
    opacity: 0.2;
}

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container.dark::before {
    opacity: 0.4;
}

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container.very-dark::before {
    opacity: 0.6;
}

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container.darkest::before {
    opacity: 0.8;
}


/* ====================================================
   Cover image
   ==================================================== */

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container
    img.pat-cover {
    left: 0 !important;
}


/* ====================================================
   Cover content layout
   ==================================================== */

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container
    .cover-image-background {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container
    .cover-image-background
    .mosaic-grid-row {
    width: 100%;
    margin: 0;
}

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container
    .cover-image-background
    .cover-image-content {
    padding: 30px 30px 10px;
    color: #f5f5f5;
}

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container
    .cover-image-background
    .cover-image-content.blue-background {
    background-color: rgba(36, 55, 89, 0.75);
    border-radius: 10px;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5);
}


/* ====================================================
   Cover headings
   ==================================================== */

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container
    .cover-image-content
    h3 {
    font-size: 1.2em;
}

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container
    .cover-image-content
    h2 {
    font-size: 1.5em;
}


/* ====================================================
   Optional cover-content links
   ==================================================== */

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container
    .cover-image-content
    p.align-left
    a,
.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container
    .cover-image-content
    p.align-right
    a {
    display: inline-block;
    margin: 20px 0 0;
    padding: 10px 20px;
    color: #333;
    background-color: #f5f5f5;
    border-radius: 4px;
    text-transform: capitalize;
}

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container
    .cover-image-content
    p.align-left
    a:hover,
.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container
    .cover-image-content
    p.align-right
    a:hover {
    background-color: #fff;
    text-decoration: none;
}

.black-body-background
    .cover-outer-container
    .cover-image-container.cover-container
    .cover-image-content
    p.align-right {
    text-align: right;
}


/* ====================================================
   Tablet and mobile adjustments
   ==================================================== */

@media only screen and (max-width: 768px) {
    .black-body-background
        .cover-outer-container
        .cover-image-container.cover-container
        .cover-image-content
        h3 {
        font-size: 0.84em;
    }

    .black-body-background
        .cover-outer-container
        .cover-image-container.cover-container
        .cover-image-content
        h1 {
        font-size: 25.2px;
    }

    .black-body-background
        .cover-outer-container
        .cover-image-container.cover-container
        .cover-image-content
        h2 {
        font-size: 1.05em;
    }
}

@media only screen and (max-width: 480px) {
    .black-body-background
        .cover-outer-container
        .cover-image-container.cover-container {
        padding: 0;
    }

    .black-body-background
        .cover-outer-container
        .cover-image-container.cover-container
        .cover-image-content.blue-background {
        border-radius: 0;
    }
}

/* Footer Fixes */
.black-body-background .site-footer .footer-links a,
.black-body-background .site-footer h5 a {
    text-decoration: none;
}

.black-body-background .site-footer h5 {
    font-size: 24px;
}

/* Section Cover Tile */
.cover-container video, .cover-container img {
    position: absolute;
    margin: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-height: none;
    max-width: none;
}

/* Castle Fixes */
.black-body-background .castle-toolbar-container-side ul li.castle-toolbar-item a, 
.black-body-background .castle-btn-dropdown ul li.castle-toolbar-item a {
    text-decoration: none;
    font-weight: none;
}

.black-body-background .folderBox {
    text-decoration: none;
    color: black;
    font-weight: none;
}

.black-body-background .folderBox:hover {
    text-decoration: underline;
    color: black;
    font-weight: none;
}

/*
   Wanted
*/


/* ====================================================
   Castle grid base
   ==================================================== */

.black-body-background [class*="castle-grid-block-"] {
    display: block;
    margin: -15px;
    padding: 0;
}

.black-body-background [class*="castle-grid-block-"]::before,
.black-body-background [class*="castle-grid-block-"]::after {
    content: " ";
    display: table;
}

.black-body-background [class*="castle-grid-block-"]::after {
    clear: both;
}

.black-body-background .castle-grid-block-item {
    display: inline;
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 15px;
    list-style: none;
}


/* ====================================================
   Extra-small grid
   Two items per row
   ==================================================== */

.black-body-background
    .castle-grid-block-xs-2
    > .castle-grid-block-item {
    width: 50%;
}

.black-body-background
    .castle-grid-block-xs-2
    > .castle-grid-block-item:nth-of-type(n) {
    clear: none;
}

.black-body-background
    .castle-grid-block-xs-2
    > .castle-grid-block-item:nth-of-type(2n + 1) {
    clear: both;
}


/* ====================================================
   Small grid: 768px and wider
   Two items per row
   ==================================================== */

@media (min-width: 768px) {
    .black-body-background
        .castle-grid-block-sm-2
        > .castle-grid-block-item {
        width: 50%;
    }

    .black-body-background
        .castle-grid-block-sm-2
        > .castle-grid-block-item:nth-of-type(n) {
        clear: none;
    }

    .black-body-background
        .castle-grid-block-sm-2
        > .castle-grid-block-item:nth-of-type(2n + 1) {
        clear: both;
    }
}


/* ====================================================
   Medium grid: 992px and wider
   Three items per row
   ==================================================== */

@media (min-width: 992px) {
    .black-body-background
        .castle-grid-block-md-3
        > .castle-grid-block-item {
        width: 33.33333333%;
    }

    .black-body-background
        .castle-grid-block-md-3
        > .castle-grid-block-item:nth-of-type(n) {
        clear: none;
    }

    .black-body-background
        .castle-grid-block-md-3
        > .castle-grid-block-item:nth-of-type(3n + 1) {
        clear: both;
    }
}


/* ====================================================
   Large grid: 1200px and wider
   Four items per row
   ==================================================== */

@media (min-width: 1200px) {
    .black-body-background
        .castle-grid-block-lg-4
        > .castle-grid-block-item {
        width: 25%;
    }

    .black-body-background
        .castle-grid-block-lg-4
        > .castle-grid-block-item:nth-of-type(n) {
        clear: none;
    }

    .black-body-background
        .castle-grid-block-lg-4
        > .castle-grid-block-item:nth-of-type(4n + 1) {
        clear: both;
    }
}


/* ====================================================
   Wanted feature grid
   ==================================================== */

.black-body-background .wanted-feature-grid li .focuspoint {
    width: 100%;
    height: 325px;
}

.black-body-background .wanted-feature-grid .title,
.black-body-background .wanted-grid-natural .title {
    margin-bottom: 5px;
    font-size: 21px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
}

.black-body-background .wanted-feature-grid .name,
.black-body-background .wanted-grid-natural .name {
    line-height: 18px;
    text-align: center;
}


.black-body-background .query-results .wanted-feature-grid .title,
.black-body-background .query-results .wanted-grid-natural .title {
    margin-bottom: 0;
    font-size: 20px;
    padding: 5px 0;
}

.black-body-background .query-results .wanted-grid-natural .description {
    text-align: center;
    line-height: 1.25;
}

.black-body-background .query-results .wanted-feature-grid .title a {
    font-size: 19.5px;
    text-decoration: none;
}

.black-body-background .query-results .wanted-feature-grid .title a:hover {
    text-decoration: underline;
}

.black-body-background .query-results .wanted-feature-grid .name a,
.black-body-background .query-results .wanted-grid-natural .title a{
    text-decoration: none;
    font-size: 18px;
}

/* Wanted landing page */

.black-body-background .featured-content-caseoftheweek .wrapper {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    margin-bottom: 15px;
    background-color: #111;
}

.black-body-background .featured-content-caseoftheweek .title {
    margin-bottom: 10px;
}

.black-body-background .featured-content-caseoftheweek .title a {
    color: white;
}

.black-body-background .template-layout .mosaic-grid-row-dark {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    margin-bottom: 15px;
    background-color: #111;
}

/* Terrorism */

.black-body-background .latest-news a {
    text-decoration: none !important;
}

/* What We Investigate */
.black-body-background .featured-content h3 a {
    text-decoration: none !important;
}

/* Section Cover */
.section-cover-container .accent-header {
    padding: 3.5px 10.5px;
    font-size: 16px !important;
    letter-spacing: 3.5px;
    margin-bottom: 24px;
}

.section-cover-container .content-tiles-hero__title {
    font-size: clamp(2.2rem, 5vw, 3.75rem);
    font-weight: 800;
    color: #fff;
    margin-bottom: 1rem;
    max-width: 700px;
}

/* Section Cover Gradient */
.black-body-background .section-cover-container {
  position: relative;
}

.black-body-background .section-cover-image {
  position: relative;
  overflow: hidden;
}

.black-body-background .section-cover-container::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    /* Top gradient */
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.85) 0%,
      transparent 25%
    ),

    /* Bottom gradient */
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.85) 0%,
      transparent 25%
    ),

    /* Left gradient */
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.85) 0%,
      transparent 20%
    ),

    /* Right gradient */
    linear-gradient(
      to left,
      rgba(0, 0, 0, 0.85) 0%,
      transparent 20%
    );
}

/* Keep the hero content above the gradient overlay */
.black-body-background .section-cover-hero {
  position: relative;
  z-index: 2;
}

.black-body-background .section-cover-hero .section-cover-btn {
    text-decoration: none !important;
}

/* Accent Header */

.black-body-background .accent-header {
    display: inline-block;
    position: relative;
    padding: 0.2rem 0.65rem;
    font-family: 'Rajdhani', sans-serif;
    font-size: 0.65rem;
    font-weight: 700 !important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: rgb(var(--accent-hud)) !important;
    background: rgba(var(--accent-hud), 0.06);
    border: 1px dashed rgba(var(--accent-hud), 0.38);
    border-radius: 2px;
    margin-bottom: 1.5rem !important;
    line-height: 1.7 !important;
    white-space: nowrap;
}

.black-body-background .fbi-jobs__title {
    font-size: clamp(2.2rem, 5vw, 3.75rem);
    font-weight: 800;
    color: #fff;
    margin-bottom: 1rem;
    max-width: 700px;
    
}

.black-body-background .page-hero-bg .container,
.black-body-background:not(.section-fbi-homepage) .fbi-jobs-content {
    --bs-gutter-x: 100px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

.black-body-background .page-hero-bg .accent-header {
    padding: 3.5px 10.5px;
    font-size: 16px !important;
    letter-spacing: 3.5px;
    margin-bottom: 24px;
}

.black-body-background .case-of-week-card .case-of-week-label {
    font-size: 15px;
}

.black-body-background .content-tiles-page-hero .content-card--bordered {
    background: rgba(0, 0, 0, 0.35);
}

.black-body-background .content-tiles-page-hero .content-card__category {
    color: rgb(200, 168, 75) !important;
    font-size: 15px !important;
}

.black-body-background .page-hero-bg .btn {
    text-decoration: none !important;
    font-size: 15px;
}

/* Link Banner */

.black-body-background:not(.section-fbi-homepage) .accent-header {
    padding: 3.5px 10.5px;
    font-size: 14px !important;
    letter-spacing: 3.5px;
    margin-bottom: 24px;
}

.black-body-background:not(.section-fbi-homepage) .fbi-jobs__body {
    font-size: 16px;
}

.black-body-background:not(.section-fbi-homepage) .fbi-jobs-content .btn {
    font-size: 16px;
    text-decoration: none !important;
}

/* Video/Image Header Background Hero */
.black-body-background .page-hero-bg .news-blog-label {
    font-size: 15px;
}

/* Results/Stats Tile */
.black-body-background:not(.section-fbi-homepage) #results .accent-header {
    padding: 3.5px 10.5px;
    font-size: 16px !important;
    letter-spacing: 3.5px;
    margin-bottom: 24px !important;
}

.black-body-background:not(.section-fbi-homepage) #results .display-6 {
    font-size: clamp(1.95rem, 3.5vw, 42px);
}

.black-body-background:not(.section-fbi-homepage) #results .results-stat__number {
    font-size: clamp(1.75rem, 3.5vw, 40px);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 0.5rem;
}

.black-body-background:not(.section-fbi-homepage) #results .results-stat__label {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.5;
}

/* ====================================================

   NEW THEME/DESIGNER EDITS

   ==================================================== */





/* ====================================================
   PASTE BELOW
   ==================================================== */

/* Breadcrumbs */

.black-body-background .fbi-breadcrumb-nav a {
    text-decoration: none !important;
}

.black-body-background .section-nav-title a,
.black-body-background .section-nav-list a {
    text-decoration: none !important;
}

/* Video/Image Hero - Blog Listing */

.black-body-background .page-hero-bg .news-blog-item-title a {
    text-decoration: none !important;
    font-size: 25px;
    line-height: 1;
}

.black-body-background .page-hero-bg .news-blog-item-img {
    width: 92px;
    height: 80px;
}

/* Social Carousel */
.black-body-background:not(.section-fbi-homepage) .social-section a {
    text-decoration: none !important;
}

.black-body-background:not(.section-fbi-homepage) .social-section .container {
    width: 100%;
    max-width: 1140px;
}

.black-body-background:not(.section-fbi-homepage) .social-section .accent-header {
    padding: 3.5px 10.5px;
    font-size: 16px !important;
    letter-spacing: 3.5px;
    margin-bottom: 24px !important;
}

.black-body-background:not(.section-fbi-homepage) .social-section .social-follow-btn {
    --bs-btn-padding-y: 9.6px;
    --bs-btn-padding-x: 17.6px;
    --bs-btn-font-size: 14px;
    text-decoration: none !important;
    letter-spacing: -0.07px;
}

.black-body-background:not(.section-fbi-homepage) .social-section .tweet-x-view-label {
    font-size: 12px;
    letter-spacing: 0.48px;
}

.black-body-background:not(.section-fbi-homepage) .social-section .tweet-mention {
    text-decoration: none;
    color: #1d9bf0 !important;
}

.black-body-background:not(.section-fbi-homepage) .social-section .about-video-label {
    bottom: 16px;
    font-size: 12.5px;
    letter-spacing: 0.75px;
    padding: 5.5px 13.5px;
}

.black-body-background:not(.section-fbi-homepage) section.social-section .social-carousel__indicators {
    position: static;
    margin: 32px 0 0;
    gap: 6.5px;
}

.black-body-background:not(.section-fbi-homepage) section.social-section .social-carousel__indicators .active {
    background: #fff;
}

.black-body-background:not(.section-fbi-homepage) section.social-section .social-carousel__counter {
    margin-top: 9.6px;
    font-size: 12.8px;
    letter-spacing: 0.64px;
}

.black-body-background:not(.section-fbi-homepage) section.social-section .tweet-slide .tweet-name {
    font-size: 18.4px;
}

.black-body-background:not(.section-fbi-homepage) section.social-section .tweet-slide .tweet-handle {
    font-size: 16px;
}

.black-body-background:not(.section-fbi-homepage) section.social-section .tweet-show-more {
    display: block;
    color: #1d9bf0 !important;
    font-size: 16px;
    margin-top: 5.6px;
    text-decoration: none !important;
}

.black-body-background:not(.section-fbi-homepage) section.social-section .tweet-show-more:hover {
    text-decoration: underline !important;
}

/* Single Content Feature */
.black-body-background #single-content-feature .content-split__category {
    font-size: 15px;
}

.black-body-background #single-content-feature .content-split__title a {
    text-decoration: none !important;
}

.black-body-background #single-content-feature .btn {
    --bs-btn-padding-y: 9.6px;
    --bs-btn-padding-x: 17.6px;
    letter-spacing: -0.08px;
    --bs-btn-font-size: 16px;
    text-decoration: none !important;
}