/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

#skip a
{ 
position:absolute; 
left:-10000px; 
top:-100px; 
overflow:hidden;
font-size:20px;
padding:10px;
} 
 
#skip a:focus 
{ 
z-index:999;
position:absolute; 
left:0px;
top:0px;
background:#fff;
outline:0;
-webkit-transition:top .1s ease-in, background .5s linear;
transition: top .1s ease-in, background .5s linear;
} 
#top-search form input:focus,button:focus {
     outline: dotted 1px #000!important; 
}
.dark h1 {color:#4A2D7F;}
.dark .feature-box p {color: #fff;}
#content p {color:#222;}
#content .button a {text-decoration: none!important;}
  #content {background: linear-gradient(#4a2680, #ffffff);}
  .slider-caption {background: rgba(0,0,0,.6);padding:5px;border-radius:5px;}
  .dark .slider-caption a {color:#dedede;text-decoration: underline!important;}
  ul,ol {margin-left:20px;}
  #side-panel a:hover {color:#dedede !important;}
  #side-panel a {text-decoration:underline !important;}
  #content a {color:#dedede;text-decoration:underline !important;}
  #content a:hover, #content a:focus {color:#FFFFFF;}
  a:focus {outline:dotted 2px #f00!important;}
  .dark .feature-box h3 {color: #000;}
  .dark .feature-box h3 span.subtitle {color: #000;}
  #maincontent{background-color:#fff;color:#222;padding:10px;}
  #maincontent h2,#maincontent h3 {color:#222;}
  #maincontent a {color:#800080;}
  #maincontent a:hover {color:darkslateblue;}
#maincontent a.button,#maincontent a.btn {color:#fff;}
.dark .fancy-title h1, .dark .fancy-title h2, .dark .fancy-title h3, .dark .fancy-title h4, .dark .fancy-title h5, .dark .fancy-title h6 {background-color: #fff;}
.staffpics {
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;
	margin-left:auto;
	margin-right:auto;
	opacity:0.9;
}
.staffpics:hover {
		opacity:1;
}
/* ----------------------------------------------------------------
	Bootstrap Adjustments
-----------------------------------------------------------------*/
@media (max-width: 575.98px) {
	#primary-menu-trigger {left: 5px;}
}
@media (min-width: 576px) {
	.container { max-width: 540px; }
	#logo img {height: 100px;}
}
@media(max-width:767px){
.staffpics {
	width: 240px;
	height:300px;
}
img.nophoto {
	width: 240px;
	height:300px;
}
}
@media (min-width: 768px) {
	.container { max-width: 750px; }
.staffpics {
	width: 240px;
	height:300px;
}
img.nophoto {
	width: 240px;
	height:300px;
}
}

@media (min-width: 992px) {
	.container { max-width: 970px; }
	#logo img {height: 80px;}
.staffpics {
	width: 160px;
	height:200px;
}
img.nophoto {
	width: 160px;
	height:200px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
    .portfolio>.clear:nth-child(4n)::before {
      content: '';
      display: table;
      clear: both;
    }
	.staffemail	{
		font-size:12px;
	}
}
@media (min-width: 1200px) {
	.container { max-width: 1170px; }
	#logo img {height: 100px;}
.staffpics {
	width: 200px;
	height:250px;
}
img.nophoto {
	width: 200px;
	height:250px;
}
}