/* Page-specific overrides */

/* Page background */
body {
	background: #f9e3ef url("../images/pinkbg.jpg") no-repeat right top fixed;
}


/* =========================
   Page Framework 
   ========================= */
/* HEADER 
   ------------------------- */
.banner {
	background-image: url("../images/cloudy_banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center 30%;
	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: #5f3750;
	background-color: #f2c9d5;
	background-image: url("../images/pinkbg.jpg");
	background-attachment: scroll;
}

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

.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(250, 230, 230, 0.2);
	border-color: #5f3750;
}

.panel-bar {
	border-bottom: 2px solid #5f3750;
	background-color: #e8c0cb;
}

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

}

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

/* Additional components used on this page */

.box {
	background-color: rgb(250, 180, 220, 0.2);
	border-color: HotPink;
	color: rgb(95, 55, 80);
}

/* Panels______________________________ */
/*fun facts panel*/

/* luna profile */
.luna-panel {
	background-image: url("../images/heart_bg.gif");
	background-size: 100%;
	background-repeat: repeat-y;
	
	text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.8);
}

.luna-panel img {
	display: block;
	width: 100%;
}

.luna-bullets {
	list-style: none;
	padding-left: 0;
}

	.luna-bullets li {
		position: relative;
		padding-left: 38px;
		margin-bottom: 8px;
	}

	.luna-bullets li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0.2em;
		width: 32px;
		height: 32px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}

		.luna-bullets .bullet-sunglasses::before {
			background-image: url("../images/luna_sunglasses.gif");
		}

		.luna-bullets .bullet-hat::before {
			background-image: url("../images/luna_hat.gif");
		}

		.luna-bullets .bullet-leaves::before {
			background-image: url("../images/luna_leaves.gif");
		}

		.luna-bullets .bullet-tiara::before {
			background-image: url("../images/luna_tiara.gif");
		}

		.luna-bullets .bullet-jeffery::before {
			background-image: url("../images/luna_jeffery.gif");
		}

		.luna-bullets .bullet-snow::before {
			background-image: url("../images/luna_snow.gif");
		}

/*greeting bio panel*/
.greeting-bio {
	background-image: url("../images/pinkbg.jpg");
	background-attachment: scroll;
}
	.greeting-bio img {
		border: 2px inset grey;
		max-width: 200px;
	}

/* livy eyes panel*/
.livy-eyes-panel{
	margin: 0;
}
	.livy-eyes-panel img {
		display: block;
		width: 100%;
		height: auto;
	}

/*addisons panel*/
.addisons {
	background-color: #e2f8ff;
	border-color: #47646d;
}
.addisons .panel-bar {
	border-bottom: 2px solid #47646d;
	background-color: #cde9f2;
}
.addisons .panel-title {
	font-size: 0.9em;
	color: #47646d;
	font-family: 'pixelTimes';
	font-weight: 800;
}
.addisons .panel-button {
	border: 2px inset #cde9f2;
	background-color: #cde9f2;
	font-family: system-ui, sans-serif;
	color: #47646d;
}
.addisons img {
	border: 0;
	max-width: 80px;
}

/*i love you OK image panel*/
.i-love-u-ok {
	border: 0;
}
.i-love-u-ok img {
	width: 300px;
	max-width: 100%;
	height: auto;
}


/*christianity panel*/
.christianity {
	background-color: #FFE27D;
	border-color: #8A6715;
}
.christianity .panel-bar {
	border-bottom: 2px solid #8A6715;
	background-color: #F5C649;
}
.christianity .panel-title {
	font-size: 0.9em;
	color: #8A6715;
	font-family: 'pixelTimes';
	font-weight: 800;
}
.christianity .panel-button {
	border: 2px inset #FFE27D;
	background-color: #FFEAB9;
	font-size: 1em;
	font-family: system-ui, sans-serif;
	color: #8A6715;
}