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

hr.medline {
	border: 1px solid gray;
	opacity: 0.70;
}

hr.boldline {
	border: 2px solid gray;
	opacity: 0.55;
}

.portfolioLink {
	margin: 0 auto;
	padding-bottom: 20px;
}

.newsletterLink {
	color: dimgray;
}

.themeLink {
	color: #0B76AC;
}

.headerBkgrd {
	background-image: url("../site_images/NWCSbnr_1366b.jpg");
	padding-top: 1.4rem;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	border-radius: 0px;
	margin-bottom: .625rem;
}
@media (min-width: 576px){.headerBkgrd{
	background-image: url("../site_images/NWCSbnr_1366b.jpg");
	max-width: 100%;
	background-repeat: repeat-x;
	}}
	
.footer {
	background-color:black;
	padding: 10px 0;

}
.footer p{
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: .9rem;
	font-weight: 200;
	color: #ffffff;	
}
.col-lg-12 p {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #000000;
	font-size: 1.2em;
	font-weight: 400;
}
.col-lg-8 p {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #000000;
	font-size: 1.2em;
	font-weight: 400;
}

.well-art {
	background-color: #ffcc66;
	padding-top: 15px;
	padding-bottom: 15px;
}

.blackFrame {
	/*margin: 0 auto;*/
	background-color: #000000;
	padding: 30px;
	display:block;
}

.description {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1em;
	line-height: 140%;
}
.descriptionPortfolio {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1em;
	line-height: 150%;
	text-align: left;
	padding-top: 15px;
}
.contentCenter {
	text-align:center;
}
.media-heading active {
	
}

.backtoTop {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #000000;
	font-size: 1em;
	text-align:center;
	padding-top: 20px;
}
.backtoTop a {
	color:#404040;
}

/*for the scroll up btn*/
#back2Top {
    width: 30px;
    line-height: 30px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 56px;
    right: 0;
    background-color: #0b76ac;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #27aef1;
    color: #ffffff;
}

.subhd-blue h2{
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #0B76AC;	
}

.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
}

.navbar {
	background-color: black;
}

 /* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
} 

/*gallery page*/
p, .pGallery {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size: 1rem;
	padding: 0px;
	line-height: 120%;
	color: #000000;	
}

.galleryLink {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 1rem;
	padding: 0px;
	line-height: 120%;
	color: #0B76AC;	
}

/*Volunteer page*/

li, .spaced {
	margin: 7px 0;
	line-height: 128%;
}

/*Links page*/

.col1 {
	background: #ffcc66;
	
}

.col2 {
	background: #99ccff;
	
}
.col3 {
	background: #98AB60;
	
}

.style31 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85rem;
	line-height: 130%;
	margin: 0px;
	font-weight: bold;
	color: #333333;
	padding: 2px;
	margin-left: 20px;
	margin-right: 20px;	
}
.style31 a, .style31 a:visited{
	color: #333333;
}
.style31 a:hover, .style31 a:active, .style31 a:focus {
	color: #FFF;
}
.lucida {
	font-family: "Lucida Bright", "DejaVu Serif", constantia, "serif";
	font-size: 1.8em;
	color: #0B76AC;
	font-style: italic;
}