/* General */
.container {
    max-width: 1400px;
    z-index: 6;
    position: relative;
}
.card {
    border: none;
    background: #e8e9f0;    
    margin-bottom: 17px;
}

.form-bg{
    background-image:url('../../images/iStock-1383411423.png');
    background-repeat: no-repeat;
    background-size:cover;
    
}

.form-bg label {
    width:100%;
}




/* Reveal */
.reveal {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition: opacity 0.8s, transform 0.8s;
  }
.reveal_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}


.gpd-btn .btn-primary, .gpd-btn .btn-scndary, .btn-return {
    padding: 6px 10px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
    white-space: normal;
}
.gpd-btn .btn-primary {
    background-color: #f9ff67;
    border: 1px solid #f9ff67;
    color: #000;
}
.gpd-btn .btn-primary:hover {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
}
.gpd-btn .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
}
.gpd-btn .btn-scndary {
    background-color: #840106;
    border: 1px solid #840106;
    color: #fff;
}
.gpd-btn .btn-scndary:hover {
    background-color: #fff;
    border: 1px solid #840106;
    color: #000;
}
.btn-return {
    background-color: #081359;
    border: 1px solid #081359;
    color: #fff;
    border-radius: 5px;
}
.btn-return:hover {
    background-color: #081359;
    border: 1px solid #081359;
    color: #fff;
    border-radius: 5px;
    text-decoration: underline;
}
.gpd-btn .btn-primary:not(:disabled):not(.disabled):active:focus, .gpd-btn .btn-scndary:not(:disabled):not(.disabled):active:focus, .btn-third:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}
.bg-dark {
    background-color: #000!important;
}
.comingsoon-text {
    padding-top: 50%;
}
.intro-page-text {
    font-size: 17px;
}

@media screen and (min-width:768px) {
    .comingsoon-text {
        padding-top: 17%;
    }
}

@media screen and (min-width:1024px) {
    .gpd-btn .btn-primary {
        font-size: 15px;
    }
    .comingsoon-text {
        padding-top: 17%;
    }
}

@media screen and (min-width:1200px) {
    .comingsoon-text {
        padding-top: 10%;
    }
    .gpd-btn .btn-primary, .gpd-btn .btn-scndary, .btn-return {
        white-space: nowrap;
    }
    .victim-page-links .btn-scndary, .vic-link-btn .btn-scndary {
        font-size: 12px;
        padding: 4px 10px;
    }
}


/* Header */
.header {
    /* background: linear-gradient(45deg, #081359f7 60%, #081359 70%), url(../../img/american_flag.jpg); */
    /* background: linear-gradient(45deg, rgb(16, 18, 73) 70%, #840106 70%); */
    background-image: url(images/header_bg.jpg);
    /* background-color: #081359; */
    border-bottom: 4px solid #f9ff67;
}
.header:after {
    content: "";
    border-bottom: 4px solid #840106;
    width: 100%;
    display: block;
}
.header img {
    width: 42%;
    margin-bottom: 15px;
}
.logo-text h1{
    font-size: 38px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    line-height: 1;
}
.logo-text span {
    font-size: 23px;
    color: #b0bbff;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}
.btn-fb {
    margin-left: 10px;
}

.btn-fb span {
    line-height: 1.3;
}

@media screen and (min-width: 768px) {
    .bg-header {
        background-size: cover;
        background-position: center;
    }
    .bg-header img {
        width: 28%;
    }
    .header img {
        width: 23%;
    }
}

@media screen and (min-width: 1024px) {
    .bg-header img {
        width: 50%;
    }
    .header .container {
        padding: 15px 15px;
    }
    .header img {
        width: 100%;
        margin-bottom: 0;
    }
    .logo-text {
        margin-top: 15px;
    }
    .logo-text h1 {
        font-size: 39px;
    }
}

@media screen and (min-width: 1200px) {
    .header img {
        position: absolute;
        top: -8%;
        width: 84%;
        margin-bottom: 0;
    }
    .header .container {
        padding: 15px 15px;
    }
    .logo-text h1{
        font-size: 41px;
    }
}

/* Navbar */
.gt-pd {
    background-color: #000;
    position: relative;
    z-index: 5;
    width: 100%;
    border-top: 4px solid #840106;
}
.navbar-toggler span {
    color: #fff;
}
.gt-pd .navbar-collapse {
    /* margin: 0px -124px; */
    justify-content: center;
}
.gt-pd li a, .gt-pd .dropdown {
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 1rem;
}
.gt-pd .dropdown-menu {
    background-color:  #000000b0;
}
.gt-pd .dropdown-item:hover {
    background-color: transparent;
    color: #fff;
}

@media screen and (min-width:1024px) {
    .gt-pd {
        position: absolute;
        background-color: #00000087;
    }
}

@media screen and (min-width:1200px) {
    .gt-pd .nav-item {
        padding: 0 5px;
    }
    .gt-pd {
        position: absolute;
        background-color: #00000087;
    }
}

/* Cheif's Message */
.chief-home {
    text-align: center;
}
.chief-home h2 {
    color: #081359;
    font-size: 2.5rem;
    font-family: "Source Sans Pro", sans-serif;
}
.welcome-text {
    text-align: center;
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    color: #141414;
}
.chief-photo img{
    display: block;
    margin: auto;
    margin-top: 19px;
    width: 81%;
}

@media screen and (min-width: 768px) {
    .chief-photo img{
       margin-top: 18px;
       width: 33%;
    }
}
@media screen and (min-width: 1024px) {
    .chief-photo img{
       margin-top: 0px;
       width: 86%;
    }
}

@media screen and (min-width: 1200px) {
    .chief-photo img{
        width: 85%;
     }
}

/* Focus Area Divisions */
.focus-area {
    /* background: #081359;
    background-image: url(../../img/focus_areabg.jpg); */
    margin-top: 5%;
}
.focus-inner {
    margin: 0px 0;
}
.focus-inner a {
    color: #292929;
    font-family: open sans;
    text-transform: capitalize;
    font-size: 20px;
    width: 100%;
    height: 235px;
    display: inline-block;
    text-align: center;
    /* border: 1px solid #000; */
    padding: 20px 0;
    position: relative;
    z-index: 3;
    background: #081359;
    transition: all 0.4s ease 0s;
    text-decoration: none;
    border-radius: 0px;
    border: 1px solid #fff;
    border-top: 0;
}
/* .focus-inner a:hover {
    border: 2px solid #fff;
} */
.focus-inner a::before {
    position: absolute;
    content: "";
    background: #fff;
    width: 100%;
    height: 0%;
    z-index: -1;
    transition: all 0.4s ease 0s;
    bottom: 0px;
    left: 0;
}
.focus-inner:hover.focus-inner a::before {
    height: 100%;
    transition: all 0.4s ease 0s;
}
.focus-inner i {
    width: 100px;
    height: 100px;
    display: inline-block;
    border: 3px solid #f9ff67;
    border-radius: 50%;
    font-size: 34px;
    line-height: 56px;
    transform: translateX(-50%);
    position: absolute;
    top: -30px;
    background: #081359;
    color: #fff;
    box-shadow: 0 0 0 6px #081359;
}
.focus-inner:hover.focus-inner a i {
    color: #fff;
    transition: all 0.4s ease 0s;
}
.focus-inner i:before {
    font-size: 57px;
    margin-left: 2px;
    position: relative;
    top: 21px;
}
.focus-inner .division:before {
    font-size: 53px;
}
.focus-inner .gear:before {
    margin-left: 0px;
    top: 20px;
}
.focus-inner h2 {
    margin-bottom: 10px;
    margin-top: 103px;
    transition: all 0.4s ease 0s;
    font-size: 32px;
    color: #fff;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
}
.focus-inner:hover.focus-inner a h2 {
    color: #000;
    transition: all 0.4s ease 0s;
}
.focus-item {
    margin-bottom: 54px;
}
.focus-four {
    margin-bottom: 0;
}

@media screen and (min-width:768px) {
   .wanted-section .col-md-6 {
       margin-bottom: 15px;
   }
   .focus-inner a {
       border-bottom: 1px solid #fff;
   }
   .focus-item {
       margin-bottom: 54px;
   }
   .focus-three, .focus-four {
       margin-bottom: 0;
   }
}

@media screen and (min-width:1024px) {
    .focus-inner h2 {
        font-size: 33px;
    }
    .focus-inner a {
        border-bottom: none;
    }
    .focus-item {
        margin-bottom: 0px;
    }
    .focus-area {
        background: #081359;
    }
}

@media screen and (min-width:1200px) {
    .focus-inner a {
        border: 1px solid #fff;
        border-bottom: none;
        border-top: none;
    }
    .focus-item {
        margin-bottom: 0px;
    }
    .focus-area {
        background: #081359;
    }
}

/* facebook/contact */
.ls.facebook-contact {
    background-color: #f5f5f5;
}
.ls {
    background-color: #ffffff;
    color: #818181;
}
/* .counters.parallax {
    position: relative;
    padding: 20px;
    background-image: url("imgs/gpdpic.jpg");
    background-size: cover;
} */
.parallax {
    background-image: url("imgs/18238138_2076629035897401_6615160324872042522_o.jpg");
    background-attachment: inherit;
    background-size: 1120px;
    background-position: top; 
    background-repeat: repeat;
}


.counters.parallax::before {
    display: block;
    /* background-color: #d3a75a; */
}
.parallax > *, .muted_section > *, .radial_gradient > *, .gradient > *, .vertical_gradient > *, .darken_gradient > *, .diagonal_section > * {
    z-index: 4;
    position: relative;
}
.muted_section::before, .muted_section::after, .parallax::before, .parallax::after {
    opacity: 0.9;
}
.muted_section::before, .muted_section::after, .parallax::before, .parallax::after, .gradient::before, .gradient::after, .vertical_gradient::before, .vertical_gradient::after, .darken_gradient::before, .darken_gradient::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}
.form-fb {
    display: block;
}
.news-box {
    padding: 27px 46px;
    background: #840106ed;
    margin-top: 0px;
}
.news-home h2, .news-home-item h3, .news-home-item p, .news-home-item a {
    color: #fff;
}
.news-home span {
    text-decoration: underline;
}
.news-home h3 {
    font-size: 26px;
    text-transform: capitalize;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}
.news-home h3:hover {
    color: #eee;
}
.news-home a:hover {
    text-decoration: none;
}
.news-home p {
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
    font-weight: 200;
    line-height: 1.55;
    letter-spacing: 2px;
}
.news-home-item {
    margin-bottom: 28px;
}
.contact-form-cont .card {
    background: #fffffff0;
    padding: 21px;
}
.home-margin1 {
    margin-top: 18px;
}
.home-margin2 {
    margin-top: 26px;
}
.contact-home-btn {
    margin-top: 10px;
    text-align: center;
}
.counters-container {
    position: relative;
    /* border: 2px solid #ffffff; */
    overflow: hidden;
}
.animated {
    visibility: visible !important;
}
.contact-form-cont, .news-home {
    padding: 45px 20px;
    text-align: left;
}
.contact-form-email {
    padding: 0;
}
.bottommargin_5 {
    margin-bottom: 5px;
}
.ls .highlight {
    color: #000;
    text-align: center;
}

.ls.facebook-contact input[type="text"], .ls.facebook-contact input[type="email"], .ls.facebook-contact input[type="url"], .ls.facebook-contact input[type="password"], .ls.facebook-contact input[type="search"], .ls.facebook-contact input[type="tel"], .ls.facebook-contact textarea, .ls.facebook-contact select, .ls.facebook-contact .form-control, .ls.facebook-contact .select-group {
    /* border-color: transparent; */
    background-color: #ffffff;
}
.facebook-contact input[type="text"], .facebook-contact input[type="email"], .facebook-contact input[type="url"], .facebook-contact input[type="password"], .facebook-contact input[type="search"], .facebook-contact input[type="tel"]{
    border: 2px solid rgba(50, 50, 50, 0.1);
        border-top-color: rgba(50, 50, 50, 0.1);
        border-right-color: rgba(50, 50, 50, 0.1);
        border-bottom-color: rgba(50, 50, 50, 0.1);
        border-left-color: rgba(50, 50, 50, 0.1);
    height: 60px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    background-color: transparent;
    border-radius: 3px;
    color: #323232;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 14px;
    /* cursor: pointer; */
}
.form-control, .form-control:focus {
    box-shadow: none;
}
.facebook-feed {
    padding: 39px 15px;
    text-align: center;
}


.fb_iframe_widget{
    border: 3px solid #fff;
}

/* .ls .theme_buttons a, .ls .theme_button {
    color: #ffffff;
    cursor: pointer;
} */
.margin_0 {
    margin: 0 !important;
}
.theme_buttons a, .theme_button {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 14px 40px 12px;
    margin-bottom: 4px;
    line-height: 1.3;
    letter-spacing: 0.2em;
    display: inline-block;
    min-width: 8.5em;
    text-align: center;
    color: #ffffff;
    border: none;
    background-color: #323232;
    border-radius: 3px;
    position: relative;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
.ls .theme_buttons a:hover, .ls .theme_buttons a:focus, .ls .theme_button:hover, .ls .theme_button:focus {
    color: #000;
    background-color: transparent;
    border: 1px solid #081359
}

.contact-home-btn .btn-primary {
    background-color: #081359;
    color: #fff;
    border: 1px solid #081359;
}

@media screen and (min-width:768px) {
    .parallax {
        background-size: cover;
        background-attachment: inherit;
        background-position: center;
    }
    .contact-form-cont, .news-home {
        padding: 45px 20px;
    }
    .facebook-feed {
        text-align: center;
    }
}
@media screen and (min-width:1024px) {
    .contact-form-cont, .news-home, .facebook-feed {
        padding: 70px 20px;
    }
    .form-fb {
        display: flex;
    }
    .news-box {
        padding: 27px 25px;
    }
}
@media screen and (min-width:1200px) {
    .contact-form-cont, .news-home, .facebook-feed {
        /* padding: 105px; */
        padding: 92px 30px;
    }
    .parallax {
        background-attachment: fixed;
        background-size: cover;
        background-position: 0; 
        background-repeat: no-repeat;
    }
    .form-fb {
        display: flex;
    }
}

/* end form/facebook */

/* Wanted */
.wanted-section h4 {
    font-size: 21px;
    text-align: center;
    margin-top: 14px;
    margin-bottom: 5px;
    color: #fff;
}
.wanted-section .card {
    background-color: #fff;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 0px 5px 1px #9d9d9d;
}
.wanted-section .col-lg-6 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.wanted-section img {
    width: 55%;
    margin-right: 0px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}
.wanted-section .col-lg-6 {
    margin-bottom: 18px;
}
.wanted-section h3 {
    text-align: center;
    font-size: 39px;
    color: #081359;
}
.wanted-section .wanted-slide-text {
    font-size: 16px;
}

@media screen and (min-width:768px) {
    .wanted-section img {
        width: 20%;
        margin-right: 15px;
        float: left;
    }
    .wanted-section .col-lg-6 {
        margin-bottom: 18px;
    }
}

@media screen and (min-width:1024px) {
    .wanted-section img {
        width: 32%;
        margin-right: 15px;
        margin-bottom: 0;
    }
    .wanted-section .card {
        height: 250px;
    }
}

@media screen and (min-width:1200px) {
    .wanted-section img {
        width: 22%;
        margin-right: 15px;
        margin-bottom: 0;
    }
    .wanted-section .card {
        height: 250px;
    }
}
/* end Wanted */

/* Become a Gaurdian */
.parallax2 {
    background: 
        linear-gradient(rgb(0, 0, 0, 0.5), rgb(0, 0, 0, 0.5)),
        url(../../images/applytoday_bg.png);
    background-attachment: inherit;
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.guard-pdf-link {
    text-align: center;
    margin-top: 0px;
}
.guard-link-vid iframe {
    width: 100%;
}
.guard-pdf-link .btn-primary{
    background: #fff;
    color: #081359;
    border:1px solid #fff;
}
.guard-pdf-link .btn-primary:hover{
    background: #081359;
    color: #fff;
    border:1px solid #fff;
}
.guard-title {
    font-size: 37px;
    color: #fff;
    text-shadow: 0 0 6px #000;
    margin-bottom: 23px;
    text-align: center;
}
.home-vid iframe {
    width: 100%;
}


@media screen and (min-width:768px) {
    .guard-link-vid {
        text-align: center;
    }
    .guard-link-vid iframe {
        width: 76%;
    }
}

@media screen and (min-width:1024px) {
    .guard-link-vid iframe {
        width: 56%;
    }
}

@media screen and (min-width:1200px) {
   .parallax2 {
    background-attachment: fixed;
    background-size: cover;
   }
   .guard-pdf-link .btn-primary{
    font-size: 15px;
}
}

/* Annual Reports */
.annual-report {
    background: #840106;
}
.annual-btn {
    text-align: center;
}

/* end annual reports */

/* Footer */
footer {
    /* background: #000; */
    background-image: url(images/footer_bg.jpg);
}
.footer-main a {
    color: #fff;
}
.footer-main img {
    width: 50%;
}
.contact-info {
    color: #fff;
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
}
.sitemap a {
    font-size:16px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
}
.footer-signup-btn .btn-primary{
    /* padding: 9px 15px; */
    font-size: 14px;
}
.footer-main .btn-fb {
    margin-left: 0;
    padding: 5px 5px;
    background-color: transparent;
    border: none;
    display: block;
}
.footer-main i:before {
    font-size: 23px;
}
.footer-signup h2 {
    font-size: 31px;
}
.footer-signup h2 {
    color: #dfdddd;
}
.footer-signup p {
    font-size: 16px;
}
.ddmg-signature p, .ddmg-signature a {
    font-size: 13px;
    color: #969696;
}
@media only screen and (min-width:768px) {
    .footer-main img {
        width: 30%;
    }
    .footer-input {
        justify-content: center;
        display: flex;
    }
    .footer-input input {
        width: 60%;
    }
}

@media only screen and (min-width:1024px) {
    .footer-main img {
        width: 22%;
    }
    .footer-input {
        justify-content: center;
        display: flex;
    }
    .footer-input input {
        width: 40%;
    }
}

@media only screen and (min-width:1200px){
    .footer-main img {
        display: block;
        margin: 0 auto;
        width: 50%;
    }
    .footer-input input {
        width: 100%;
    }
}
/* end footer  */

/* Image banner */
/* .img-banner {
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),  url(images/imgbanner.jpg);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
    background-position: bottom;
}
.img-banner .container {
    z-index: 0 !important;
}
.img-banner h1 {
    color: #fff;
    font-size: 41px;
    text-align: left;
    margin-bottom: 0px;
    text-align: center;
    text-shadow: 0 0 5px #000;
} */

.img-banner {
    background-size: cover;
    padding-top: 65px;
    padding-bottom: 65px;

}
.img-banner .container {
    z-index: 0 !important;
}
.img-banner h1 {
    color: #fff;
    font-size: 31px;
    text-align: left;
    margin-bottom: 0px;
    text-align: center;
    text-shadow: 0 0 5px #000;
}

.img-banner .container {
    z-index: 0 !important;
}

.bgOne {
    background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),  url(images/interiorbanners/imgbanner.jpg);
    background-position: 1860px;
    padding: 30px 0 30px 0;
}
.bgTwo {
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),  url(images/interiorbanners/imgbanner2.jpg);
    background-position: bottom;
    padding: 30px 0 30px 0;
}
.bgThree {
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),  url(images/interiorbanners/imgbanner3.jpg);
    background-position: 1770px;
    padding: 30px 0 30px 0;
}
.bgFour {
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),  url(images/interiorbanners/imgbanner4.jpg);
    background-position: 1500px;
    padding: 30px 0 30px 0;
}
/* .bgFive {
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),  url(images/interiorbanners/imgbanner5.jpg);
    background-position: 1900px;
    padding: 30px 0 30px 0;
} */

.overlay-title {
    position: absolute;
    background: rgba(0, 0, 0, 0.58);
    padding: 40px 0;
}
.overlay-title h1 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
}

@media (min-width:768px) {
    .overlay-title h1 {
        font-size: 35px;
    }
    .bgOne {
        background-position: -335px;
    }
    .bgTwo {
        background-position: bottom;
    }
    .bgThree {
        background-position: bottom;
    }
    .bgFour {
        background-position: bottom;
    }
    .bgFive {
        background-position: bottom;
    }
}
@media (min-width:1024px) {
    .bgOne {
        background-position: center;
    }
    .overlay-title h1 {
        font-size: 30px;
    }
}
@media  (min-width:1200px) {
    .img-banner h1 {
        font-size: 41px;
    }
    .overlay-title h1 {
        font-size: 37px;
    }
    .bgOne {
        padding: 65px 0 65px 0;
    }
    .bgTwo {
        padding: 65px 0 65px 0;
    }
    .bgThree {
        padding: 65px 0 65px 0;
    }
    .bgFour{
        padding: 65px 0 65px 0;
    }
    .bgFive {
        padding: 65px 0 65px 0;
    }
}

/* Form bg */
.form-bg {
    background-image: url(../../images/form_bg.jpg);
    padding: 85px 0;
    background-size: cover;
}
.form-bg .card {
    background: #FFFC;
}
.form-bg .btn-return {
    font-size: 16px;
}


/* Division page */
.parallax3 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),url("images/division-parallax.jpg");
    /* background: linear-gradient(-90deg, rgba(223, 227, 230, 1) 164px, rgba(255, 255, 255, 0) 42%), url("imgs/testimonials_bg.jpg");     */
    background-attachment: initial;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding: 109px 0; */
    min-height: 334px;
}
.division-page {
    padding: 95px 0;
}
.division-page .card {
    height: 100px;
}
.division-page .card2 {
    height: 300px;
}
.division-page .card:hover {
    transform: translateY(-10px);
}
.division-page a {
    text-align: center;
    font-size: 22px;
    font-weight: bolder;
    color: #0a124e;
}
@media only screen and (min-width:768px){
    .division-page .card {
        height: 60px;
    }
}
@media only screen and (min-width:1200px){
    .parallax3 {
        background-attachment: fixed;
        background-position: initial;
    }
}


/* News Page */
.news-p .card {
    border-left: 3px solid #081359;
    border-radius: 0;
}
.news-p h2 {
    color: #081359;
    text-transform: capitalize;
}
.news-page-text {
    margin-bottom: 15px;
    font-size: 16px;
}
.n-detail-pdf-link {
    display: flex;
}
.new-detail-pdf {
    margin-right: 5px;
}
.news-detail-photo img {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
.new-detail-title h2 {
    color: #081359;
    text-transform: capitalize;
}
.news-detail-descript {
    margin-bottom: 19px;
    font-size: 16px;
}

@media screen and (min-width:768px) {

}

@media screen and (min-width:1024px) {
    .news-p .card {
        height: 230px;
    }
    .news-detail-photo img {
        float: right;
        width: 32%;
        margin-left: 10px;
    }
}

@media screen and (min-width:1200px) {
    .news-detail-photo img {
        float: right;
        width: 32%;
        margin-left: 10px;
    }
    .news-p .card {
        height: 180px;
    }
}

/* Chief's Message */
.chief-detail-photo img{
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
.chief-descript {
    font-size: 17px;
    line-height: 30px;
}

@media screen and (min-width:768px) {
    .chief-detail-photo img {
        width: 50%;
        display: block;
        margin: auto;
        margin-bottom: 10px;
    }
}

@media screen and (min-width:1024px) {
    .chief-detail-photo img {
        float: right;
        width: 32%;
        margin-left: 10px;
    }
}
@media screen and (min-width:1200px) {
    .chief-detail-photo img {
        float: right;
        width: 25%;
        margin-left: 10px;
    }
}

/* Divisions */
.division-intro-text {
    margin-bottom: 30px;
}
.divisions .card {
    height: auto;
}
.division-photo {
    overflow: hidden;
    height: auto;
    margin-bottom: 10px;
}
.division-photo img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.division-name h2{
    color: #081359;
    font-size: 22px;
    text-align: center;
}
.division-learn-more {
    text-align: center;
}
.division-learn-more a {
    color: #000;
    font-weight: bold;
}
.division-detail-photo img {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
.division-detail-name h2{
    color: #081359;
}
@media screen and (min-width:768px) {
    .division-detail-photo img {
        float: right;
        width: 30%;
        margin-left: 10px;
    }
    .division-photo {
        overflow: hidden;
        height: 246px;
    }
}

@media screen and (min-width:1024px) {
    .division-detail-photo img {
        float: right;
        width: 30%;
        margin-bottom: 0;
        margin-left: 10px;
    }
}
@media screen and (min-width:1200px) {
    .division-detail-photo img {
        float: right;
        width: 30%;
        margin-left: 10px;
        margin-bottom: 0;
    }
    .division-photo {
        overflow: hidden;
        height: 350px;
    }
    .divisions .card {
        height: 470px;
    }
}

/* School Resource Offier */

.officer-vid .carousel-inner{
    text-align: center;
    margin: 0;
}
.officer-vid .carousel-control-prev, .officer-vid .carousel-control-next {
    filter: brightness(0%);
}
.officer-vid .carousel-inner img {
    object-fit: cover;
    object-position: center;
}
.school-vid img {
    margin: auto;
}
.school-vid .video-thumb img {
    height: 190px;
    width: 100%;
}
.video-display iframe {
    width: 90%;
}
.off-shape {
    background-color: #0c144e;
    height: 327px;
    width: 60%;
    margin: -12px 0 0 11%;
    position: absolute;
    z-index: -1;
}
.school-off-intro {
    margin-bottom: 55px;
}
.school-officer {
    margin-bottom: 25px;
}
.school-officer img {
    width: 100%;
    border: 3px solid #bbc3ff;
    padding: 5px;
}
.school-officer .card {
    background: #47495b;
}
.school-off-title {
    font-size: 22px;
    font-weight: bolder;
    color: #fff;
}
.school-off-descript {
    /* text-align: center; */
    color: #fff;
}
.school-off-gallery .card{
    box-shadow: 0 0 5px #f7f7f7;
    background: #cacaca;
}
.school-gallery-item {
    overflow: hidden;
    height: 250px;
}
.school-off-gallery img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

@media screen and (min-width:768px) {
    .school-officer img {
        float: right;
        margin-left: 10px;
        width: 30%;
    }
    .school-vid .video-thumb img {
        height: 310px;
        width: 75%;
    }
}

@media screen and (min-width:1024px) {
    .school-officer img {
        float: right;
        margin-left: 10px;
        width: 40%;
    }
    .officer-vid .carousel-control-prev {
        left: 50px;
    }
    .officer-vid .carousel-control-next {
        right: 50px;
    }
    .school-vid .video-thumb img {
        height: 305px;
        width: 55%;
    }
}

@media screen and (min-width:1200px) {
    .school-officer img {
        float: right;
        margin-left: 10px;
        width: 40%;
    }
    .school-vid .video-thumb img {
        height: 330px;
        width: 75%;
    }
    .officer-vid .carousel-control-prev {
        left: 180px;
    }
    .officer-vid .carousel-control-next {
        right: 180px;
    }
    .video-display iframe {
        width: 30%;
    }
}

/* Mental Health Clincian */
.mental-page {
    margin-bottom: 32px;
}
.mental-page-photo {
    display: block;
    position: relative;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
    float: none;
    margin: 0 auto;
    margin-bottom: 15px;
}
.mental-page-photo img {
    width: auto;
    height: 100%;
    margin-left: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.mental-page-title h2 {
    color: #081359;
}
.mental-contact-title h3 {
    color: #081359;
}
.mental-page-text {
    font-size: 17px;
}

@media screen and (min-width:768px) {
    .mental-page-photo {
        float: left;
        width: 200px;
        height: 200px;
        margin-right: 17px;
    }
}

@media screen and (min-width:1024px) {
    .mental-page-photo {
        float: left;
        width: 200px;
        height: 200px;
        margin-right: 12px;
    }
}

@media screen and (min-width:1200px) {
    .mental-page-photo {
        float: left;
        width: 200px;
        height: 200px;
        margin-right: 17px;
    }
}

/* Code Enforcement */ 
.code-page-intro {
    margin-bottom: 22px;
    font-size: 19px;
}
/* .form-card {
    background: #081359;
    color: #fff;
} */
.code-page {
    margin-bottom: 70px;
}
.code-page .card {
    height: 250px;
}
.code-card {
    text-align: center;
}
.code-page-photo {
    margin-bottom: 10px;
    overflow: hidden;
}
.code-page-photo img {
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    min-width: 40%;
    min-height: 100%;
    object-fit: cover;
}
.code-page h2 {
    font-size: 24px;
    color: #081359;
}
.contact-page-title h2 {
    text-align: center;
    color: #081359;
}

@media screen and (min-width:768px) {
    .code-page-photo img {
        width: 70%;
        display: block;
        margin: 0 auto;
    } 
    .code-page-photo {
        height: 300px;
    }
}

@media screen and (min-width:1024px) {
    .code-page-photo img {
        width: 100%;
        margin-bottom: 7px;
    }
    .code-page-photo {
        height: 390px;
    }
}

@media screen and (min-width:1200px) {
    .code-page-photo {
        height: 410px;
    }
    .code-page-photo img {
        width: 100%;
        display: block;
        margin: 0 auto;
    } 
}

/* Resource page */
/* .resource-card {
    background: #fdfdff;
    border: 2px solid #081359;
} */
.resource-page-title h2{
    font-size: 25px;
}
.resource-page-text a {
    color: #081359;
}

/* Misc Forms page */
.form-page-intro {
    margin-bottom: 15px;
}
.forms-page-cat {
    margin-bottom: 10px;
}
.forms-page-cat select {
    width: 100%;
}
.forms-page-item .card {
    border: 1px solid #999;
    border-radius: 0;
}
.forms-page-item h3{
    font-size: 23px;
}
.forms-page-text{
    margin-bottom: 15px;
}
.form-page-pdf .btn-scndary {
    font-size: 13px;
}

@media screen and (min-width: 768px) {
    .forms-page-cat h2 {
        font-size: 30px;
    }
    .forms-page-cat select {
        width: 50%;
    }
}
@media screen and (min-width: 1024px) {
    .forms-page-cat h2 {
        font-size: 30px;
    }
    .forms-page-cat select {
        width: 50%;
    }
}
@media screen and (min-width: 1200px) {
    .forms-page-cat select {
        width: 50%;
    }
}

/* Victim Page */
.victim-page-photo img {
    width: 100%;
    display: block;
    margin: auto;
}
.victim-title h2{
    margin-top: 33px;
    margin-bottom: 10px;
    color: #000;
    font-size: 26px;
}
.victim-title h3 {
    color: #081359;
    font-size: 16px;
}
/* .victim-page .card {
    height: 150px;
} */
.victim-page {
    display: list-item;
    margin-top: 7px;
}
.victim-box-title h2 {
    font-size: 22px;
}
.victim-phone a{
    color: #000;
}
.victim-page-links {
    text-align: center;
    justify-content: center;
}
.vic-link-btn {
    margin-top: 10px;
}
.victim-contact {
    margin-top: 25px;
}

@media screen and (min-width:768px) {
    .victim-page-photo img {
        width: 55%;
        display: block;
        margin: auto;
    }
    .victim-page-links {
        display: flex;
    }
}

@media screen and (min-width:1024px) {
    .victim-page-photo img {
        width: 100%;
        margin: 0;
        margin-left: 15px;
    }
    .victim-page-links {
        display: flex;
        text-align: left;
    }
    .victim-title h2{
        margin-top: 0px;
        font-size: 24px;

    }
}

@media screen and (min-width:1200px) {
    .victim-page-photo img {
        width: 75%;
    }
    .only-imglinks {
        display: flex;
    }
    .victim-page-links {
        text-align: left;
        display: flex;
    }
    .victim-title h2{
        margin-top: 0px;
    }
}

/* Records Page */
.records-intro img {
    width: 100%;
    margin-bottom: 20px;
}
.record-list h2 {
    font-size: 26px;
    color: #081359;
    margin-bottom: 0;
    white-space: normal;
}
.record-list {
    margin-top: 22px;
}
.record-list .btn-link:hover, .record-list .btn-link:focus {
    text-decoration: none;
}
.record-list .card-header {
    border-bottom: none;
}
.record-list span {
    margin-right: 5px;
    color: #081359;
}
.record-descript {
    background: #f9f9f9;
}

@media screen and (min-width:768px) {
    .records-intro img {
        width: 50%;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media screen and (min-width:1024px) {
    .records-intro img {
        float: right;
        width:33%;
        margin-left: 20px;
    }
}

@media screen and (min-width:1200px) {
    .records-intro img {
        float: right;
        width:25%;
        margin-left: 20px;
    }
    .record-page-title h2 {
        font-size: 26px;
        color: #081359;
    }
}

/* History Page */
.history-page-intro {
    margin-bottom: 20px;
}
.history-page-img {
    overflow: hidden;
    height: 250px;
    margin-bottom: 15px;
}
.history-page-img img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

/* Photo Gallery */
.photog-page-img {
    margin-bottom: 5px;
}
.photo-gallery-page .card-columns {
    column-count: 1;
    column-gap: 5px;
    background: #f4f4f4;
    padding: 15px;
}
.photog-page  select{
    width: 100%;
}
.photog-page h2 {
    font-size: 27px;
    color: #081359;
    text-align: center;
}
.cat-topic  {
    text-align: center;
}
.cat-topic a{
    color: #000!important;
    padding: 0 10px;
}
.cat-topic a:hover {
    text-decoration: none;
}
.cat-topic u {
    text-decoration-color: #840106;
    text-decoration-thickness: 3px;
    text-decoration-skip-ink: none;
}

@media screen and (min-width:768px) {
    .photog-page  select{
        width: 50%;
    }
    .photo-gallery-page .card-columns {
        column-count: 2;
    }
}
@media screen and (min-width:1024px) {
    .photo-gallery-page .card-columns {
        column-count: 4;
    }
}
@media screen and (min-width:1200px) {
    .photog-page  select{
        width: 30%;
    }
    .photo-gallery-page .card-columns {
        column-count: 4;
    }
}

/* Fallen Gaudians page */
.parallax4 {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),url("images/fallen-parallax.jpg");
    /* background: linear-gradient(-90deg, rgba(223, 227, 230, 1) 164px, rgba(255, 255, 255, 0) 42%), url("imgs/testimonials_bg.jpg");     */
    background-attachment: initial;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding: 109px 0; */
    min-height: 385px;
}
.fallen-page-video iframe {
    width: 100%;
}
.fallen-photo {
    overflow: hidden;
    height: auto;
}
.fallen-photo img {
    width:100%;
    margin-bottom: 10px;
}

@media screen and (min-width:768px) {
    .fallen-page-video iframe{
        width: 60%;
    }
    .fallen-photo img {
        width: 60%;
        display:block;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .parallax4 {
        background-position: inherit;
    }
}
@media screen and (min-width:1024px) {
    .fallen-photo img {
        width: 30%;
        float: right;
        margin-left: 10px;
    }
    .parallax4 {
        background-position: inherit;
    }
}
@media screen and (min-width:1200px) {
    .fallen-page-video iframe{
        width: 50%;
    }
    .parallax4 {
        background-attachment: fixed;
        background-position-y: 160px;
    }
    .fallen-photo {
        overflow: hidden;
        height: 380px;
    }
    .fallen-photo img {
        min-width: 20%;
        min-height: 100%;
        object-fit: cover;
        float: right;
        margin-left: 10px;
        margin-bottom: 0;
    }
}

/* Contact Us Page */
.contact-page-info {
    margin-bottom: 10px;
    text-align: center;
}
.contact-us-pagemap iframe {
    width: 100%;
}
.grid {
    display: grid;
    grid: 61px 68px 60px / repeat(1, 100%);
    grid-gap: 5px;
    background: #f4f4f4;
    padding: 15px;
}
.directory h2 {
    color: #081359;
}
.direct-label {
    color: #000;
    font-size: 19px;
    border-bottom: 2px solid #840106;
}
.direct-item {
    margin-top: 5px;
}

.mobile-directory .mobile-type-title {
    background: #fbfbfb;
    padding: .75rem;
    color: #000;
    /* border-bottom: 2px solid #840106; */
}
.mobile-directory .mobile-type-body {
    padding: .75rem;
}
.mobile-directory .mobile-type-body:nth-child(odd) {
    padding: .75rem;
}
.mobile-directory .ext {
    border-bottom: 2px solid #840106;
}

@media screen and (min-width:768px) {
    .contact-page-info {
        margin-bottom: 15px;
    }
    .grid {
        grid: 30px 40px 40px / repeat(3, 33%);
    }
    .mobile-directory .ext {
        border-bottom: none;
    }
}
@media screen and (min-width:1200px) {
    .grid {
        grid: 30px 35px 35px / repeat(3, 33%);
    }
    .contact-page-info {
        margin-bottom: 10px;
    }
    .mobile-directory .ext {
        border-bottom: none;
    }
}

.css-accordion .tabs {
    border-radius: 0px;
    overflow: hidden;
    border-bottom: 2px solid #ae0e24;
}



.css-accordion .tab {
    width: 100%;
    color: white;
    overflow: hidden;
}

.css-accordion .tab-label {
    display: flex;
    padding: 1em;
    font-weight: bold;
    cursor: pointer;
    /* Icon */
}

.css-accordion .tab-label::after {
    content: "❯";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.35s;
    color: #ae0e24;
    margin: 15px 0;
}

.css-accordion .tab label {
    margin-bottom: 0;
}

.css-accordion .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #000;
    background: white;
    transition: all 0.35s;
}

.css-accordion .tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    cursor: pointer;
}

.css-accordion input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.css-accordion input:checked+.tab-label::after {
    transform: rotate(90deg);
}

.css-accordion input:checked~.tab-content {
    max-height: 250vh;
    padding: 1em;

    
}

.form-bg input {
background-color: #fff;
opacity: 1;
position: relative;
z-index: 1;
}