/* This is the new stylesheet I am trying to transition to from the old "style.css" */

/* ----------------------------------- */
/*       Overall Page Styles           */
/* ----------------------------------- */
html {height: 100%;}
body{position:relative; min-height:100%; padding-bottom: 10rem;}
.required{color:#d9534f;}
.icon-white{color:#ffffff;}
a{cursor:pointer;}
.table-btn-row{white-space: nowrap; }


/* ----------------------------------- */
/*        Bootstrap Overrides          */
/* ----------------------------------- */
.well{background-color: #f5efc4; border-color: #ffffff;padding: 25px 90px 38px 38px;}
hr{color:#ffffff; border-color: #ffffff; margin: 15px 0;}
.btn-success, .alert.alert-success {background-color:#1d8c79; border: none; }
.btn-success:hover {background-color: #147767; border: none;}
label{font-weight:normal; font-size:.9em;}
.navbar-brand{padding:0 0 10px 0; height:auto;}
.navbar{background:url(../img/header_short2.jpg);}
.nav{margin-top:17px;}
.navbar-default .navbar-nav > li > a{color:#ffffff;}
.navbar-default .navbar-nav > li > a:hover{color:#fdd20c;}
a:hover{text-decoration:none;}
.navbar-default .navbar-toggle {margin-top:25px; border-color:#fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#fdd20c;} 
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.tooltip-inner {min-width: 200px;}

.signin div.alert.alert-success {background-color:#dff0d8; border-color: #d6e9c6; color: #3c763d;}



/* ----------------------------------- */
/*            Login Page               */
/* ----------------------------------- */
.signin{background: url(../img/login_bg.jpg) #325324 center top no-repeat; }
.login-box, .register-box{margin-top:20px;}
#login-logo{height: 200px; width: 100%; background: url(../img/login_logo.png) no-repeat center center; background-size: 698px 199px;}
.org-logo{margin: 0 auto; max-width: 350px;}
.org-logo h2{color:#ffffff; text-shadow: 0 0 3px #333; text-align:center; margin: 45px 0 0 -10px; padding:0; font-size:32px; font-family: 'Roboto Slab', cursive; text-transform: capitalize; font-weight:normal;}
.help-block a{cursor:pointer;}
.help-block a:hover{text-decoration:none;}


/* ----------------------------------- */
/*            Tree Page                */
/* ----------------------------------- */
.ornament-wrap{position:relative;}
.custom-tooltip{cursor:pointer; margin: 490px 0 0 360px; color:#ffffff; text-shadow: 0 0 4px #4A4A4A;}
.donation-box > div, .subnav > div{padding: 20px 15px;}
.donation_info{padding:25px; background:#ffffff;}
.christmas-tree{background-position: center top; background-repeat: no-repeat; height: 630px; position: relative;}
.christmas-tree .tree-paging{position: absolute; top: 36%; right: 0; text-align: center; width: 100%;}
	.christmas-tree .tree-paging li { position: absolute; background: none; border: none;}
	.christmas-tree .tree-paging li.left {left: 24%}
	.christmas-tree .tree-paging li.right {right: 24%;}
	.christmas-tree .tree-paging li a {border: 1px solid #428bca; background:#fff !important; border-radius: 100px !important; padding: 16px 18px;}
	.christmas-tree .tree-paging li a:hover {background:#b12025 !important; border:none; color:#ffffff; }
	.christmas-tree .tree-paging li.disabled a{border: 1px solid #cccccc !important; background:#fff!important; border-radius: 100px!important; padding: 16px 18px; color:#cccccc; cursor: not-allowed !important;}
	.christmas-tree .tree-paging li.disabled a:hover {background: #fff!important; color:#cccccc; cursor: not-allowed !important;}
	.christmas-tree .tree-paging li a span {display: none;}



/* ----------------------------------- */
/*             Org Pages               */
/* ----------------------------------- */
.navbar .navbar-brand .org-logo{margin: 0 auto; max-width: 800px;}
.navbar .navbar-brand .org-logo h2{color:#ffffff; text-shadow: 0 0 3px #333; text-align:left; margin: 15px 0 0 15px; padding:0; font-size:30px; font-family: 'Roboto Slab', cursive; text-transform: capitalize; font-weight:normal;}



/* ----------------------------------- */
/*              Footer                 */
/* ----------------------------------- */
.main-footer { background: url(../img/footer_bg.png) repeat; border-top: 1px solid #ffffff; margin:0; position: absolute; right: 0; bottom: 0; left: 0;}
.main-footer .navbar-inner{padding:5px 0}
.footer.navbar{min-height:0;}
.main-footer p{padding:10px 0; color:#ffffff; font-size:.85em; margin:0;}


/* ----------------------------------- */
/*           Angular Styles            */
/* ----------------------------------- */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;}


/* ----------------------------------- */
/*           jQuery Upload             */
/* ----------------------------------- */
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .bar {
  background: url(../img/progressbar.gif) !important;
  filter: none;
}
.fileupload-loading {
  float: right;
  width: 32px;
  height: 32px;
  background: url(../img/loading.gif) center no-repeat;
  background-size: contain;
  display: none;
}
.fileupload-processing .fileupload-loading {
  display: block;
}
.files audio,
.files video {
  max-width: 300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
}

.logo-preview img{max-width: 100%; }

/* ----------------------------------- */
/*        CUSTOM ORG THEMES            */
/* ----------------------------------- */
#theme_blue.signin{
  background-image: url('../img/login_bg_blue.jpg');
}
#theme_blue .header{
  background: #012851;
}
#theme_blue .header .navbar{
  background: #012851;
}


/* ----------------------------------- */
/*            Signup Page               */
/* ----------------------------------- */
.thanks-header{
	font-style:bold;
	color: #aa0000;
	font-family: 'Italianno', cursive;
	font-size: 2.75em;
}
.body-header-bold{
  font-weight: bold;
}
.form-control-small{
	display: block;
	width: 30%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control-small:focus{
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.signup-submit{
	float: right;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.lyft-text{
	color: white;
	margin: .5em;
}
.lyft-logo{
	float:bottom;
}

.sponsored-by{
	margin: 0% auto;
	width: 200px; 
}

.sign-label{
	text-aligh:left;
}

.kids-vertical{
	top: 30px;
	right: -160px;
	position: absolute;
	width:240px;
	height:auto;
}

.signup-container{
  position: relative;
}

.form-group-signup{
	margin-bottom: 10px;
}

.body-header{
	font-weight:300;
}