/*
purple: #5c4097
dk purple: #352161;
yellow: #ffe204;
orange: #f0732c;
dk orange: #df6824;
*/

body { background-color: #5c4097; font-family: 'Open Sans', sans-serif; }

.wrapper{ padding-top: 0; }
@media (min-width: 992px) {
	.wrapper{ background: url(img/body-bkg_md.png) top center no-repeat; padding-top: 160px; }
}
@media (min-width: 1200px) {
	.wrapper{ background: url(img/body-bkg_lg.png) top center no-repeat; padding-top: 185px; }
	.clowning .wrapper{ background: url(img/body-bkg_clowning_lg.png) top center no-repeat; padding-top: 185px; }
}

.wrap{ margin-bottom: 24px; }
.wrapper-in{ margin-bottom: 16px; }

.content-wrap{ border-radius: 3px; }
.content-wrap{ background-color: #fff; padding: 16px 16px 32px; }
@media (min-width: 768px) {
	.content-wrap{ background-color: #fff; padding: 32px 42px 42px; }

}
.content-wrap img{ display: block; max-width: 100%; height: auto; }

.extra-wrap{ background-color: transparent; }
@media (min-width: 992px) {
	.extra-wrap{ background-color:transparent; padding-top: 250px; }
}

.kac{ margin-top: 32px; }
.kac .panel-body{ color: #999; font-size: 0.9em; }
.kac img{ display:block; margin: 0 auto 16px; }
@media (min-width: 768px) {
	.kac img{ float:left; margin: 0 24px 8px 0; }
}
.center, .copyright{ text-align: center; }
p.copyright{ color: #b8a6dd;  margin: 24px 0; font-size: 0.9em; }

.masthead-wrap{ margin:16px 0; }
.masthead-wrap a{ 
	text-decoration: none;
	display:block; font-family: 'Londrina Solid', sans-serif; text-align: center; font-size: 4em; color: #5c4097; }

.footer-wrap{ background: #352161; }

/* === nav-horizontal ====== */
.nav-horizontal{ padding-left: 0; margin-bottom:24px; list-style: none; text-align: center; display: block; }
.nav-horizontal > li { position: relative; display: inline-block; }
.nav-horizontal > li > a{
	position:relative; display:block;
	line-height: 1em;
	border-right: 1px solid #999; padding: 0 12px;
}
.nav-horizontal > li > span{
	position:relative; display:block;
	line-height: 1em;
	border-right: 1px solid #999; padding: 0 12px;
}
.nav-horizontal > li:last-child > a,
.nav-horizontal > li:last-child > span { border-right:none; padding-right: 0; }
.nav-horizontal > li > a:hover,
.nav-horizontal > li > a:focus { text-decoration: none; color: #337ab7; background:none; }
.nav-horizontal > li.disabled > a{ color: #999; }
.nav-horizontal > li.disabled > a:hover,
.nav-horizontal > li.disabled > a:focus{ color: #999; text-decoration: none; cursor: not-allowed; background-color: transparent; }
.nav-horizontal .open > a,
.nav-horizontal .open > a:hover,
.nav-horizontal .open > a:focus{ background-color: #eee; border-color: #337ab7; }
.nav-horizontal .nav-divider{ height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.nav-horizontal > li.active > a,
.nav-horizontal > li.active > a:hover,
.nav-horizontal > li.active > a:focus{ color:#666; }

.brandmenu{ text-align: left; margin: 8px 0 0 15px; }
.brandmenu > li > a{ font-size: 2.5em; color: #b8a6dd; border-right: none; padding: 0 16px; }
.brandmenu > li > a:hover{ color: #ffe204; }
.brandmenu > li > a:first-child{ padding-left: 0; }

.socialmenu{ margin-top: 4px; }
.socialmenu > li > a{ font-size: 3em; color: #fff; border-right: none; padding: 0 8px; }
.socialmenu .btn-flyer{ background-color: #fff; font-size: 1.4em; color: #5c4097; /*padding: 8px;*/ }

.resourcemenu{ float: right; }
.resourcemenu > li > a{ font-size: 3em; color: #fff; border-right: none; padding: 0 8px; }
.resourcemenu .party-flyer{ background-color: #f0732c; border-color: #df6824; border-radius: 3px; color: #fff; padding: 8px; }
.resourcemenu .party-flyer span{ font-size: 1.1em; }
.resourcemenu .party-flyer:hover{ color: #fff; background-color: #df6824; border-color: #c95919; }


.btn-flyer {
  color: #fff;
  background-color: #f0732c;
  border-color: #df6824;
  margin: 0 auto;
}
.btn-flyer:focus,
.btn-flyer.focus {
  color: #fff;
  background-color: #f69056;
  border-color: #e77433;
}
.btn-flyer:hover {
  color: #fff;
  background-color: #df6824;
  border-color: #c95919;
}

.bottommenu{ color: #b8a6dd; margin: 16px 0; padding-top: 16px; }
.bottommenu > li > a{ font-size: 0.9em; color: #b8a6dd; }
.bottommenu > li > a:hover, .bottommenu > li > a:focus { text-decoration: underline; }

.navbar .home{ padding: 10px 8px; }
.navbar .home i.fa{ font-size: 2.2em; }
.navbar .santa{ background: url("img/santa-bg.png") 50px 3px no-repeat; }
@media (min-width: 768px) {
	.navbar .santa{ background: url("img/santa-bg.png") top right no-repeat; }
}

.santa .content-wrap{ /*padding-top: 12px;*/ }
.santa h1{ font-size: 3em; color: #b31419; margin-top:0; margin-bottom: 32px; }
.santa h1 .holly{top: -30px; left: 60px; background: url("img/santa-bg_80w.png") top left no-repeat; display: block; position: absolute; width: 80px; height:60px; }
@media (min-width: 768px) {
	.santa h1{ font-size: 3.8em;}
	.santa h1 .holly{ top: -38px; left: 338px; background: url("img/santa-bg_120w.png") top left no-repeat; width: 120px; height: 90px; }
}
@media (min-width: 992px) {
	.santa h1{ font-size: 3.8em;}
	.santa h1 .holly{ top: -38px; left: 85px; background: url("img/santa-bg_120w.png") top left no-repeat; width: 120px; height: 90px; }
}
@media (min-width: 1200px) {
	.santa h1{ font-size: 4.6em;}
	.santa h1 .holly{ top: -38px; left: 105px; background: url("img/santa-bg_120w.png") top left no-repeat; width: 120px; height: 90px; }
}

.santa blockquote{ color: #b31419; border-left: none; padding-left: 86px; background: url("img/santa-bg_80w.png") top left no-repeat; }
.santa blockquote cite{ color: #4f933f; }


.form-field{ margin-bottom: 24px; }

/*
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
*/