@charset "utf-8";
/* CSS Document */

::-moz-selection { background: rgb(54,54,54); color: #ffffff; }	
	::selection { background: rgb(54,54,54); color: #ffffff; }
	hr { display: block; height: 1px; border: 0; border-top: 1px solid rgba(33,33,33,.3); margin: 1em 0; padding: 0; }
	h1, h2, h3 { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase; }		
	h1 {  }		
	h2 {   }	
	h3 { font-size: 1.2rem; }	
	h4 { font-size: 1.10rem; }	
	main p {  }
	main a { color: rgb(185,135,93) !important;  }
	main a:hover { color: rgba(33,33,33,1); }
a.definedLink { text-decoration: underline; }
.card-header {background-color: rgb(185,135,93); color: rgb(255,255,255); }
.list-group-item a { color: rgb(33,33,33) !important; }
.list-group-item.disabled a { color: rgb(185,135,93) !important; } 
	.list-padded li { padding: .5rem 0 }	

.page-link { color: rgb(33,33,33) !important; }
	
	/* 2. Buttons */
		.btn { font-size: 17px; }
		.btn-gold { background: rgb(185,135,93); }	

			.btn-primary { text-transform: uppercase; border-radius: 3px; border: 1px solid rgb(255,255,255);padding: 12px 17px;	}		
			.btn-secondary { text-transform: uppercase; border-radius: 3px; border: 1px solid rgb(255,255,255); padding: 12px 17px; color: rgb(255,255,255);	}	
            
			.btn-primary:hover { background: rgb( 18,61,102); 	}		
	        .btn-primary, .bg-primary { background: rgb(18,61,102) !important; color: rgb(255,255,255); }
            a.btn-primary, a.btn-secondary { color: rgb(255,255,255) !important; }

             a.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; }
	/* 3. Main Layout */
	
		html, body { background: rgb(255,255,255); color: rgb(34,34,34); font-family: 'Roboto Condensed', sans-serif !important; font-size: 18px;   }
		body {  }
		.container { width: 96%; margin: 0 auto; max-width: 1400px; }
		main { margin: 0 0 1.2rem 0;  }
		.spacers { padding: .75% 0;   }
		.container { width: 95%; max-width: 1400px; }
		aside { padding-top: 2%;  }
		.container {  }
		#pageContainer { margin-bottom: 1.5%;  }
		.bcrumbs { font-size: .9rem; padding: 1.25rem 0; }
		
	/*  4. Header  */
		
		
		header { color: rgb(34,34,34); padding: 10px 0; font-size: 80%; text-align: center;  }
			header h2 { font-size: 1.5rem; margin: 0; padding: 0; text-transform: uppercase; }
			header p { font-size: 1rem; margin: 0; padding: 0; font-weight: normal; }
			header a { color: rgb(24,24,23); padding: 1.3rem 0; }
header .header { padding-top: 1rem; }
				header a:hover { text-decoration: none; color: rgb(24,24,23); }
		#logo img { width: 100%; height: auto; max-width: 600px; margin: 0 auto;  }
		.topNav { background: rgb(18,61,102); color: rgb(24,24,23); border-top: 2px solid rgb(185,135,93); border-bottom: 2px solid rgb(185,135,93); }
		.header-wrap { background: rgb(31,42,85); color: rgb(24,24,23);   }
		.alertBox { background: rgb(167,11,26); color: rgb(255,255,255); position: fixed; top:0; width: 100%; margin-bottom: 1.25rem; z-index: 9999999; }
		
	/* 	5. Footer Rules  */
	
		.footer2 { font-size: 80%; text-align: center;  }
		
		footer { background: rgb(33,33,33); color: rgba(255,255,255,.7); text-align: center; padding: 1rem; border-top: 4px solid rgb(185,135,93);  }
			footer a { color: rgba(255,255,255,.6); }
        .footerIcons { font-size: 1.3rem; }
			footer a:hover { color: rgba(255,255,255,1); text-decoration: none; }
            .footerWidget { padding: 2rem 1.5rem; border-top: 1px solid rgba(255,255,255,.3);   }
        .footNav { list-style: none; padding: 0; margin: 0;  }
            .footNav li {  float: none; line-height: 2rem; width: 100%; padding: 8px 0; display: block; text-align: center; }
		#copyright { text-align: center; font-size: 85%; padding-top: 10px; line-height: 1.5; }
		
		p.lighthouse { font-size: .6rem; }

        /* Images */

        img.float-left { margin-right: 1.2rem; margin-bottom: 1.2rem; }
			
		
		/* Home Page */		
			
            .homeJumbo { background: rgb(24,54,88); color: rgb(250,248,248);  }			
            .hotLinks { background: url('images/hotLinks.jpg') center center no-repeat; color: rgb(255,240,222);  min-height: 350px; text-align: center; padding: 2rem; }
				.hotLinks h2 { color: rgb(255,255,255);  }
				.hotLinks img { border: 3px solid rgb(202,161,52); max-width: 250px; }
			.homeSec {  }
			.reference { background: rgb(202,161,52); margin-top: 2rem; padding: 2rem; text-align: center; }	
				
.sectionFeatImg { margin: 1.25rem auto; }		
			
		/* Office Page */
		
			.officeSec { text-align: center; margin: 1rem 0; }
			.officeSec a:hover { text-decoration: none;  }
			.officeSec  a p { color: #010101;  }
			.officeSec  a:hover p { color: #010101;  }
			
	
	/* 6. Forms */
        .form-row { padding: .75rem 0; }
	

    .header-wrap { color: rgb(255,255,255); padding: 1.5rem 0; border-bottom: 1px solid rgb(193,184,153); }
		.innerPage { padding: 1rem;  }
		
		#pageContainer { margin-top: 20px;  }
		
			.jumbotron { background: transparent;  color: rgb(254,254,254);  text-align: center; padding: 0;margin: 0; border-bottom: 2px solid rgba(254,254,254,.3);  }	
				.jumbotron h1 { font-size: 2.3rem; font-weight: 400; }
			.jumboLogo { width: 90%; height: auto; max-width: 400px; } 
			
			.qoutedSec { border-right: 1px solid #fefefe;  }		
			.aboutJumbo { margin-bottom: 2rem;  }

			/* Sheriff Sales */				
				
            .recalledSale { background: rgba(221,183,182,1) !important; }
            .inactiveSale { background: rgba(230,239,245,1) !important; }
			
			
		/* Most Wanted Rules */	
			
			
			.mostWanted { text-align: center; height: 375px; }
			.mostWanted a { color: rgba(58,58,58,1) }
			.mostWanted a:hover { color: rgba(58,58,58,.7); text-decoration: none; }
	
			.mostWanted img { width: 100%; height: auto; max-height: 250px;  }
            .noticeImg { margin-top: -150px; opacity: .9; }
			
		span.level1, span.level2, span.level3 { font-size: .85rem;  }
            .level1, .level1 a { background: rgb(255,209,8) !important; color: rgb(255,255,255); padding: .15rem;  }
            .level2, .level2 a { background: rgb(235,134,54) !important; color: rgb(255,255,255); padding: .15rem; }
            .level3, .level3 a { background: rgb(255,26,49) !important; color: rgb(255,255,255); padding: .15rem;  }
			
		/* Division Pages */ 

            .staffSec { text-align: center; margin-bottom: 1.25rem;  }
            .staffSec p img { padding-bottom: .5rem; }
            .staffSec h4 { margin: 0; padding: 0; }
            .staffSec p { margin: 0; padding: 0; font-size: .9rem;  }

			/* Booking Page */
            
            #bookingList { margin-top: 1.56rem; }
				.bookie { margin: 1rem 0;  border-right: 1px solid rgba(199,178,153,1); }
				.bookiePic img { width: 100%; height: auto;  }
			.bookieInfo { }
			.bookieInfo h4 { font-weight: 600; }
			.bookieInfo p { margin: 0; padding: 0; }
			.bookieCharges { margin-top: 1.2rem; }

			
			
			/* 404 Page */ 
.notFound .list-group .disabled { background: rgb(185,135,93);  color: rgb(255,255,255); }
.notFound .list-group { margin-bottom: 1.56rem; }



            /* Sidebar */
            


            .social-side a { color: rgba(254,254,254, .5) !important; font-size: 2rem; padding: .5rem;  }	
			.social-side a:hover { color: rgba(254,254,254,.8) !important;  }
			.sidePosts { text-align: center; }
				.sidePosts img { width: 100%; height: auto; max-width: 200px; }
				.sidePosts p { font-weight: 600; }
	
@media (min-width: 576px) {
    .footNav li { float: left; margin-bottom: 0; width: 50%; padding: 8px 0;  }
    .footerWidget { padding: 1rem .5rem; border-top: none   }
}

@media (min-width: 992px) {
    .footNav li { float: left; margin-bottom: 0; width: 33.3%; padding: 8px 0;  }
}