/* 
    Town Blue: #003459 
    Town Yellow: #E4AA00
    
*/
/* General */
#mainTxt {
    min-height: 400px;
}
.comingsoon-text {
    padding-top: 32%;
}
.page-links .btn-primary {
    /* padding: 4px 11px; */
    font-size: 15px;
    background-color: #0d143f;
    border: 1px solid #0d143f;
	color: #fff;
    margin-top: 10px;
    border-radius: 1px;
    white-space: normal;
}
.page-links .btn-primary:hover {
    background-color: #000;
    border: 1px solid #fff;
    color: #fff;
}
.page-links .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}
.page-links .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}
.page-links .btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}
.detail-return a{
    color: #20143a;
}
.after-form-text {
    padding-top: 23%;
}
.after-form-text h2 {
    font-size: 27px;
}
@media screen and (min-width: 768px) {
    .comingsoon-text {
        padding-top: 13%;
    }
    .after-form-text {
        padding-top: 15%;
    }
    .after-form-text h2 {
        font-size: 33px;
    }
}
@media screen and (min-width: 1200px) {
    .comingsoon-text {
        padding-top: 6%;
    }
    .after-form-text {
        padding-top: 7%;
    }
    .after-form-text h2 {
        font-size: 33px;
    }
}

/* end general */

/* Base */
/* Reset */
html {
    font-size: 16px;
}

body {
    background-color: #fff;
}

body, p {
    color: #444;
}

*, html, body {
    font-family: 'Poppins', sans-serif;
    -webkit-font-smoothing: antialiased;
    /* -moz-osx-font-smoothing: grayscale;*/
    text-rendering: optimizeLegibility; 
}

ul {
    list-style-type: none;
    padding:0;
}

a {
    text-decoration: underline;
}

button {
    border: none;
}

textarea {
    resize: none;
}

.dropdown-toggle::after {
    margin-left: .13em;
}



/* Typography */
h1, h2, h3 , h4, h5 {
    font-weight: 300;
}

p {
    font-weight: normal;
}

h1 {
    font-size: 2rem;
    text-shadow: 0 2px 3px rgba(0,0,0,0.7);;
}
@media screen and (min-width:768px) {
    h1 {
        font-size: 3rem;
    }
}
@media screen and (min-width:992px) {
    h1 {
        font-size: 4rem;
    }
}


h2 {
    font-size: 2rem;
}
@media screen and (min-width: 768px) {
    h2 {
        font-size: 3rem;
    }
}

footer h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}


/* Layout */
.section-margin {
    margin-bottom: 4rem;
}
@media screen and (min-width:768px) {
    .section-margin {
        margin-bottom: 8rem;
    }
    .wanted-photo {
        margin-top: 8rem;
    }
}

@media screen and (min-width:1024px) {
    .slide-item .wanted {
        height: 350px;
    }
}

@media screen and (min-width: 1450px) {
    .container {
        max-width: 1400px;
    }
}

/* Modules */
/* Buttons */

.btn-main, .btn-alt, .btn-header {
    font-size: 1.25rem;
    padding: .5rem;
    text-decoration: none;
    transition: background 250ms, border 150ms;
}

.btn-main, .btn-alt {
    box-shadow: 0 2px 5px rgba(30,30,30,0.3);
}

.btn-main {  
    background: #101a50;
    border: 1px solid #101a50;
    color: #fff;
    cursor: pointer;
}
.contact-home-btn a {
    text-decoration: none;
    color: #fff;
}



.btn-alt {
    color: #fff;
    background: none;
    border: 1px solid #fff;
}

.btn-header {
    color: #0D143F;
    background: #fff;
}
@media screen and (min-width: 992px) {
    .btn-header {
        background: #101a50;
        border: 1px solid #101a50;
        color: #fff;
    }
}



.btn-header {
    box-shadow: 0 2px 5px hsla(47, 99%, 20%, 0.3);
}



.mini-overlay {
    background-color: rgba(255,255,255,0.90);
    padding: 30px 15px;
}
@media screen and (min-width: 768px) {
    .mini-overlay {
        padding: 30px;
    }
}
@media screen and (min-width: 1024px) {
    .home-contact-box {
        padding-bottom: 82px;
    }
}
@media screen and (min-width: 1200px) {
    .home-contact-box {
        padding-bottom: 55px;
    }
}

/* Cards */
.card {
    border-radius: 0;
}


.focus-card {
    transition: background 250ms, color 10s;
    padding: 2.5rem 1rem;
}
@media screen and (min-width: 768px) {
    .focus-card {
        border-left: 5px solid #FEC901;
    }
}



.card-title {
    font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
    .card-title {
        font-size: 2rem;
    }
}
@media screen and (min-width: 992px) {
    .card-title {
        font-size: 1.5rem;
    }
}
@media screen and (min-width: 1200px) {
    .card-title {
        font-size: 2rem;
    }
}

.wanted-img {
    width:50%;
    /* margin: auto; */
}
.wanted img {
    width: 100%;
}
.home-wanted {
    margin-top: 28px;
}


@media screen and (min-width:768px) {
    .wanted-img  {
        width:100%;
        max-width: 200px;
    }
    .home-wanted {
        margin-top: 0px;
    }
}
@media screen and (min-width:1200px) {
    .wanted-img  {
       overflow: hidden;
       height: auto;
    }
}

/* Location map home page */
.laurel-location iframe {
    width: 100%;
}

/* Carousel */
/* .carousel-item {
    border-bottom: 10px solid #0D143F;
} */

/* Focus Areas */
.focus-section {
    padding-top:4rem;
    padding-bottom: 4rem;
}
@media screen and (min-width:768px) {
    .focus-section {
        padding-top: 12rem; 
        padding-bottom: 8rem;
    }
}

/* DDMG Signature */
.ddmg-signature {
    background-color: #333;
}

.ddmg-signature > p {
    color: #9c9c9c;
}

/* Footer */
footer {
    background: linear-gradient(rgba(30, 30, 30, 1), rgba(30, 30, 30, 1));
    background-position: left center;
}

footer a {
    color: #fff;
    transition: padding-left 200ms;
}

footer a:hover {
    color: #fff;
}

.nav-list a:hover {
    padding-left: .5rem;
}

footer form {
    border: 1px solid #555;
    width:100%;
    max-width: 410px;
    margin: auto;
}

footer .btn-alt {
    font-size: 1rem;
    cursor: pointer;
}
footer .sitemap {
    margin-top: 2%;
}
.policepro {
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}

@media screen and (min-width:1200px) {
    .policepro {
        margin-top: 0px;
    }
}

/* Focus Icon */
.focus-icon {
    font-size: 4rem;
    margin-bottom: 1rem;
    color: hsl(232, 66%, 20%);
}

/* nav */
.dropdown-menu {
    margin:0;
    padding-top:0;
    padding-bottom:0;
    border-radius: 0;
    border: none;
    background: none;
}
@media screen and (min-width:1200px) {
    .dropdown-menu {
        background: rgba(255,255,255,0.9);
    }
}

.dropdown-item {
    padding-top:.5rem;
    padding-bottom: .5rem;
}

.nav-item, .nav-link, .dropdown-item {
    font-size: 1.2rem;
    text-decoration: none;
}
@media (min-width:1366px) {
    .nav-item, .nav-link, .dropdown-item {
        font-size: 1.1rem;
        text-decoration: none;
    }
}

.nav-item > .nav-link {
    padding-right: .75rem !important;
    padding-left: .75rem !important;
}

@media screen and (min-width:1200px) {
    .nav-wrapper {
        /* position:absolute;  */
        top:100%; 
        left:0; 
        right:0; 
        z-index: 1
    }
}

/* Parallax */
.parallax {
    background: 
        /* linear-gradient(rgba(255,255,255, 0.2), rgba(255,255,255,0.2)), */
        url(../../images/new-parallax.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    padding-top: 10rem;
    padding-bottom: 10rem;
}
@media screen and (min-width: 768px) {
    .parallax {
        background-position: top left; 
    }
}


/* Slider */

@media screen and (min-width:992px) {
    .slide-item {
        padding: 15px;
    }
}

.slide-item > div {
    padding: 15px;
    background-color: #eee;
}

@media screen and (min-width:992px) {
    .slide-item > div {
        box-shadow: 0 2px 8px rgba(30,30,30,0.4);
    }
}

/* States */
.has-shadow {
    box-shadow: 0 2px 8px rgba(30,30,30,0.4);
}

.no-underline, .no-underline:hover {
    text-decoration: none;
}

.mw-test {
    max-width: 750px;
}

button:hover {
    cursor: pointer;
}

.btn-main:hover, .btn-header:hover {
    text-decoration: none;
    color: #fff;
    background: hsl(231, 67%, 10%);
    border: 1px solid #fff;
}

.btn-alt:hover {
    color: #111;
    background: #fff;
}

.focus-card:hover {
    background: hsl(232, 66%, 20%);
    transition: background 1s;
}
.focus-card:hover * {
    color: #fff;
    transition: color 750ms;
}


.flag-bg {
    background:
        linear-gradient(rgba(255,255,255, 1), rgba(255,255,255,.7)),
        url(../../images/thinblue.jpg); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center;
    border-top: 1px solid #fff;
}

/* .nav-item {
    position: relative;
} */

@media screen and (min-width:1200px) {
    .is-active:after {
        content:'';
        background-color: #48a4d6;
        bottom: 0;
        height: 5px;
        left: 0;
        position: absolute;
        transition-duration: 0.25s;
        width: 100%;
    }
}

.nav-item {
    position: relative;
}
/* Themes */
/* Blue #19277A */
/* Yellow #F9CA11 */

.bg-header {
    background: linear-gradient(45deg, rgba(13, 20, 63, 0.85) 76%, #FEC901 76%),
    url(../../images/americanflag.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (min-width:1200px) {
    .bg-header {background-size: auto;}
}

.bg-darkblue {
    background: #0D143F;
}


.bg-nav {
    background: #0D143F;
}
@media screen and (min-width:1200px) {
    .bg-nav {
        /* background: rgba(13, 20, 63, 0.65); */
        background: rgba(255, 255, 255, 0.9);
    }
}


.nav-item, 
.nav-link, 
.dropdown-item,
.nav-item:hover, 
.nav-link:hover, 
.dropdown-item:hover,
.nav-item:active, 
.nav-link:active, 
.dropdown-item:active  {
    color:#fff;
    background: rgba(255,255,255,0);
    transition: background 250ms;
    white-space: normal;
}

@media screen and (min-width:768px) {
    .bg-header {
        background: linear-gradient(45deg, rgba(13, 20, 63, 0.85) 78%, #FEC901 78%), url(../../images/americanflag.jpg);
        background-size: cover;
    }
}

@media screen and (min-width:1024px) {
    .bg-header {
        background: linear-gradient(45deg, rgba(13, 20, 63, 0.85) 71%, #FEC901 71%), url(../../images/americanflag.jpg);
        background-size: cover;
    }
}

@media screen and (min-width:1200px) {
    .bg-header {
        background: linear-gradient(45deg, rgba(13, 20, 63, 0.85) 72%, #FEC901 72%), url(../../images/americanflag.jpg);
        background-size: cover;
    }
    .nav-item, 
    .nav-link, 
    .dropdown-item {
        color:#0D143F;
    }

    .nav-item:hover, 
    .nav-link:hover, 
    .dropdown-item:hover,
    .nav-item:active, 
    .nav-link:active, 
    .dropdown-item:active  {
        color:#0D143F;
        background: #fff;
    }
    .home-position {
        position: absolute;
    }
}



h2, h3 {
    color: #111a55;
}

/* Image banner */
.img-banner {
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),  url(images/imgbanner_mobile.jpg);
    /* background: #2f365c; */
    background-size: cover;
    padding-top: 35px;
    padding-bottom: 35px;
    /* background-position: -890px; */
  }
  .img-banner .container {
    z-index: 0 !important;
  }
  .img-banner h1 {
    color: #fff;
    font-size: 35px;
    text-align: left;
    margin-bottom: 0px;
    text-align: left;
  }
  @media screen and (min-width:768px) {
    .img-banner {
        background-position: -410px;
        background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),  url(images/imgbanner.jpg);
    }
}
  @media screen and (min-width:1200px) {
      .img-banner {
          background-position: center;
          background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),  url(images/imgbanner.jpg);
      }
  }
/* end image banner */

/* Chief Message page */
.chief-photo img {
    float: none;
    margin-bottom: 10px;
    width: 100%;
}
.chief-descript {
    font-size: 17px;
}
@media screen and (min-width:768px) {
    .chief-photo img {
        float: right;
        width: 50%;
        margin-left: 10px;
    }
}
@media screen and (min-width:1200px) {
    .chief-photo img {
        float: right;
        width: 33%;
        margin-left: 17px;
    }
}

/* Patrol, Criminal, K-9, school page */
.division-intro-text {
    margin-bottom: 28px;
}
.division-photo {
    overflow: hidden;
    height: 283px;
}
.division-photo img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.divisions .card {
    height: 400px;
    margin-bottom: 25px;
    border: none;
    box-shadow: 0px 6px 7px rgba(0,0,0,0.3);
    background: #eee;
}
.division-name {
    margin-top: 10px;
}
.division-name h2 {
    color: #000;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
}
.division-name a {
    text-decoration: none;
}
.division-learn-more {
    text-align: center;
}
.division-learn-more a {
    color: #000;
    text-decoration-color: #000;
}
.division-detail-photo {
    margin-bottom: 5px;
}
.division-detail-photo img {
    float: none;
    width: 100%;
}

@media screen and (min-width:768px) {
    .division-detail-photo img {
        float: right;
        margin-left: 10px;
        width: 30%;
    }
    .division-photo {
        height: 275px;
    }
    .divisions .card {
        height: 400px;
    }
    .division-detail-name h2 {
        font-size: 33px;
    }
}
@media screen and (min-width:1024px) {
    .division-detail-photo img {
        float: right;
        margin-left: 10px;
    }
    .division-photo {
        height: 176px;
    }
    .divisions .card {
        height: 322px;
    }
}
@media screen and (min-width:1200px) {
    .division-detail-photo img {
        float: right;
        margin-left: 10px;
        width: 30%;
    }
    .division-photo {
        height: 250px;
    }
    .divisions .card {
        height: 370px;
    }
}

/* School Officer page */
.school-off-photo img {
    float: none;
}
.school-off-gallery img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.school-gallery-item {
    overflow: hidden;
    height: 218px;
    margin-bottom: 18px;
}
.school-off-title {
    margin-top: 10px;
}
/* .school-officer img {
    float: right;
} */
.school-off-gallery {
    background: #f4f4f4;
    padding: 20px;
    margin-top: 60px;
}
@media screen and (min-width:1200px) {
  .school-off-photo img {
      float: right;
  }
}

/* Administractive page */
.admini-page-photo img {
    width: 100%;
    float: none;
    margin-bottom: 10px;
}
.admini-page-descript {
    font-size: 15px;
}
@media screen and (min-width:1024px) {
    .admini-page-photo img {
        width: 48%;
        float: right;
        margin-left: 10px;
    }
}
@media screen and (min-width:1200px) {
    .admini-page-photo img {
        width: 48%;
        float: right;
        margin-left: 10px;
    }
}

/* Report page */
.rah-page a {
    font-size: 15px;
}
.page-links {
    margin-top: 22px;
}
#rah-page-descript {
    font-size: 17px;
}

/* Resource page */
.resource-page-cat select {
    width: 60%;
}
.resource-page-cat {
    margin-top: 10px;
    font-size: initial;
    margin-bottom: 10px;
}
.resource-page-cat h2 {
    font-size: 25px;
}
.resource-page-list {
    border: 1px solid #101a50;
    padding: 10px;
}
.resource-page-links {
    margin-top: 0px;
    margin-bottom: 22px;
}

@media screen and (min-width:768px) {
    .resource-page-cat select {
        width: 35%;
    }
}
@media screen and (min-width:1024px) {
    .resource-page-cat select {
        width: 30%;
    }
}
@media screen and (min-width:1200px) {
    .resource-page-cat select {
        width: 19%;
    }
}

/* Misc Forms page */
.forms-page-cat, .forms-page-single {
    margin-top: 40px;
    margin-bottom: 10px;
}
.forms-page-single {
    font-size: 22px;
}
.forms-page-cat select {
    width: 100%;
    font-size: 17px;
}
.forms-page-cat form {
    margin-bottom: 10px;
}
.forms-page-cat h2 {
    font-size: 25px;
}
.forms-page-item .card{
    background-color: #eeeeee;
    margin-bottom: 15px;
}
.forms-page-item h2 {
    font-size: 19px;
}

@media screen and (min-width:768px) {
    .forms-page-cat select {
        width: 27%;
    }
}

/* Academy Page */
.academy-descript ul {
    list-style-type: disc;
    list-style-position: inside;
}
.academy-pdf img {
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-bottom: 55px;
}
@media screen and (min-width:768px) {
    .academy-pdf img {
        width: 80%;
    }
}
@media screen and (min-width:1024px) {
    .academy-pdf img {
        width: 50%;
    }
}
@media screen and (min-width:1200px) {
    .academy-pdf img {
        width: 70%;
    }
}



/* History page */
.history-page-img {
    overflow: hidden;
    height: 234px;
    margin-bottom: 10px;
}
.history-page-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.history-page-gallery {
    margin-top: 15px;
}

/* Photo Gallery page */
.photog-page-img {
    overflow: hidden;
    height: 200px;
    margin-bottom: 15px;
}
.photog-page-img img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.photog-page h2 {
    font-size: 25px;
}
.photo-gallery-page form {
    margin-bottom: 10px;
}
.photog-page-single h2 {
    font-size: 25px;
}

/* News page */
.news-page .card{
    background-color: #eeeeee;
    margin-bottom: 15px;
}
.news-page-title a{
    text-decoration: none;  
}
.new-detail-pdf {
    margin-right: 10px;
}
.news-page-title h2 {
    font-size: 21px;
}
.new-detail-title h2 {
    font-size: 25px;
}
.news-item {
    margin-bottom: 3rem;
}
.new-detail-link {
    margin-bottom: 15px;
}

@media screen and (min-width:768px) {
    .n-detail-pdf-link {
        display: flex;
    }
    .news-page .card{
        height: auto;
    }
    .news-page-btn {
        margin-top: 2px;
    }
}
@media screen and (min-width:1024px) {
    .news-page .card{
        height: 244px;
    }
    .news-page-btn {
        margin-top: 2px;
    }
    .news-item {
        margin-bottom: 1.9rem;
    }
}

@media screen and (min-width:1200px) {
    .news-page .card{
        margin-bottom: 15px;
        height: 215px;
    }
    .n-detail-pdf-link {
        display: flex;
    }
    .news-item {
        margin-bottom: 3.9rem;
    }
}


/* Business Contact information page */
.business-contact-intro {
    margin-bottom: 21px;
}
.business-contact-form .card {
    border: none;
    box-shadow: 0px 6px 7px rgba(0,0,0,0.3);
    background: #eee;
}
.business-contact-form h2 {
    font-size: 26px;
}
.business-contact-disclaimer {
    text-align: center;
    margin-bottom: 19px;
}
.business-contact-disclaimer label {
    display: initial;
}
.recap {
    margin-top: 19px;
    margin-bottom: 0;
}



@media screen and (min-width:768px) {
    .business-contact-form label {
        font-size: 15px;
    }
}
@media screen and (min-width:1024px) {
    /* .business-contact-form .owner-phone {
        margin-bottom: 10%;
    } */
}

/* Business Contact Login page */
.business-login .card {
    border: none;
    box-shadow: 0px 6px 7px rgba(0,0,0,0.3);
    background: #eee;
    padding: 30px;
}
.business-login .bus-login-fields {
    width: 100%;
    margin-bottom: 10px;
}
.bus-login-btn {
    text-align: center;
}
@media screen and (min-width:1200px) {
    .business-login .card {
        margin: 0 auto;
        display: block;
        width: 50%;
    }
}


/* Business edit page */
.business-edit-page .card {
    border: none;
    box-shadow: 0px 6px 7px rgba(0,0,0,0.3);
    background: #eee;
}
.bus-login-title h2 {
    font-size: 29px;
    text-align: center;
}
.business-edit-page label {
    font-size: 16px;
}
.business-edit-btn {
    margin-top: 5px;
}
.notify {
    margin-bottom: 0;
}
@media screen and (min-width:768px) {
    .business-edit-page label {
        font-size: 14px;
    }
}
@media screen and (min-width:1024px) {
    .business-edit-page label {
        font-size: 16px;
    }
}

/* Contact Us page */
.contact-page-form .card {
    border: none;
    box-shadow: 0px 6px 7px rgba(0,0,0,0.3);
    background: #eee;
}
.contact-page-title h2 {
    font-size: 26px;
}
#contact-page-intro {
    margin-bottom: 10px;
}
.contact-us-pagemap iframe {
    width: 100%;
    height: 340px;
}
.g-recaptcha {
    transform:scale(0.87);
    transform-origin:0 0;
}
.contact-page-form-btn {
    margin-top: 18px;
}
.contact-page-btn {
    margin-top: 0;
}
.contact-page-btn .btn-primary {
    margin-top: 0;
}
@media screen and (min-width:768px) {
    .g-recaptcha {
        transform:scale(1);
        transform-origin:0 0;
    }
} 

@media screen and (min-width:1200px) {
    .g-recaptcha {
        transform:scale(1);
        transform-origin:0 0;
    }
}

/* Email sign up page */
.email-signup-page .card {
    border: none;
    box-shadow: 0px 6px 7px rgba(0,0,0,0.3);
    background: #eee;
}
.email-page-signup {
    margin-top: 5px;
    text-align: center;
}
.email-signup-title h2 {
    font-size: 37px;
}