/* Page-specific overrides */

/* Page background */
body {
	background: #f9e3ef url("../images/cloudy_sky_banner.jpeg") repeat-y right top fixed;
}


/* =========================
   Page Framework 
   ========================= */
/* HEADER 
   ------------------------- */
.banner {
	background-image: url("../images/cloudy_sky_banner.jpeg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center 50%;
	color: #f1f1f1;
	border-color: HotPink;
}
.banner-title {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);
}

.banner-subtitle {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
}

/* NAVBAR
   ------------------------- */
.navbar {
	border-color: #7F8996;
	background-color: #f2c9d5;
	background-image: url("../images/pinkbg.jpg");
	background-attachment: scroll;
}

.nav-links {
	border-color: #7F8996;
}

.nav-links a {
	color: #5f3750;
}

.nav-links li {
	border-right-color: #efacc0;
	border-bottom-color: #efacc0;
}

/* Hovered button */
.nav-links a:hover {
	background-color: #f4e1e7;
	border-color: #845070;
	color: #381926;
}

/* Keep dropdown parent highlighted while open */
.dropdown:hover .drop-button {
	background-color: #f4e1e7;
	border-color: #845070;
	color: #5f3750;
}

/* Make parent blue only when itself hovered */
.dropdown > .drop-button:hover {
	color: #381926;
}

/* Active page button */
.nav-links li a.active {
	background-color: #e8a9bc;
	border-color: #f2c1f4;
	color: #f9e8ed;
}

/* Dropdown override */
.dropdown-content {
	background-color: #f9f9f9;
	border-color: #5f3750;
}

.dropdown-content a {
	color: black;
}

.dropdown-content a + a {
	border-top-color: #9b6b89;
}

.dropdown-content a:hover {
	background-color: #f1f1f1;
}

/* MAIN CONTENT
   ------------------------- */

/* Main panel variant for this page */
.panel {
	background-color: rgba(190, 205, 230, 0.6);
	border-color: #7F8996;
}

.panel-bar {
	border-bottom: 2px solid #7F8996;
	background-color: #A8BCD4;
}

.panel-title {
	font-size: 1em;
	color: #3C4147;
	font-family: 'pixelTimes';
	font-weight: 800;

}

.panel-button {
	border: 2px inset #eab6c4;
	background-color: #eac9d2;
	font-family: system-ui, sans-serif;
	color: #7F8996;
}



/* FOOTER
   ------------------------- */
   
  .footer{
	  color: white;
	  text-shadow: 2px 2px 2px rgba(250, 250, 250, 0.8)
  }