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

@font-face {
   font-family: 'Roboto', sans-serif;
    src: url("../fonts/Roboto-Regular.ttf");
}

@font-face {
font-family: 'Abril Fatface';
src: url("../fonts/AbrilFatface-Regular.ttf");
}

img { text-align: center; margin: 0 auto; }
/*sliding Banner*/
#logo { position: absolute; top:12.5%; left: 32.5%; overflow: none; z-index: 10; }
#slidy { z-index: -10; }
#headerCont { width: 100%; overflow:hidden;}

.bigLogo{margin-top:6em;}
.hidden {
	display: none;	
}

#notice{font-family: 'Roboto', sans-serif; text-align:left; font-size:1em;
}

.dot{font-family: 'Abril Fatface', cursive; color:#d32027; font-size:1.5em;}
#covidInfo{text-align:left; font-size:1em;}

.infoBar{background-color:#000000; color:#ffffff;}
.smallIcon {max-width:2em;}
.white{background-color:#ffffff;}
.red{color:#d32027; font-size:1em; text-transform:uppercase;}
body {
	font-family: 'Roboto', sans-serif;
	font-size:1.5em;
	background-color:#ffffff;
    margin: 0 auto;
}
h1{font-family: 'Abril Fatface'; text-align:center;}
h2{font-family: 'Abril Fatface'; text-align:center;}
h3{font-family: 'Abril Fatface'; color:#d32027; text-align:center;}
h4{font-family: 'Abril Fatface'; color:#000000; text-align:left;}

p{font-family: 'Roboto', sans-serif; text-align:center; font-size:.7em;}
.blackBarInfo{font-size:.7em;}
.line{background-color:#000000; height:.2em;}
.logoSmall{max-width:400em; padding-top:1em; margin-bottom:1em;}

.book {color:#ffffff;
background-color:#d32027;
padding:.2em;
border-radius:.1em;}
.book:hover{color:#90191B;}
#mission{font-style:italic; font-size:.8em;}
.photoBlurb{ text-align:center; font-size:1em; margin-top:.7em;}
.staff{font-size:.8em;text-align:center;}
.shutter{max-width:10em;}
.groupPhoto{
	margin-top:1em;
    border: .5em solid #000000;}

.largeIcons {max-width:8em;}
.serve{text-align:left; font-size:.8em;}
.stock{max-width:400px;}
.house{margin-top:1em;}
.reschedule{font-size:.8em; text-align:center;}
ul li {list-style-type:none; }

.bioImg{    
    border-style: solid;
    border-width: .3em;
    color: #00000;
    border-radius: 200px;}

.bioText{text-align:center;}

/*GALLERY*/
* {
box-sizing: border-box;
}
.ImgThumbnail {
   cursor: pointer;
   transition: 0.3s;
    width:300px;

}
.modal {
   display: none;
   position: fixed;
   z-index: 1;
   padding-top: 100px;
   left: 0;
   top: 0;
   width: 100%;
   overflow: auto;
   background-color:#000000;

}
.modalImage {
   margin: auto;
   display: block;
   width: 40%;
}

.close {
   position: absolute;
   top: 3em;
   right: 35px;
   color: #ffffff;
   font-size: 40px;
   font-weight: bold;
   transition: 0.3s;
}
.close:hover,
.close:focus {
   color: rgb(255, 0, 0);
   cursor: pointer;
}

/*End Gallery*/

.links li{
	border-style: double;
    border-width: 5px;
	list-style-type:none;
	display:inline;
	padding:.5em;
	margin-right:1em;
	text-align:center;
}

.links li a{
	color:#d32027;
}

.links li a:hover{
	text-transform:uppercase;
}

/*NAV BAR*/
.left {text-align:center;  font-family: 'Roboto', sans-serif;}
.left li a:hover {color:#d32027;}
#topNavBar { background-color:#ffffff; margin:0 auto;}
#topNav { display:none; }
	#topNav ul { list-style-type: none; padding: .1em; margin:0 auto; }
	#topNav ul li { display: inline; font-size:1.2em; padding:.1em; }
	#topNav ul li a { 
		 font-family: 'Roboto', sans-serif;
		color: #000000;
		display: inline-block;}
	#topNav ul li a:hover { color:#d32027; }
	
	#topNav ul li a.current {
  		color:#d32027;
}
	
	.top-bar{
	 overflow: hidden;
 height: 2.2em;}
.infoGrid{font-size:1.2em;}

/*END NAV BAR*/

/**CAREER PAGE**/
.form-group {}

/**Contact Area**/

.conArea {
	margin-bottom:1em;
}

.street {
	display:none;
}
#street {
	display:none;	
}


label {
	font-size:1em;	
	color:#000000;
}

input {
	background-color:#d32027;
	padding:5px;
	border-radius:5px;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-size:.5em;
}

#thanks:hover {color:#810002;}
/**end Contact Area**/


#backButt {
	color:#ffffff;	
	background:#d32027;
	padding:20px 40px 20px 40px;
	border-radius:10px;
	font-family: 'Roboto', sans-serif;
	font-size:20px;
}

#backButt:hover {
	color:#000000;	
}

footer { background-color: #000000;text-align:center; }
#social ul { list-style-type: none; text-align:center; }
#social ul li { display: inline-block; }
.social { border-radius: 50px; width: 50px; height: 50px; }
.social:hover {opacity:.5}
#facebook { background-image: url(../images/facebook.svg); }
#twitter { background-image: url(../images/twitter.svg); }
#linkedIn { background-image: url(../images/linkedIn.svg); }
#instagram { background-image: url(../images/instagram.svg); }
#youTube { background-image: url(../images/youtube.svg); }

#footNav {
	background-color:#000000;
	color:#ffffff;
	 font-family: 'Roboto', sans-serif;
	margin:0 auto;
}

#footNav ul {
	list-style-type: none;
	margin-top:10px;
}

#footNav ul li {
		display:block; 
		padding:10px;
		font-size:1.2em;
}

#footNav ul li a {
	color:#ffffff;
}

#footNav ul li a:hover {
color:#d32027;
}

.myLink {color:#ffffff;}
.myLink:hover {color:#336BCC;}
.myLink:active {color:#ffffff;}
.myLink:visited {color:#75B1C9;}

.copy{
	color:#ffffff;
	font-size:1em;}

/***********************ADMIN STYLING*****************************/
.adminNav {}
.adminNav li {display:block; margin:2em;}
.adminNav li a {color:#ffffff; font-size:1.2em;}
.adminNav li a:hover {color:#363636;}

.delete {color:#d32027;}
.delete:hover{color:#A95F00;}
.delButton {}
a {color:#d32027;}
a:hover{color:#A95F00;}
/*********************************************START QUERIES************************************************************/

/*Small screens*/
@media only screen {
#topNav { display:block; text-align: center; margin:0 auto; }
	#topNav ul { list-style-type: none; padding: .5em; margin:0 auto; }
	#topNav ul li { display: inline; }
	#topNav ul li a { 
		 font-family: 'Roboto', sans-serif;
		color: #000000;
		margin: .2em; 
		display: inline-block;}
	#topNav ul li a:hover { color: #d32027; }
	
}

@media only screen and (max-width: 40em) { 
#topNav { display:block; text-align: center; margin:0 auto;}
	#topNav ul { list-style-type: none; padding: .5em; margin:0 auto; }
	#topNav ul li { display: inline; }
	#topNav ul li a { 
		 font-family: 'Roboto', sans-serif;
		color: #000000;
		margin: .2em; 
		display: inline-block;}
	#topNav ul li a:hover { color: #d32027; }
footNav ul li {
	font-size:1.2em;
}

@media only screen and (max-width: 700px) {
.modalImage {
width: 100%;
}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens*/
@media only screen and (min-width: 40.063em) {
	#topNav { display:block; text-align: center; margin:0 auto; }
	#topNav ul { list-style-type: none; padding: .5em; margin:0 auto; }
	#topNav ul li { display: inline; }
	#topNav ul li a { 
		font-family: 'Roboto', sans-serif; 
		color: #000000;
		margin: .2em; 
		display: inline-block;}
	#topNav ul li a:hover { color: #d32027; }
	
	.top-bar{
	 overflow: hidden;
  height: 2.2em;}
	
#footNav ul li {
		display:inline; 
		padding:10px;
		font-size:1.2em;
}

 

.smallImgs {
	padding-left:80px;
}
	 } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

.filterMenu li {
	display:inline;
	font-size:1.25em;

}

#filterTitle {
	font-size:1.35em;
}

#footNav ul li {
	display:block; 
	padding:10px;
	font-size:1.2em;
}

#topNav { display:block; text-align: center; margin:0 auto;}
	#topNav ul { list-style-type: none; padding: .5em; margin:0 auto; }
	#topNav ul li { display: inline; }
	#topNav ul li a { 
		 font-family: 'Roboto', sans-serif;
		color: #000000;
		margin: .2em; 
		display: inline-block;}
	#topNav ul li a:hover { color: #d32027; }

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*Large screens*/
@media only screen and (min-width: 64.063em) {
#topNav { display:block; text-align: center; margin:0 auto; }
	#topNav ul { list-style-type: none; padding: .5em; margin:0 auto;}
	#topNav ul li { display: inline; }
	#topNav ul li a { 
		 font-family: 'Roboto', sans-serif;
		color: #000000;
		margin: .2em; 
		display: inline-block;}
	#topNav ul li a:hover { color: #d32027; }
	
	.top-bar{
	 overflow: hidden;
  height: 2.2em;}

#footNav ul li {
		display:inline; 
		padding:10px;
		font-size:1.2em;
}

	 } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 67.5em) {
#topNav { display:block; text-align: center; margin:0 auto;}
	#topNav ul { list-style-type: none; padding: .5em;margin:0 auto; }
	#topNav ul li { display: inline; }
	#topNav ul li a { 
		 font-family: 'Roboto', sans-serif;
		color: #000000;
		margin: .2em; 
		display: inline-block;}
	#topNav ul li a:hover { color: #d32027; }
	
	.top-bar{
	 overflow: hidden;
  height: 2.2em;}
 
#footNav ul li {
		display:inline; 
		padding:10px;
		font-size:1.2em;
}
	
	 } /* min-width 1025px use when QAing large screen-only issues */
	 
@media only screen and (min-width: 67.5625em) {
#topNav { text-align: center; margin:0 auto; }
	#topNav ul { list-style-type: none; padding: .5em; margin:0 auto; }
	#topNav ul li { display: inline; }
	#topNav ul li a { 
		font-family: 'Roboto', sans-serif;
		color: #000000;
		margin: .2em; 
		display: inline-block;}
	#topNav ul li a:hover { color: #d32027; }
	#topNav ul li a:active {color: #d32027;}
	
	.top-bar{
	 overflow: hidden;
  height: 2.2em;}
	.photoBlurb{ text-align:left; font-size:1em; margin-top:1em;}
#backButt {
	color:#ffffff;	
	background:#d32027;
	padding:10px;
	border-radius:10px;
	margin-left:40px;
}

	footer {text-align:left;}

#footNav ul li {
		display:inline; 
		padding:10px;
		font-size:1.2em;
}

.copy{font-size:.75em;}

}