:root{
    font-size: 16px;
}

.big-txt{
  font-size: 18px;
}


html, body {  
  width: 100%;  
  margin: 0;  
  padding: 0;
  /* height:100%; */
}  


html, body {
    overflow-x:clip;
}

body {
  font-family: 'Open sans', sans-serif;
}

main {
  min-height: 71vh;
}

body{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.0032rem;
   /* below fixes footer to bottom when there isn't enough content */
    display:flex;
    flex-direction:column;
    min-height:100vh; 
}

/* Resize Recaptcha */
.g-recaptcha {
  transform:scale(0.67);
  transform-origin:0 0;
}
@media (min-width:368px) {
  .g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
  }
}
@media (min-width:768px) {
  .g-recaptcha {
    transform:scale(0.87);
    transform-origin:0 0;
  }
}


/* below fixes footer to bottom when there isn't enough content */
.wrapper{
  flex:1;
}

a:hover{ 
    text-decoration: none;
}

a{
  color:inherit;
}

.fa-bars{
    color:white;
}

.white-txt{
  color:white !important;
}

.blue-txt{
  color: #015ab2 !important;
}

.bold{
  font-weight: bold;
}

.title-text{
    font-family:'Roboto', sans-serif;
    font-weight: 700 !important;
    letter-spacing: .25px;
    color: black;
    margin-bottom: 0px;
    text-decoration: none;
    text-transform: uppercase;
}

.title-text-small{
    font-weight: 700;
    font-size: .90rem;
    padding:5px;
}

.card .title-text{
    padding-bottom:10px;
}

/* Targets the title text on county/state news section so 15px padding can be applied to top of title text without it applying to the latest news section */
.card-2 .title-text{
    padding-top:15px;
}

.title-text-2{
    font-family:'Mukta Vaani', sans-serif;
    font-weight: 600;
    color: black;
    margin-bottom: 0px;
    padding-top:10px;
    padding-bottom:10px;
    font-size: 12px;
    text-transform: uppercase;
}

@media screen and (max-width:992px){
    .title-text-2{
        font-size: 13px;
    }
}

p{
    color:black;
}
/* 1200 pixel wrapper */
.max-width{
    max-width: 1200px;
}
/* american flag header image */
.background-img{
    background: url(images/header-img-2.jpg) no-repeat 0, 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    max-height:300px;
}

/* @media (min-width:1200px) {
  .background-img {
    position: fixed;
    z-index: 5;
    width: 100%;
  }
} */

/* Header / Navbar Scroll */

/* .smaller-header {
  position: fixed;
  z-index: 5;
  width: 100%;
  background: url(images/header-img-2.jpg) no-repeat 0, 0;
  background-repeat: no-repeat;
  background-size: cover;
  max-height:300px;
}
  .smaller-header  a {
    font-size: 15px;
  }
  .smaller-header img {
    width: 60%;
  }
  .smaller-header .float-right {
    text-decoration-style: 15px;
  }
  .smaller-header i::before {
    width: 30px;
    height: 30px;
  } */
  
.smaller-nav {
  background-color: rgba(0, 0, 0, 0.80);
  position: fixed;
  z-index: 5;
  width: 100%;
  margin-top: -160px;
}

@media screen and (max-width:1199px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -160px;
  }
}

@media screen and (max-width:954px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -150px;
  }
}

@media screen and (max-width:880px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -142px;
  }
}

@media screen and (max-width:841px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -177px;
  }
}

@media screen and (max-width:767px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -194px;
  }
}

@media screen and (max-width:520px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -191px;
  }
}

@media screen and (max-width:490px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -185px;
  }
}

@media screen and (max-width:465px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -181px;
  }
}

@media screen and (max-width:435px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -193px;
  }
}

@media screen and (max-width:420px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -190px;
  }
}

@media screen and (max-width:388px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -178px;
  }
}

@media screen and (max-width:354px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -171px;
  }
}

@media screen and (max-width:327px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -165px;
  }
}

@media screen and (max-width:295px){
  .smaller-nav {
    background-color: rgba(0, 0, 0, 0.80);
    position: fixed;
    z-index: 5;
    width: 100%;
    margin-top: -158px;
  }
}

  @media (min-width:1024px) {
    .smaller-nav ul {
      font-size: 15px;
    }
  }

/* black translucent color overlay in header */
.header-img{
    background-color: rgba(0, 0, 0, 0.35);
}

.header-logo{
    padding: 25px 0px;
}

@media screen and (max-width:767px){
    .header-logo{
      max-width: 80%;
  }
}

@media screen and (max-width:435px){
  .header-logo{
    max-width: 100%;
}
}

.navbar{
    z-index: 2;
}

nav{
    background-color: rgba(0, 0, 0, 0.80);
    
}
/* controls nav text */
a.nav-link{
    color:white;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
}
a.nav-link:hover{
    text-decoration: underline solid 2px #fff ;
    text-underline-offset: 3px;
}

.dropdown-menu{
  background-color: rgba(0, 0, 0, 0.80);
}

@media screen and (max-width:992px){
  .dropdown-menu{
    background-color: rgba(0, 0, 0, 0);
    text-align: center;
  }
}
@media screen and (min-width:992px){
  .navbar-expand-lg .navbar-nav .dropdown-menu{
    margin-top: 9px;
  }
}
/* This fixes dropdown not appearing under the dropdown toggle */
.navbar ul li {
  position: relative; 
  display: inline-block;
}

/* controls social media icons */
.socials{
    color:#ffff;
    transition: transform 0.3s ease-in-out;
}

.search-icon{
    transition: transform 0.3s ease-in-out;
}

.social-backgrounds:hover .socials{
    transform:scale(1.2);
}

.search-button:hover .search-icon{
    transform:scale(1.2);
}

/* controls bakgrounds of social media icons  */
.social-backgrounds{
    background-color:#015ab2;
    padding:8px;
    margin: 0px 5px;
    border-radius: 20px;
    width:40px;
    height:40px;
    border: #ffffff95 2px solid;
}
.alert {
  background: #a00;
}
.alert i {
  color: white;
  font-size: 25px;
  -webkit-text-stroke: 2px white;
}

.alert-box {
  background: #a00;
}
.alert-box p {
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 2px black;
}
.alert-box .show-btn {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
  /* border-radius: 5px; */
}
.alert-box .show-btn:hover {
  color: #fff;
}
.alert-box .xmark-btn {
  background: none;
  border: none;
}
.alert-box .xmark-btn i {
  color: #fff;
  font-size: 21px;
}

.white-txt{
  color:white;
}

h1{
    /* font-size:3.3440rem; */
    font-size:2.5080rem;
    color:#015ab2;
    font-family:'Oswald', sans-serif;
    font-weight: 700;
    text-underline-offset: 7px;
    text-transform:uppercase;
}

h2{
font-size:2.5080rem;
color:#015ab2;
font-family:'Oswald', sans-serif;
font-weight: 700;
text-underline-offset: 7px;
text-transform:uppercase;
}

@media screen and (max-width:768px){
    h2{
        font-size:30px;
    }

    h1{
        font-size: 2.8rem;
    }
}

h3{
    font-size:1.6720rem;
    color:#015ab2;
    font-family:'Oswald', sans-serif;
    font-weight: 700;
    text-underline-offset: 7px;
    }

h4{
  font-size:1.3rem;
  color:#015ab2;
  font-family:'Oswald', sans-serif;
  font-weight: 700;
  text-underline-offset: 7px;
  }

  h5{
    font: size .5rem;
    color:#015ab2;
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    text-underline-offset: 7px;
    }

/* controls content section 1 */
.latest-news{
    margin-top: 10px;
}
.latest-news-background{
  background-color: #f3f3f3;
  padding-bottom:25px;
}
.card{
    background-color: rgba(127, 156, 185, .1);
    padding: 10px;
    /* height:auto; */
    /* max-width:300px; */
    margin-top:10px;
    border-radius: 5px;
    transition:all .3s ease-in-out;
    border: 0px;
}

.card:hover{
    scale: 1.05;
}

/* Controls cards in content 2 section */
.card-2{
    background-color: rgba(127, 156, 185, .1);
    padding: 10px;
    border-radius: 5px;
    transition:all .3s ease-in-out;
    /* min-height: 287.52px; */
    min-height:343px;
}

@media screen and (max-width:991px){
  .card-2{
    min-height:510px;
}
}

@media screen and (max-width:809px){
  .card-2{
    min-height:600px;
}
}

@media screen and (max-width:767px){
  .card-2{
    height:auto;
}
}

.card-2:hover{
    scale: 1.02;
}
/* Controls headline links on the cards */
.card-link{
    text-decoration: none;
    color:inherit;
}

.card-link:hover{
     color:#015ab2;
}

.card-link:hover, .news-date{
  color:inherit;
}


/* controls the background of the main headline and image in content section two */
.main-headline{
    background-color: rgba(127, 156, 185, .1);
    padding: 0 10px;
    border-radius: 5px;
}

@media screen and (min-width:992px){
  .main-headline{
    min-height: 275px;
  }
}

.headline-link{
    transition:color .3s ease-in-out;
    text-transform: uppercase;
}
.headline-link:hover{
    color:#015ab2;
    text-decoration: none !important;
    font-weight: 700;

}

.headline-link-2:hover{
    text-decoration: underline;
}

/* controls content section 2 */
.content-2{
    margin-bottom: 20px;
  }

.video-section{
    /* padding:40px 0px; */
    padding:20px 0px;
}

.vid-background{
    background-color: rgba(127, 156, 185, .1);
    padding:20px;
    border-radius: 10px;
}

/* controls news picture thumbnails */
.news-pic{
    margin-top:10px;
    margin-bottom: 10px;
    border-radius: 3px;
    width: 100%;
    height:auto;
    max-height: 150px;
    object-fit: cover;
}


.subheaders{
  background-color: #f3f3f3;
  padding: 15px 0px;
  
}


.row-content-3{
    margin-bottom: -200px;
    max-width: 100%;
}

@media screen and (max-width: 767px){
    .row-content-3{
        /* margin-bottom: -100px; */
        margin-bottom: 0px;

    } 
}

.background-img-foot{
    background: url(images/footer-img-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height:650px;
    background-position: top -20px center;
}

footer{
    background-color: rgba(15, 17, 17, .65);
    position: absolute;
    bottom:0;
    width:100%;
}
.in-footer{
  background-color: rgba(15, 17, 17, 1)
}
.foot ul{
  list-style: none;  
}

.dd-footer{
    background-color: #393939;
    color:#aba9a9;
    position:relative;
    top: 3.1px;
}

.dd-footer a{
    color:#aba9a9;
    transition: color 0.3s ease-in-out;
}

.dd-footer a:hover{
    color:#ffff;
}

footer .footer-nav {
    columns: 1;
    font-size: 0.8rem;
    text-align: center;
  }

  @media screen and (min-width: 768px) {
    footer .footer-nav {
      columns: 3;
      text-align: center;
      margin-top: 0;
    }
  }

  @media screen and (min-width: 1024px) {
    footer .footer-nav {
      columns: 3;
      text-align: left;
      margin-top: 0;
    }
  }

  @media screen and (min-width: 1200px) {
    footer .footer-nav {
      columns: 4;
      text-align: left;
      margin-top: 0;
    } 
  }

  footer a{
    color: #fff;
    font-weight: 200;
  }

  footer a:hover{
    text-decoration: none;
  }
  footer p{
    color:#fff;
  }
  .sitemap a:hover{
    text-decoration: underline;
    color: #ffffff;
  }

  footer a .socials{
    transition: color 0.3s ease-out ;
}

footer a .socials:hover{
    color:#015ab2;
}

.flaticon-twitter{
  font-size: 13px;
}

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

  .footer-socials{
    margin-top:-30px;
    z-index: 1;
  }
  .social-margin{
    margin-left:38px;
  }
  .sitemap{
    z-index: 2;
  }
}


/* Video Home slider */
#resource-slider {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 13em;
    margin: auto;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #DDD;
    overflow: hidden;
  }
  
  #resource-slider .arrow {
    cursor: pointer;
    position: absolute;
    width: 2em;
    height: 100%;
    padding: 0;
    margin: 0;
    outline: 0;
    background: transparent;
    border: none;
  }
  
  #resource-slider .arrow:hover {
    background: rgba(0, 0, 0, 0.1);
  }
  
  #resource-slider .arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0.75em;
    height: 0.75em;
    margin: auto;
    border-style: solid;
  }
  
  #resource-slider .prev {
    left: 0;
    bottom: 0;
  }
  
  #resource-slider .prev:before {
    left: 0.25em;
    border-width: 3px 0 0 3px;
    border-color: #333 transparent transparent #333;
    transform: rotate(-45deg);
  }
  
  #resource-slider .next {
    right: 0;
    bottom: 0;
  }
  
  #resource-slider .next:before {
    right: 0.25em;
    border-width: 3px 3px 0 0;
    border-color: #333 #333 transparent transparent;
    transform: rotate(45deg);
  }
  
  #resource-slider .resource-slider-frame {
    position: absolute;
    top: 0;
    left: 2em;
    right: 2em;
    bottom: 0;
    border-left: 0.25em solid transparent;
    border-right: 0.25em solid transparent;
    overflow: hidden;
  }
  
  #resource-slider .resource-slider-item {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 25%;
    height: 100%;
  }
  
  #resource-slider .resource-slider-inset {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0.5em 0.25em;
    overflow: hidden;
  }

  #resource-slider .resource-slider-inset iframe {
    width: 100%;
  }
  
  @media ( max-width: 60em ) {
    #resource-slider .resource-slider-item {
      width: 33.33%;
    }
    #resource-slider {
      height: 13em;
    }
  }
  
  @media ( max-width: 45em ) {
    #resource-slider .resource-slider-item {
      width: 50%;
    }
  }
  
  @media ( max-width: 30em ) {
    #resource-slider .resource-slider-item {
      width: 100%;
    }
    #resource-slider {
      height: 210px;
    }
}

.resource iframe{
  width:320px !important;  
  height:185px !important;
}


.form-background{
  background-image: url(images/cop-car-background-blur.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Pets Page */
.pet-text {
  /* overflow-y: scroll; */
  height: 260px;
  overflow: auto;
}
.found-missing-pets .card:hover {
  scale: none;
}


/* Contact us page */
.form-card{
  width:90%;
  background: #f3f3f3d0;
  border-radius: 10px;
}

.contact-intro{
 color:#f3f3f3 !important; 
}

.btn-blue {
  padding: 8px 10px;
  gap: 15px;
  background-color: #015ab2;
  outline: 2px #015ab2 solid;
  outline-offset: -3px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  transition: 400ms;
  text-transform: uppercase;
}

.btn-blue{
  color: white;
  font-weight: 700;
  font-size: 1rem;
  transition: 400ms;
}

.btn-blue-pets {
  padding: 8px 10px;
  gap: 15px;
  background-color:#9a9a9a;
  /* outline: 2px #9a9a9a solid; */
  outline-offset: -3px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  transition: 400ms;
  text-transform: uppercase;
}

.btn-blue-pets{
  color: white;
  font-weight: 700;
  font-size: 1rem;
  transition: 400ms;
}

.btn-blue svg path {
  transition: 400ms;
}

.btn-blue:hover {
  background-color: #015ab2c2;
  color:white;
}

.btn-blue-pets:hover {
  background-color: #015ab2c2;
  color:white;
}

.active-pet{
  background-color: #015ab2c2; 
  font-size: 1.1rem;
  
}

@media screen and (max-width:280px){
  .btn-blue{
    font-size:14px;
  }
}

.pet-pic{
  margin-top:10px;
  margin-bottom: 10px;
  border-radius: 3px;
  height:auto;
  max-height: 424px;
  object-fit: cover;
  width:300px;
}

/* Product Page */
.product-photo{
  transition: 0.1s ease-in-out;
  max-width: 250px;
  object-fit: cover;
  max-height:240px;
}

.product-photo-2{
  max-width: 300px;
  object-fit: cover;
  max-height:300px;
}

.product-photo:hover{
  scale:1.03;
}

.product-icon{
  opacity: 50%;
  transition: opacity 0.2s ease-in-out;
  color:#015ab2;
}

.product-card .card{
  outline: .5px solid rgba(0, 0, 0, .125);
  background-color: rgba(0, 0, 0, 0);
  padding: 10px;
  max-width: 300px;
  height:390px;
}

.product-card .card:hover{
  scale:1;
}

.product-pic-contain{
  height:240px;
}

.image-container:hover .product-icon{
  opacity: 100%;
}

.product-detail-page img {
  width: 100%;
}

@media (min-width:768px) {
  .product-detail-page img {
    width: 100%;
  }
}

.red-link{
  /* text-decoration: underline 1px solid; */
  background-color: rgba(222, 0, 0, 0.65);
  color:white;
  padding: 5px 10px 5px 10px;
  border-radius: 30px;
  transition:scale 0.5s ease-in-out, background-color ease-in-out 0.5s ;
  min-width:184px;
}

.red-link:hover{
  scale:1.02;
  background-color: rgb(222, 0, 0);
  color: white;
}

.blue-link{
  background-color: rgba(1, 90, 178, 0.80);
  color:white;
  padding: 5px 10px 5px 10px;
  border-radius: 30px;
  transition:scale 0.5s ease-in-out, background-color ease-in-out 0.5s ;
  min-width:184px;
}

.blue-link:hover{
  scale:1.02;
  background-color: rgb(1, 90, 178);
  color: white;
}

.blue-link-thin{
  background-color: rgba(1, 90, 178, 0.80);
  color:white;
  padding: 0px 10px 0px 10px;
  border-radius: 30px;
  transition:scale 0.5s ease-in-out, background-color ease-in-out 0.5s ;
  /* min-width:184px; */
}

.blue-link-thin:hover{
  scale:1.02;
  background-color: rgb(1, 90, 178);
  color: white;
}

.grey-card{
  background-color: #e2e2e275;
  padding:15px;
  border-radius: 5px;
}
@media screen and (min-width:991px){
  .grey-card{
    width:852.32px;
  }
}

.grey-tr{
  background-color: #e2e2e275;
}

.fa-times-circle:hover{
  color:rgb(222, 0, 0);
}

.coming-soon{
  height:60vh;
}


/* Pet Page */

.pet-submit-conf{
  height:50vh;
}

.pet-page .card {
  height:auto;
  /* max-width:255px; */
  width:100%;
}

i.fa-check-success{
  color: green;
}

.fa-red{
  color:rgb(222, 0, 0)
}

/* .conf-background{
  background-image: url(../../images/stock_photos/background-stock.jpg);
  background-size: cover;
  height: 100%;
  background-position: center center;
} */


.plain-link{
  /* text-decoration: underline 1px solid; */
  background-color: #9a9a9a;
  color:white;
  padding: 5px 10px 5px 10px;
  border-radius: 30px;
  transition:scale 0.5s ease-in-out, background-color ease-in-out 0.5s ;
  min-width:184px;
}

.plain-link:hover{
  scale:1.02;
  /* background-color: #333; */
  background-color: #015ab2;
  color: white;
}

.lost-pet-bg{
  background-image: url(../../images/dog-2.jpg) ;
  background-size: cover;
  background-position: center center;
}

.found-pet-bg{
  background-image: url(../../images/man-hugging-dog.jpg) ;
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 767px){
  .found-pet-bg{
    /* background-image: url(../../images/man-hugging-dog-mobile.jpg) ; */
    background-size: cover;
    background-position: center center;
  }
}

@media screen and (max-width: 375px){
  .found-pet-bg{
    /* background-image: url(../../images/man-hugging-dog-mobile-2.jpg) ; */
    background-size: cover;
    background-position: center center;
  }
}

.btn-gallery{
  color:#015ab2;
  font-size: 18px;
}

.btn-gallery:hover{
  text-decoration: underline;
}

/* Missing person page */
.missing-person-page .container-fluid {
  padding: 0 15px;
}
/* .missing-pic{
  margin-top:10px;
  margin-bottom: 10px;
  border-radius: 3px;
  width: 100%;
  height:auto;
  max-height: 424px;
  object-fit: cover;
  max-width: 300px;
} */
.missing-person-page .card {
  max-height: 450px;
  overflow: hidden;
  overflow-y: scroll;
  scrollbar-color: #b3b3b3 transparent;
}
.missing-person-page .card:hover {
  scale: none;
}

.missing-person-page .card img {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
  /* border-radius: 3px;
  height: auto; */
  /* max-height: 150px; */
  /* object-fit: cover; */
}
.missing-person-page .person-text {
  p {
    margin-bottom: 0;
  }
}

.missing-person-page .headline-link {
  font-size: 20px;
}

.missing-person-detail {
  .lead a {
    color: #0056b3;
  }  
}

@media (min-width:768px){
  .missing-person-page .container-fluid {
    padding: 0 30px;
  }
  .missing-person-page .card{
    max-height: 470px;
    min-height: 330px;
  }
  .missing-person-page .card img {
    display: block;
    width: 60%;
  }
}
@media (min-width: 1024px){
  .missing-person-page .container-fluid {
    padding: 0 50px;
  }
  .missing-person-page .card{
    max-height: 370px;
    min-height: 330px;
  }
  .missing-person-page .card img {
    float: right;
    display: block;
    width: 35%;
    margin-left: 10px;
  }
}
@media (min-width: 1200px){
  .missing-person-page .container-fluid {
    padding: 0 200px;
  }
  .missing-person-page .card{
    max-height: 370px;
    min-height: 330px;
  }
  .missing-person-page .card img {
    float: right;
    display: block;
    width: 35%;
    margin-left: 10px;
  }
}

/* .neighborhood-help-page .card{
 min-height:230px;
 height:100%;
} */

/* @media screen and (min-width:920px){
  .neighborhood-help-page .card{
    height:230px;
   }
} */
.ck-editor {
  p {
    a {
      color: blue;
    }
  }
}

.neighbor-parallax{
  background-image: url(../../images/neighborhood-helps.jpeg);
  background-size: cover;
  background-attachment: fixed;
  height:400px;
  background-position: center top;
  background-repeat: no-repeat;
}

@media screen and (max-width:676px){
  .neighbor-parallax{
    
    background-position: left top;
  }
}

/* Controls Interior News Pages */
.news-pad{
  margin: 25px 0px 50px 0px;
}
.news-pad img {
  width: 50%;
}


.missing-photo{
  width:300px;
}

.news-page .card{
  height: auto;
}
.news-page .card:hover {
  transition: none;
  scale: none;
}

.news-page .photos-list {
  overflow: hidden;
  height: auto;
}
.news-page .photos-list img {
  width: 250px;
  height: 150px;
  object-fit: cover;
}

.gallery-background{
  /* margin-top:20px; */
  background-color: #f8f8f8;
  padding:10px;
  margin:10px;
  margin-top:30px;
}

.news-txt{
  line-height: 1.2em;
}

.area-link{
  color:black;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset:auto;
}

.area-link:hover{
  text-decoration: underline;
  text-underline-offset:auto;
  transition:.1s ease-in-out;
}

.hyperlink{
  text-decoration: underline;
  color: #0064c7;
  font-weight: 400;
}

.hyperlink:hover{
  color: #015ab2;
}

@media (min-width: 768px){
  .news-pad img{
    width: 40%;
    float: right;
    margin-left: 10px;
  }
  .news-page .card{
    height: 335px;
  }
}
@media (min-width:1024px) {
  .news-page .card {
    height: 415px;
  }
  .news-page .photos-list{
    height: auto;
  }
}
@media (min-width:1200px) {
  .news-page .card {
    height: 415px;
  }
  .news-page .photos-list{
    height: auto;
  }
}

/* Events page */
.events{
  background-color: rgba(127, 156, 185, .1);
}

.events .card{
  background-color: #fff;
  box-shadow: 11px 10px 5px 0px rgba(0,0,0,0.02);
  -webkit-box-shadow: 11px 10px 5px 0px rgba(0,0,0,0.02);
  -moz-box-shadow: 11px 10px 5px 0px rgba(0,0,0,0.02);
  height: 496px;
}
.event-p{
  margin-bottom:0px;
}
.event-pic-contain {
  overflow: hidden;
  height: 240px;
  margin-bottom: 10px;
}
.event-pic{
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  width: 80%;
}
@media screen and (min-width:767px){
  .interior-event-pic{
    max-width: 350px;
  }
}

.submit-form-page .card{
  /* height: 500px; */
  max-width:100%;
  height:100%;
}

.submit-form-page .card:hover{
 scale:1;
}

.sub-event{
  margin-bottom:-150px;
}

/* @media screen and (max-width:360px){
  .g-recaptcha {
    transform: scale(0.80);
  }
}

@media screen and (max-width:310px){
  .g-recaptcha {
    transform: scale(0.70);
  }
} */

.event-arrow{
  color:#015ab2;
  background-color: #aaaaaa58;
  padding:3px;
  border-radius: 100%;
  transition: scale 0.3s ease-in-out;
}

.event-arrow:hover{
  scale:1.12;
}

.submit-event-bg{
  background-image: url(../../images/police-event.jpg) ;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Videos Page */

.vid-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; 
}

.vid-container iframe{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* directory section */

.directory-background{
  background-color: rgba(127, 156, 185, .1);
}

.directory-card{
  background-color: #fff;
  height: auto;
  width:300px;
}

.directory-pic{
  width:275px;
  /* max-height:80px; */
  height:175px;
  object-fit: contain;
}

.comm-directory-pic{
  max-height: 130px;
  width: 100%;
  object-fit: cover;
}

.active-topic{
  font-weight: 600;
  text-decoration: underline;
}
.accordion-directory .card{
  background: none;
}
.accordion-directory .card-header:before {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #fff;
  float: right;
  margin-left: 5px;
  background-image: linear-gradient(to right, white 0, white 12ch, black 12ch, black 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.accordion-directory .card .active:before {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
  fill: #fff;
}
.accordion-directory .card:hover {
  scale: none;
}

@media (min-width:768px) {
  .active-topic {
    white-space: normal;
  }
}

/*************** NEW BUSINESS DIRECTORY PAGES ADDED ON DECEMBER 2024******************/

#business-directory-detail-bg{
  background-color: #ecebeb;
  /* padding-top: 40px;
  padding-bottom:1px; */
}
#business-directory-detail-bg .card{
  scale: none;
}

#business-directory-detail-container{
  background-color: #fff; 
  padding-left:32px;
  padding-right:50px;
  /* padding-bottom:50px; */
  min-height: 835px;
}
#business-directory-detail-container.card{
  scale: none;
}
.business-picture img{
  width:100%;
  padding-top:5%;
  max-height:400px;
  object-fit: cover;
}

#bd-subtitle-text{
  margin-top:30px;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 40px;
  
  /* margin-left:50px; */
}

#bd-subtitle-text p{
  color:#015ab2;
}


#business-directory-detail-info .title-org {
  font-size: 35px;
  text-align: center;
}
#business-directory-detail-info .address {
  font-size: 25px;
  text-align: center;
}
#business-directory-detail-info .phone-email {
  font-size: 20px;
  text-align: center;
}


.bd-title-info{
  /* width:100%; */
  padding-bottom:20px;
}
/* @media (min-width:768px) {
  .bd-title-info{
    width:90%;
    padding-left:15px;
    padding-bottom:20px;
  }
}
@media (min-width:1024px) {
  .bd-title-info{
    width:90%;
    padding-left:15px;
    padding-bottom:20px;
  }
}
@media (min-width:1200px) {
  .bd-title-info{
    width:90%;
    padding-left:15px;
    padding-bottom:20px;
  }
} */

.business-directory-detail-image{
  /* margin-right:50px; */
  padding-top: 0px;
  margin: 0 auto;
  /* float:right; */
  /* max-height: 246px; */
  /* width: 100%; */
  /* margin-bottom: 30px; */

}

.business-directory-detail-image img{
  /* max-height: 100%; */
  width: 90%;
  margin-bottom: 10px;
  /* object-fit: cover; */
}
@media (min-width:368px) {
  .business-directory-detail-image img{
    /* max-width: 350px; */
    width: 100%;
    margin-left: 10px;
    margin-bottom: 0px;
    float: right;
  }
}
@media (min-width:768px) {
  .business-directory-detail-image img{
    /* max-width: 350px; */
    width: 50%;
    margin-left: 10px;
    margin-bottom: 0px;
    float: right;
  }
}
@media (min-width:1024px) {
  .business-directory-detail-image img{
    /* max-width: 400px; */
    width: 40%;
  }
}
@media (min-width:1200px) {
  .business-directory-detail-image img{
    /* max-width: 400px; */
    width: 40%;
  }
}


#bd-social-media-links{
  display:flex;
  justify-content: center;
  margin: auto;
  /* margin-top: 30px; */
  margin-bottom:20px;
  /* margin-right:50px; */
  /* padding-right:80px; */
  flex-wrap: wrap;
}



#website-img-link{
  width:50px;
  padding-left:20px;
  margin:auto;
  padding-bottom:20px;
}

#business-directory-description{
  /* width:90%; */
  margin:auto;
  padding-top:30px;
}

/* #business-directory-hours-text{
  /* width:50%; */
  /* padding-left:15px; */
  /* margin-top:-150px; 4*/
  /* margin:auto;
} */

.bd-hours{
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 20px; 
  color:#015ab2;
  /* padding-left:13px; */
}

#bd-specials-container-bg {
  background-color: #ecebeb;
}
#bd-specials-container{
  background-color: #fff;
  padding-bottom:20px;
  padding-top:30px;
  padding-left:30px;
  padding-right:30px;
  border-top: 10px solid #ecebeb;
}

#bd-specials-container.card{
  background-color: #fff;
  scale: none;
}

.bd-specials-title{
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 20px; 
  color:#015ab2;
  padding-left:13px;
}

#business-directory-specials-text{
  /* width:90%; */
  margin:auto;
}


#bd-faq-bg{
  background-color: #ecebeb;
  padding-bottom:30px;
}
#bd-faq-container{
  background-color: #fff;
  padding-bottom:20px;
  padding-top:10px;
  padding-right:40px;
  padding-left:40px;
  border-top: 30px solid #ecebeb;
}



/* #bd-gallery-container-bg {
  background-color: #ecebeb;
} */
#bd-gallery-container.card{
  background-color: #fff;
  /* padding-bottom:20px;
  padding-top:30px; */
  border-top: 30px solid #ecebeb;
}
.bd-gallery-bg{
  background-color: #fff;
}

#bd-photo{
  height:200px;
  width:100%;
  overflow:hidden;
}

#bd-photo img{
  min-height: 100%;
  min-width:100%;
  object-fit: cover;
}

#business-directory-google-map iframe{
  width:100%;
}

/******MEDIA QUERIES FOR BUSUINESS DIRECTORY PAGE*********/
@media screen and (max-width:430px){
  #bd-subtitle-text{
    font-size: 35px;
  }
  .business-directory-detail-image{
    padding-top: 20px;
    margin-bottom: 20px;
    margin: auto;
    width: 100%;
    /* margin-bottom: 70px; */
    /* min-height:386px; */
  }

  /* .business-directory-detail-image img{
    max-height: 100%;
    width: 40%;
    object-fit: cover;
  } */
  
  

  #business-directory-detail-container{
    padding-left:20px;
    padding-right:20px;
  }

  /* .bd-title-info{
    margin-top: 259px;
  } */

  #bd-social-media-links{
    justify-content: center;
    margin:auto;
    padding-top:20px;
    margin-right:20px;
  }
  #website-img-link{
    width:44px;
  }
  #business-directory-hours-text{
    width:100%;
    margin-top:0px;
  }
}

@media screen and (max-width:393px){
  #bd-subtitle-text{
    font-size: 30px;
    text-align: center;
  }
  .business-directory-detail-image{
    padding-top: 20px;
    margin: auto;
    width: 100%;
    /* max-height: 246px;
    min-width:304px; */
    margin-bottom: 10px;
  }
  /* .business-directory-detail-image img{
    width: 90%;

  } */
}

@media screen and (max-width:320px){
  .business-directory-detail-image{
    min-width:254px;

  }
  .bd-title-info{
    margin-top: 30px;
  }
}





/**********************NEW EVENTS PAGES ADDED IN DECEMBER 2024*************************/

#events-detail-bg{
  background-color: #ecebeb;
  padding-top:60px; 
  /* padding-bottom:30px; */
}
#events-detail-container{
  background-color:#fff;
  /* margin-bottom:30px; */
}
#event-title{
  background-color: #fff; 
  padding-top:30px;
}

#events-main-img img{
  width: 100%;
  margin-bottom: 10px;
  margin-right: 20px;
}

#event-detail-information{
  text-align:center;
  /* width:50%;
  float:left; */
}
#events-second-container-bg{
  background-color: #ecebeb;

}
#events-second-container{
  /* margin-top:20px; */
  background-color: #fff;
  padding-bottom:50px;
  padding-top:30px;
  border-top: 30px solid #ecebeb;
  padding-left:30px;
}

#events-social-media-links{
  display:flex;
  justify-content: center;
  /* margin: auto; */
  /* margin-top:30px; */
  margin-bottom:30px;
  /* margin-right:50px; */
  /* padding-right:80px; */
  flex-wrap: wrap;
  /* width:50%; */
  /* float:right; */
}
#events-website-img-link{
  width:40px;
  /* padding-left:10px; */
  margin:auto;
  padding-bottom:20px;
  margin-top:15px;
}

#events-detail-description{
  margin:auto;
  /* width:95%; */
  padding-top:30px;
  padding-bottom:20px;
  text-align: left;
  
}

.events-specials-title{
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 20px; 
  color:#015ab2;
  padding-left:16px;
}

#events-detail-deals-specials{
  /* width:95%; */
  margin:auto;
  padding-top:10px;
  text-align: left;
}


#events-gallery-container-bg{
  background-color: #ecebeb;
}

#events-gallery-container{
  background-color: #fff;
  /* padding-bottom:20px; */
  border-top: 30px solid #ecebeb;
  
}

#events-photo{
  height:200px;
  width:100%;
  overflow:hidden;
}

#events-photo img{
  min-height: 100%;
  min-width:100%;
  object-fit: cover;
}

.events-gallery-background{
  /* background-color: #eee; */
  padding:10px;
  margin:10px;
  margin-top:30px;
}

#faq-container-bg{
  background-color: #ecebeb;
}
#faq-container{
  background-color: #fff;
  padding-bottom:20px;
  padding-top:20px;
  padding-right:50px;
  padding-left:50px;
  border-top: 30px solid #ecebeb;
}

.events-faqs-title{
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 20px; 
  color:#015ab2;
  padding-left:11px;
  padding-top:10px;
}

#events-google-map iframe{
  width:100%;
}

#event-back-btn{
  background-color: #ecebeb;
  padding-bottom:50px;

}

/***********MEDIA QUERIES FOR NEW EVENTS PAGES*******************/
@media (min-width:768px) {
  #events-main-img img{
    width:50%;
    float: right;
    margin-left: 10px;
    margin-bottom: 0;
  }
}


/* Login page */

.cmad-login-page .card{
  height: auto;
  min-height: 320px;
  min-width: 450px;
  background-color: #f3f3f3af;
}

.cmad-login-page .card:hover{
  scale: inherit;
}

.forgot-password-page .card{
  height: auto;
  min-height: 300px;
  min-width: 400px;
  background:#f3f3f3af;
}

.forgot-password-page .card:hover{
  scale: inherit;
}

.account-conf{
  height:50vh;
}

.order-history{
  height:50vh;
}

.order-history-table{
  background-color: rgba(154, 154, 154, 0.138);
  padding:10px;
  border-radius: 10px;;
}

.order-history-table hr{
  margin-top: 10px;
  margin-bottom: 10px;
}

.update-account{
  box-shadow: 1px 11px 31px 0px rgba(0,0,0,0.20);
  -webkit-box-shadow: 1px 11px 31px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: 1px 11px 31px 0px rgba(0,0,0,0.20);
  border-radius: 20px;
}

.account-card{
  width:auto;
  height:auto;
  background-color:#f3f3f3af;
  border-radius: 5px;
  padding:30px;
}

@media screen and (min-width:500px){
  .account-card{
    min-width:456px;
  }
}

.reset-password button:hover{
  cursor: pointer;
}

.coming-text{
  font-size:18px;
}

/* faq page */

.card-header{
  background-color: #015ab2;
  color: white;
  border-radius: 10px !important;
}

.card-body{
  background-color: #f9f9f9;
}

/* Watermark*/
.logo-bg {
  background: url("../../images/watermark-logo.png") no-repeat left;
  background-position: bottom 50px left 50px;
  background-size: 200px 200px;
}
 @media (max-width: 768px) {
  .logo-bg {
    background-size: 175px 175px;
    background-position: bottom 25px left 25px;
  }
}

@media (max-width: 576px) {
  .logo-bg {
    background-size: 175px 175px;
    background-position: bottom 25px center;
  }
}

/* Background for subpages */
.subtle-bg{
  background-image: 
  url("../../images/watermark-logo.png"),
  url(../../images/subtle-background.jpg);
  background-size: 200px 200px,cover;
  background-repeat: no-repeat;
  background-position: center left 50px, center;
  background-attachment: fixed;
}

.subtle-bg-2{
  background-image:url(../../images/subtle-background.jpg);
  background-position: center; 
  background-attachment: fixed; 
  background-size: cover;
}

@media (max-width: 1020px) {
  .subtle-bg{
    background-image: 
    url("../../images/watermark-logo.png"),
    url(../../images/subtle-background.jpg);
    background-size: 200px 200px,cover;
    background-repeat: no-repeat;
    background-position: center left 10px, center;
    background-attachment: fixed;
  }
}

@media (max-width: 576px) {
  .subtle-bg{
    background-image: 
    url("../../images/watermark-logo.png"),
    url(../../images/subtle-background.jpg);
    background-size: 200px 200px,cover;
    background-repeat: no-repeat;
    background-position: bottom center , center;
    background-attachment: fixed;
  }
}

.nav-search input{
  /* max-width:400px; */
  /* min-width:341px; */
  background-color: rgba(255, 255, 255,.8);
  transition: background-color ease-in-out .3s;
  border-radius: 5px;
}

.nav-search input:focus{
  background-color: rgba(255, 255, 255,1);
  border-color: rgba(0, 0, 0, 0)!important;
  box-shadow: rgba(0, 0, 0, 0)!important;
}

.nav-search input:hover{
  background-color: rgba(255, 255, 255,1);
}

/* .search-button{
  height:100%;
  border:none;
  margin-left:5px;
  padding: 0px 10px;
  border-radius: 5px;
} */

.search-button{
  background-color: white;
  padding: 8px;
  margin: 0px 5px;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  border: #ffffff00 2px solid;
}

@media screen and (max-width:400px){
  .search-button{
    width:35px;
    height:35px;
  }
  .social-backgrounds{
    width:35px;
    height:35px;
  }
}

.search-button:focus{
  outline: none;
}

.search-button:hover{
 cursor: pointer;
}

@media screen and (min-width:1200px){
  .social-right-margin{
    margin-right:15px;
  }

.search-bar{
  /* margin-top:-20px; */
  background-color: #ffffffca;
}
}
/* @media screen and (max-width:428px){
  #home-page-ad-top img{
    margin-left:-28px;
    max-width: 118%;
  }
} */


#searchOverlay {
  background: rgba(0,0,0,0.8);
  width:0%;
  height:0%;
  display:none;
}

#searchClose::before {
  position:absolute;
  top: 10px;
  right: 10px;
  content: "X";
  color:white;
  cursor: pointer;
  font-size: 2em;
}

#searchOverlay.active {
  width:100%;
  height:100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;

  padding: 2em;
}

.search-row{
  padding-top:15%;
}