::-moz-selection { background: rgb(214,214,214); color: rgb(13,13,13); }	
	::selection { background: rgb(214,214,214); color: rgb(13,13,13); }

h1 { text-transform: uppercase; text-shadow: 2px 2px 4px #333333;
 }
.style1 { background-image: url("../assets/images/ottawa-co-sheriff-oklahoma-dk.jpg"); background-position: center bottom; background-size: cover;
}
.btn-primary { color: rgb(250,250,250) !important;  }

.inmateHome { background: url("../assets/images/inmate-search-bground.jpg") center center; background-size: cover; }
	.tipHome { background: url("../assets/images/crime-tip-bground.jpg") center center; background-size: cover; }
	.careerHome { background: url("../assets/images/careers-bground.jpg") center center; background-size: cover; }
	.ssHome { background: url("../assets/images/sheriff-sales.jpg") bottom center; background-size: cover; }

    .swiper-slide .booking-card {
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin: 10px; /* Provides breathing room for the shadow */
    min-height: 300px;
}
/* Base pagination button */
.pagination .page-link {
    background-color: transparent;
    color: #f1c40f; /* yellow numbers */
    border: 1px solid #444;
    margin: 0 2px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* Hover state */
.pagination .page-item:not(.active):not(.disabled) .page-link:hover {
    background-color: rgba(241, 196, 15, 0.15);
    color: #f1c40f;
    border-color: #f1c40f;
}

/* Active page */
.pagination .page-item.active .page-link {
    background-color: #587df7; /* green */
    color: #ffffff;
    border-color: #587df7;
    font-weight: 600;
    cursor: default;
}

/* Disabled buttons */
.pagination .page-item.disabled .page-link {
    background-color: transparent !important;
    color: #666 !important;
    border-color: transparent !important;
    pointer-events: none;
}

.gradient-custom3, .gradient-custom {
    /* fallback for old browsers */
    background: #587df7; padding: 30px;
  
    /* Chrome 10-25, Safari 5.1-6 */
  
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(33,33,33,1)), to(rgba(88,125,247,1)));
    background: linear-gradient(to bottom, rgba(33,33,33,1), rgba(88,125,247,1))
  }


.swiper-button-next, .swiper-button-prev {
    color: var(--sheriff-blue); /* Matches your branding */
}

a.dropdown-item:hover { background-color: rgb(240,240,240); color: rgb(13,13,13); }

a.btn-facebook, .btn-facebook { color: #fff !important; 	background-color: #4C67A1; font-size: 80%;
        padding: .35rem; }
    a.btn-facebook:hover { 	color: #fff; 	background-color: #405D9B; }
a.btn-facebook:focus { 	color: #fff; }
    a.twitter-share { color: #fff !important; 	background-color: rgb(119,199,247); font-size: 80%;  padding: .35rem; }
     a.twitter-share:hover { 	color: #fff; 	background-color: rgb(105,179,224); }
a.twitter-share:focus { 	color: #fff; }

 span.level1, span.level2, span.level3 { font-size: .85rem; padding: .25rem .25rem; }
    .level1, .level1 a { background: rgb(255,209,8) !important; color: rgb(255,255,255);   }
    .level2, .level2 a { background: rgb(235,134,54) !important; color: rgb(255,255,255);  }
    .level3, .level3 a { background: rgb(255,26,49) !important; color: rgb(255,255,255);  }
.ssrecalled { background-color: rgb(173,43,54)!important; color: rgb(250,250,250)!important; padding: 3px; }
.noticeImg { margin-top: -80% !important; -webkit-transform: rotate(0.05turn); transform: rotate(0.05turn); opacity: .50;}