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

/* Fonts 
font-family: 'Great Vibes', cursive;
font-family: 'Raleway', sans-serif;
*/

@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);  }
	h2, h3 { font-family: 'Raleway', sans-serif; }		
	h1 { font-family: 'Great Vibes', cursive; font-weight: 400;  }		
	h2 {  }	
	h3 { font-size: 1.5rem; }	
	h4 { font-size: 1.3rem; }	
	h5 { font-size: 1.10rem; }	
	main p {  }
	a { color: rgb(18,61,102); }
	.disabled { font-weight: 700 !important; }
	a:hover { color: rgba(33,33,33,1); text-decoration: none; }
	a.definedLink { text-decoration: underline; }
	.list-padded li { padding: .5rem 0 }	

.page-link { color: rgb(33,33,33) !important; }
	
	/* 2. Buttons */
		.btn { font-size: 17px; }
    .btn-group { margin-top: 1.25rem; }
		.btn-gold {  }	

			.btn-primary { text-transform: uppercase; 	}	
	 		.btn-primary, .bg-primary { background: rgb(83,89,39)!important; color: rgb(250,250,250)!important; border-color: rgb(83,89,39);  }

			.btn-primary:hover {  }		
			.btn-secondary {  	}		
			.btn-secondary:hover {  	}		
			.btn-danger {}		
			.btn-danger:hover { 	}		
				
	       
    html, body { background: rgb(250,250,250); color: rgb(70,70,70); font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 18px;   }
	
	.card, .list-group-item { background: transparent; }
	.card { margin-bottom: 1.25rem; }

.alertBox { background: rgb(83,89,39); color: rgb(250,250,250); }

header { background: rgb(242,242,242); color: rgb(13,0,0);; padding: 10px 0; font-size: 80%; text-align: center;  border-bottom: 2px solid rgb(83,89,39); }
			header h2 { font-size: 1.5rem; margin: 0; padding: 1rem 0 0 0; text-transform: uppercase; }
			header p { font-size: 1rem; margin: 0; padding: 1rem 0 0 0; font-weight: normal; }
			header a { color: rgb(24,24,23); padding: 1.3rem 0; }
			
				header a:hover { text-decoration: none; color: rgb(24,24,23); }
		#logo img { width: 100%; height: auto; max-width: 600px; margin: 0 auto;  }
    .header address { font-size: 1.3rem; padding-top: 1rem; }
		.topNav { background: rgba(47,38,34,1); color: rgb(24,24,23); padding: .75rem 0;  }
    .p7AMM {  }
            .p7AMM li a { color: rgb(255,255,255); font-size: 1rem;  }
                .p7AMM ul ul  { background: rgba(34,38,1,1);  }
                .p7AMM ul ul a { background: rgba(34,38,1,1); color: rgba(242,242,242,.7); padding: 10px 20px; }
                .p7AMM ul ul a:hover { 	color: rgba(242,242,242,.9); background-color: rgb(83,89,39) !important; display: block; }
    
    ul.menuList { padding-left: 0;  }
    ul.menuList li { padding: .55rem;   }
    ul.menuList li a { padding: .55rem;   }
    
    main { min-height: 400px; }
	.innerPage { padding-top: 1.56rem; }
	
		/* Pages */
	
	.homeHero { background-image: url("../images/slides/seminole-county-ok-md.jpg"); background-repeat: no-repeat; background-size: cover;  background-blend-mode: darken; background-position: center center; color: rgb(250,250,250); text-shadow: 3px 4px #333333; margin-bottom: 0; padding: 3.5rem 0; }
	
	.homeButtons { text-align: center;  }
	.homeButtons a p {  }
	.homeButtons a { background: rgb(33,33,33); padding: 1.25rem; color: rgb(250,250,250);  }
	.homeButtons a:hover { background: rgb(184,131,35); color: rgb(250,250,250); text-decoration: none; }
	.homeButtons a .icon { font-size: 1.75rem; }
	
	.contact {  margin: 1.56rem 1.25rem 1.56rem 1.25rem; border: 3px solid rgba(125,125,125, .3); border-radius: 7px; padding: .75rem; font-size: 80%; }

    	.footer2 { font-size: 80%; text-align: center;  }
		
		footer { background: rgba(54,54,54,1); color: rgba(250,250,250,1); padding: 1rem; border-top: 4px solid rgb(67,102,50); text-align: center;  }
    footer img { filter: grayscale(100%);  }
			footer a { color: rgba(242,242,242,.6); }
        .footerIcons { font-size: 1.3rem; }
			footer a:hover { color: rgba(242,242,242,.8); text-decoration: none; }
            .footerWidget { padding: 2rem 1.5rem; border-top: 1px solid rgba(242,242,242,.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; }

}

    @media (min-width: 576px) {
    .footNav li { float: left; margin-bottom: 0; width: 50%; padding: 8px 0;  }
    .footerWidget { padding: 1rem .5rem; border-top: none   }
		.contact { float: right; }
		.jumbotron { background-image: url("../images/slides/seminole-county-ok-md.jpg"); }
		
		
}

@media (min-width: 992px) {
    .footNav li { float: left; margin-bottom: 0; width: 33.3%; padding: 8px 0;  }
	.footRight { text-align: right;  }
	.jumbotron { background-image: url("../images/slides/seminole-county-ok.jpg"); }
}