/* ============== Color Palette ============== */

.color-orange-lighter { color: rgb(255, 147, 71) ; } 	/* #FF9347 */
.color-orange-light 	{ color: rgb(254, 113, 13) ; } 	/* #FE710D */
.color-orange 				{ color: rgb(207, 86, 0) ; } 		/* #CF5600 */
.color-orange-dark 		{ color: rgb(169, 70, 0) ; } 		/* #A94600 */
.color-orange-darker 	{ color: rgb(126, 52, 0) ; } 		/* #7E3400 */
.bg-color-orange-lighter 	{ background-color: rgb(255, 147, 71) !important; } 	/* #FF9347 */
.bg-color-orange-light 		{ background-color: rgb(254, 113, 13) !important; } 	/* #FE710D */
.bg-color-orange 					{ background-color: rgb(207, 86, 0) !important; } 		/* #CF5600 */
.bg-color-orange-dark 		{ background-color: rgb(169, 70, 0) !important; } 		/* #A94600 */
.bg-color-orange-darker 	{ background-color: rgb(126, 52, 0) !important; } 		/* #7E3400 */

.color-yellow-lighter { color: rgb(255, 240, 71) !important; } 	/* #FFF047 */
.color-yellow-light 	{ color: rgb(254, 235, 13) !important; } 	/* #FEEB0D */
.color-yellow 				{ color: rgb(207, 189, 0) !important; } 	/* #CFBD00 */
.color-yellow-dark 		{ color: rgb(169, 155, 0) !important; } 	/* #A99B00 */
.color-yellow-darker 	{ color: rgb(126, 116, 0) !important; } 	/* #7E7400 */
.bg-color-yellow-lighter 	{ background-color: rgb(255, 240, 71) !important; } 	/* #FFF047 */
.bg-color-yellow-light 		{ background-color: rgb(254, 235, 13) !important; } 	/* #FEEB0D */
.bg-color-yellow 					{ background-color: rgb(207, 189, 0) !important; } 		/* #CFBD00 */
.bg-color-yellow-dark 		{ background-color: rgb(169, 155, 0) !important; } 		/* #A99B00 */
.bg-color-yellow-darker 	{ background-color: rgb(126, 116, 0) !important; } 		/* #7E7400 */

.color-blue-lighter { color: rgb(202, 220, 237) !important; } 		/* #3773A9 */
.color-blue-light 	{ color: rgb(20, 96, 164) !important; } 		/* #1460A4 */
.color-blue 				{ color: rgb(9, 75, 134) !important; } 			/* #094B86 */
.color-blue-dark 		{ color: rgb(6, 60, 109) !important; } 			/* #063C60 */
.color-blue-darker 	{ color: rgb(3, 45, 82) !important; } 			/* #032D52 */
.bg-color-blue-lighter 	{ background-color: rgb(55, 115, 169) !important; } 		/* #3773A9 */
.bg-color-blue-light 		{ background-color: rgb(20, 96, 164) !important; } 			/* #1460A4 */
.bg-color-blue 					{ background-color: rgb(9, 75, 134) !important; } 			/* #094B86 */
.bg-color-blue-dark 		{ background-color: rgb(6, 60, 109) !important; } 			/* #063C60 */
.bg-color-blue-darker 	{ background-color: rgb(3, 45, 82) !important; } 				/* #032D52 */

.bg-color-blue-light a { color: white ; }

.color-pink-lighter { color: rgb(232, 64, 109) !important; } 	/* #E8406D */
.color-pink-light 	{ color: rgb(230, 12, 70) !important; } 	/* #E60C46 */
.color-pink 				{ color: rgb(187, 0, 50) !important; } 		/* #BB0032 */
.color-pink-dark 		{ color: rgb(153, 0, 41) !important; } 		/* #990029 */
.color-pink-darker 	{ color: rgb(114, 0, 31) !important; } 		/* #72001F */
.bg-color-pink-lighter 	{ background-color: rgb(232, 64, 109) !important; } 	/* #E8406D */
.bg-color-pink-light 		{ background-color: rgb(230, 12, 70) !important; } 		/* #E60C46 */
.bg-color-pink 					{ background-color: rgb(187, 0, 50) !important; } 		/* #BB0032 */
.bg-color-pink-dark 		{ background-color: rgb(153, 0, 41) !important; } 		/* #990029 */
.bg-color-pink-darker 	{ background-color: rgb(114, 0, 31) !important; } 		/* #72001F */

.bg-color-pink-dark a { color: rgb(202, 220, 237) ; } 	/* #90C0EB :: Steel Blue */
.bg-color-pink-dark a:focus, 
										a:hover { color: rgb(159, 181, 201) ; } 	/* #90C0EB :: Dark Steel Blue */

.color-purple-lighter { color: rgb(100, 33, 78) !important; } /* #64214E */
.color-purple-light 	{ color: rgb(76, 29, 60) !important; } 	/* #4C1D3C */
.color-purple 				{ color: rgb(47, 22, 39) !important; } 	/* #2F1627 */
.color-purple-dark 		{ color: rgb(64, 21, 50) !important; } 	/* #401532 */
.color-purple-darker 	{ color: rgb(73, 16, 54) !important; } 	/* #491036 */
.bg-color-purple-lighter 	{ background-color: rgb(100, 33, 78) !important; } /* #64214E */
.bg-color-purple-light 		{ background-color: rgb(76, 29, 60) !important; } 	/* #4C1D3C */
.bg-color-purple 					{ background-color: rgb(47, 22, 39) !important; } 	/* #2F1627 */
.bg-color-purple-dark 		{ background-color: rgb(64, 21, 50) !important; } 	/* #401532 */
.bg-color-purple-darker 	{ background-color: rgb(73, 16, 54) !important; } 	/* #491036 */

.color-fuschia-lighter 	{ color: rgb(129, 0, 87) !important; } 	/* #810057 */
.color-fuschia-light 		{ color: rgb(88, 0, 59) !important; } 		/* #58003B */
.color-fuschia 					{ color: rgb(41, 0, 28) !important; } 		/* #29001C */
.color-fuschia-dark 		{ color: rgb(53, 2, 38) !important; } 		/* #350226 */
.color-fuschia-darker 	{ color: rgb(32, 0, 22) !important; } 		/* #200016 */
.bg-color-fuschia-lighter { background-color: rgb(129, 0, 87) !important; } 	/* #810057 */
.bg-color-fuschia-light 	{ background-color: rgb(88, 0, 59) !important; } 		/* #58003B */
.bg-color-fuschia 				{ background-color: rgb(41, 0, 28) !important; } 		/* #29001C */
.bg-color-fuschia-dark 		{ background-color: rgb(53, 2, 38) !important; } 		/* #350226 */
.bg-color-fuschia-darker 	{ background-color: rgb(32, 0, 22) !important; } 		/* #200016 */

.bg-color-fuschia a:hover,
.bg-color-fuschia a:focus { 
	color: rgb(56, 139, 214) ; /* #90C0EB :: Steel Blue */
}

.color-green-lighter 	{ color: rgb(191, 223, 56) !important; } 	/* #BFDF38 */
.color-green-light 		{ color: rgb(162, 197, 16) !important; } 	/* #A2C510 */
.color-green 					{ color: rgb(132, 163, 0) !important; } 	/* #84A300 */
.color-green-dark 		{ color: rgb(105, 130, 0) !important; } 	/* #698200 */
.color-green-darker 	{ color: rgb(71, 88, 0) !important; } 		/* #475800 */
.bg-color-green-lighter { background-color: rgb(191, 223, 56) !important; } 	/* #BFDF38 */
.bg-color-green-light 	{ background-color: rgb(162, 197, 16) !important; } 	/* #A2C510 */
.bg-color-green 				{ background-color: rgb(132, 163, 0) !important; } 		/* #84A300 */
.bg-color-green-dark 		{ background-color: rgb(105, 130, 0) !important; } 		/* #698200 */
.bg-color-green-darker 	{ background-color: rgb(71, 88, 0) !important; } 			/* #475800 */

.color-brownpink-lighter 	{ color: rgb(99, 65, 88) !important; } 	/* #3F3D45 */
.color-brownpink-light 		{ color: rgb(67, 51, 62) !important; } 	/* #313036 */
.color-brownpink 					{ color: rgb(30, 26, 29) !important; } 	/* #27272A */
.color-brownpink-dark 		{ color: rgb(49, 33, 44) !important; } 	/* #232228 */
.color-brownpink-darker 	{ color: rgb(66, 32, 55) !important; } 	/* #1B1922 */
.bg-color-brownpink-lighter { background-color: rgb(99, 65, 88) !important; } 	/* #3F3D45 */
.bg-color-brownpink-light 	{ background-color: rgb(67, 51, 62) !important; } 	/* #313036 */
.bg-color-brownpink 				{ background-color: rgb(30, 26, 29) !important; } 	/* #27272A */
.bg-color-brownpink-dark 		{ background-color: rgb(49, 33, 44) !important; } 	/* #232228 */
.bg-color-brownpink-darker 	{ background-color: rgb(66, 32, 55) !important; } 	/* #1B1922 */

.color-gray-lighter { color: rgb(220,216,231) !important; } 	/* #BDB7C5 */
.color-gray-light 	{ color: rgb(170,165,177) !important; } 	/* #313036 */
.color-gray 				{ color: rgb(147, 144, 162) !important; } 	/* #27272A */
.color-gray-dark 		{ color: rgb(122.5, 120, 130) !important; } 	/* #232228 */
.color-gray-darker 	{ color: rgb(27, 25, 34) !important; } 	/* #1B1922 */
.bg-color-gray-lighter 	{ background-color: rgb(220,216,231) !important; } 	/* #BDB7C5 */
.bg-color-gray-light 		{ background-color: rgb(170,165,177) !important; } 	/* #313036 */
.bg-color-gray 					{ background-color: rgb(147, 144, 162) !important; } 	/* #27272A */
.bg-color-gray-dark 		{ background-color: rgb(122.5, 120, 130) !important; } 	/* #232228 */
.bg-color-gray-darker 	{ background-color: rgb(27, 25, 34) !important; } 	/* #1B1922 */

.color-beige { color: #fffcf6 !important; }
.bg-color-beige {background-color: #fffcf6 !important;}

.color-white { color: #eee !important; }
.bg-color-white {background-color: #eee !important;}

.color-gainsboro { color: gainsboro !important ; }
.bg-color-gainsboro { background-color: gainsboro !important ; }
	
/* ============== Defaults ============== */


html, body
{
	width: 100%;
	height: 100%;
}

h1, h2, h3
{
	font-family: Georgia, serif;
}

.container-fluid
{
}

/*li ~ li 
{
	margin-top: 0.6em;
}*/

.jumbotron
{
	background-color: white;
	background-color: transparent;
	margin-bottom: 0px;
}

.panel-heading {
	background-color: white !important;
}

/* ============== NavBar ============== */

.navbar
{
	background: #fffefc;
}

.navlinks {
	padding-top: 15px;
	padding-bottom: 15px;
	float: right;
}

.navlinks a {
	padding-right: 15px;
	color: #911C6D;
}
.navlinks a:hover,
.navlinks a:focus {
	color: #D51C6D;
	font-weight: bold;
	text-decoration: none;
}

#logo
{
	font-family: Georgia, serif;
	color: #555;
	display: inline-block;
	width: 210px;
	height: 34px;
	background-image: url( ../img/logo.png );
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 8px;
}
#logo:hover,
#logo:focus 
{
	text-decoration: none;
	/*color: #AAA;*/
	background-image: url( ../img/logo-hover.png );
}

.navbar .site-header
{
	display: inline-block;
	color: rgb(187, 0, 50);
	font-size: 1.4em;
	font-family: Georgia, serif;
	margin-top: 0.5em;
}

.navbar .menu-button
{
	font-size: 1.7em;
}

.navbar .menu-button span
{
	cursor: pointer;
}

.menu-item
{
	padding: 10px;
	border-top: 1px solid #ccc; /* #77B9F2 */
}


/* ============== Chat Header ============== */

#home-page-header
{
	position: relative;
	background-color: #fff;
	color: #eee;
	width: 100%;
	height: 100%;
	min-height: 650px;
	margin-bottom: 0;
}

#home-page-header .container
{
	position: relative;
	height: 100%;
}

#tag-line {
	padding-top: 10px;
	padding-bottom: 10px;
}
#tag-line h1 {
	font-size: 2.0em;
}

#tabs {
	margin-top: 20px;
}

#tabs .nav-pills li a {
	color: #BB0032;
	border: 1px solid #CCC;
}
#tabs .nav-pills li a:hover {
	border: none;
	background-color: #BB0032;
	color: white;
}

#genie
{
	position: absolute;
	height: 95%;
	min-height: 450px;
	margin-top: 10px;
	background: url(../img/computer_genie.png);
	background-size: contain;
	background-repeat: no-repeat;

	/* Animations -- Webkit */
	/*-webkit-animation-name: genie-animation;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-play-state: running;*/

	/* Animations -- Standard */
	/*animation-name: genie-animation;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-play-state: running;*/
}

/* IE8< doesn't support background-size, so use a filter instead */
.ie8 #genie {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='../img/genie.png',
		sizingMethod='scale');
}

/* Chrome, Safari, Opera */
@-webkit-keyframes genie-animation
{
	0% 		{ top: 0px; }
	100% 	{ top: 0px; }
	
	50% 	{ top: 20px; }
}

/* Standard syntax */
@keyframes genie-animation
{
	0% 		{ top: 0px; }
	100% 	{ top: 0px; }
	
	50% 	{ top: 20px; }
}

#chat-container
{
	position: relative;
	height: 80%;
	margin-top: 50px;
	min-height: 360px;
	max-height: 540px;

	/* The following are specific to the chat-bubble.png image dimensions */
	padding-left: 9%;
	padding-top: 4%;
	padding-bottom: 4%;

}

#chat-input
{
	position: absolute;
	bottom: 15%;
}

#chat-input input
{
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

#chat-input .input-group-btn button
{
	padding-left: 15px;
	padding-right: 15px;
	border: none;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

#speech-bubble
{
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 5%;
}

/* ============== Chat Header ============== */

#wishes-we-grant
{
	padding: 0;
	margin-top: 40px;
}

.section-wrapper
{
	min-height: 500px;
}


#content
{
	/*display: none;*/
	padding: 50px 10px;
	min-height: 80%;
}

#content h1
{
	margin-bottom: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.panel-heading h3,
.panel-heading h4,
.panel-heading h5
{
	cursor: pointer;
}

/* ============== Meet Our Team ============== */

#content .profile
{
	margin-bottom: 50px;
}

.q-a .question
{
	font-weight: bold;
	margin-bottom: -3px;
}

.q-a .answer
{
	font-style: italic;
}

.q-a li
{
	margin-top: 0px;
}

#content .lg-font
{
	font-size: 1.2em;
}

#content .footer
{
	font-size: 0.8em;
	margin-top: 2em;
	color: #666;
	border-top: 1px solid #888;
}

/* ============== Stories ============== */

#content .story h2
{
	cursor: pointer;
}

/* ============== Who We Grant Wishes For ============== */


#who-we-grant-wishes-for .fa
{
	font-size: 2.0em;
	margin-top: 0.2em;
	width: 1.5em;
}

@media (max-width: 767px) {
	#wishes-we-grant .section-body p {
		font-size: 1.1em;
	}
}

/* ============== Footer ============== */

#footer
{
	background-color: #eee;
	color: #222;
	border-top: 1px solid #ccc;
}

#footer .container hr
{
	border-color: #AAA;
}

#footer hr
{
	border-color: #428bca; /* bootstrap link blue */
}

#footer address
{
	margin-top: 16px;
}

img#WebWelcomerButton {
	position: fixed !important;
	top: auto !important;
	bottom: 10px !important;
}