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

@media screen { 
    ::-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; }
	hr.dark {  border-top: 1px solid rgba(255,255,255,.3);  }
	h1, h2, h3 { font-family: 'bodaciousregular'; font-weight: 700;color:#600000; }		
	h1 { text-transform: uppercase; font-size: 36px; }		
	h2 {  }	
	h3 { font-size: 1.5rem; }	
	h4 { font-size: 1.3rem; }	
	h5 { font-size: 1.10rem; }	
	main p {  }
	a { color: rgb(18,61,102); text-decoration: none;}
	.disabled { font-weight: 700 !important; }
	a:hover { color: rgba(33,33,33,1); text-decoration: none; }
	
	@font-face {
    font-family: 'bodaciousregular';
    src: url('bodaciou-webfont.woff2') format('woff2'),
         url('bodaciou-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
	/* 2. Buttons */
		.btn { font-size: 17px; }
    .btn-group { margin-top: 1.25rem; }
		

			.btn-primary, .btn-secondary { border-radius: 3px; border: 1px solid rgb(255,255,255);padding: 5px 5px;	}		
			 		
			.btn-primary:hover { background: #1e1e1e; 	}		
	        .btn-primary, .bg-primary { background: #1e1e1e;  }   
            .bg-danger, btn-danger { background: rgb(167,11,26) !important; color: rgb(255,255,255);  }
			.btn-gold { background: rgb(149,105,44); font-size: 1.15rem;  }
			a.btn-gold { color: rgba(254,254,254,.6);  }
			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; }
	
    /* Fonts */
    
       
    
    
    /* 3. Main Layout */

	
		html, body { background: #ededed; color: #1e1e1e; font-family: 'Roboto Condensed', sans-serif; font-size: 20px;   }
		body {  }
    .container-fluid { max-width: 1600px; }
		main {  min-height: 600px;  }
    .innerPage { margin-top: 1.25rem; }
		aside { padding-top: 2%;  }
		
    .bg-secondary { background: rgb(33,33,33) !important; color: rgba(255,255,255,.8); }
    .bg-danger { background: rgb(167,11,26) !important; color: rgba(255,255,255,.8); }
	
		.bcrumbs { font-size: .9rem; padding: 1.25rem 0; }
        .table { }
        .modal-content  { color: rgb(33,33,33) !important; }
    .card {  }
	.cta {background: #600000; text-align: center; margin:0 auto; color:#ededed; width:100%; padding:20px;}
	.cta a {color:#ededed}
	.fa-times {color:#600000}
		
	/*  4. Header  */
		
		
		header { background: #600000;   color: #ededed;text-align: center; padding-top: 20px}
			header h2 { font-size: 1.5rem; margin: 0; padding: 1rem 0 0 0;  }
			header p { }
			header a {  }
	
			
				header a:hover {  }
		.logo img { width: 100%; height: auto; max-width: 300px; margin: 0 auto;}
	.menu {background-color:#1e1e1e; overflow: hidden;align-items: center;justify-content: space-around;display: flex;float: none;}
		
	/* 	5. Footer Rules  */
	
	.footerlogo img {width: 100%; height: auto; max-width: 250px; margin: 0 auto; }
	
		.footer2 { font-size: 80%; text-align: center;  }
		
		footer { background: #1e1e1e; color: #ededed; text-align: center; padding: 1rem; border-top: 4px solid #600000; margin-top: 1.56rem;  }
			footer a { color: rgba(255,255,255,.6); text-decoration: none; }
        .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 */

        .float-left, img.float-left { margin-right: 1.2rem; margin-bottom: 1.2rem; }
    .float-right, img.float-right { margin-left: 1.2rem; margin-bottom: 1.2rem; }
			
		
		/* Home Page */		
			
            .homeJumbo {text-align: center;}	
	.homeJumbo img {width:100%; height:auto; max-width:1600px;}
            
	.homeItems {text-align:center;}
				
		
			
		/* Office Page */
		
			
			
	
	/* 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); }
		
		
		
    .postContent img { width: 100%; height: auto; max-width: 100%; }
		
			

			/* Sheriff Sales */				
				
            
			
			
		/* 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(167,11,26) !important; color: rgb(255,255,255); padding: .15rem;  }
			
		/* Division Pages */ 

            
			/* Booking Page */
            
            #bookingList { margin-top: 2.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; }

			            /* 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   }
    main {   }
}

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