/* Copyright 2017 Craveble, Inc. All Rights Reserved */
/* http://craveble.com */


/*	###########################################################
	COLORS
	primary: fa0019
	bg-dark: 141414 (20,20,20)
	text: ebebeb (235,235,235)
################################################################ */


/* MESSAGES *******************************************************************/

#msg {
/* put it on the bottom for desktop */
width:100%;
padding:1% 5%;
z-index:1;
position: fixed;
bottom:0px;
left: 0px;
font-size: 16px;
font-weight: bold;
text-align: center;
min-height: 52px;
}

/*
.negative {color: #df3320;border: 1px solid rgba(223, 51, 32,0.6); background-color:rgba(223, 51, 32,0.2);}
.neutral {color: #333;border: 1px solid #959595; background-color:rgba(149, 149, 149,0.2);}
.positive {color: #339900;border: 1px solid rgba(51, 153, 0, 0.6); background-color:rgba(51, 153, 0, 0.2);}
*/

.negative {color: #ffffff; background-color:rgba(223, 51, 32,1);} /*border-bottom: 1px solid rgba(223, 51, 32,0.6); 0.2 #df3320*/
.neutral {color: #333; background-color:rgba(149, 149, 149,1);} /*border: 1px solid #959595;*/
.positive {color: #ffffff; background-color:rgba(51, 153, 0, 1);} /*border: 1px solid rgba(51, 153, 0, 0.6); #339900*/

#slideshow { 
    margin: 10px auto; 
    position: relative; 
    width: 320px; 
    height: 50px; 
    padding: 10px; 
    /* box-shadow: 0 0 10px rgba(0,0,0,0.3); */
	border-top: 1px solid #fa0019;
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}
.form-container {
	max-width:500px;
	margin: auto;
}
.navbar-brand {
	line-height: 40px;
	padding: 8px 15px;
}
.navbar-brand img {
	height: 40px;
}
.navbar {
	margin-bottom:0;
}
.clearAll {
	clear:both;
	display:block;
	height:0px;
	visibility:hidden;
}
.checkbox input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
  line-height: 20px;
}
#next-steps {
	background: #fc6a5d;
}
#next-steps a {color: #ffffff;}
#next-steps .timeline {
	width:100%;
	margin: 64px auto;
}
#next-steps .row {
	margin-top: 0px;
	margin-bottom: 32px;
}
#next-steps .describer {
	display: block;
	height: 64px;
	text-align: bottom;
}

#next-steps .refer {
	background: url(../images/how/friends_2e2983.png) no-repeat center 15px;
}
#next-steps .move {
	background: url(../images/how/move_2e2983.png) no-repeat center 15px;
}
#next-steps .bake {
	background: url(../images/how/money_2e2983.png) no-repeat center 15px;	
}
#next-steps .col-sm-4 {
	padding-top: 96px;
	color: #2e2983;
	font-size: 18px;
	font-weight: 700;
	min-height: 128px;
	text-align: center;
	margin-top:20px;
	background-size: 80px;
} 



#verify-splash a, #verify-reminder a {color:#fa0019;}
#verify-reminder .container {
	padding-right: 148px;
	background: url(../images/misc/verify.png) no-repeat right center;	
}

/* SOCIAL MEDIA *********************************************** */
#verify-social-media {
width: 100%;
margin: 10px auto;
padding: 10px;
height:56px;
overflow: hidden;
}
.sm-share {
width: 48px; height: 48px;
margin: 0px 6px;
display: inline-block;
}
.sm-share a {display: block; height: 100%; width: 100%;}

.facebook {
background-image:url(../images/social-media/footer-facebook.png);
background-repeat:no-repeat;
background-size: contain;
}
.linkedin {
background-image:url(../images/social-media/footer-linkedin.png);
background-repeat:no-repeat;
background-size: contain;
}
.twitter {
background-image:url(../images/social-media/footer-twitter.png);
background-repeat:no-repeat;
background-size: contain;
}
.google {
background-image:url(../images/social-media/footer-google.png);
background-repeat:no-repeat;
background-size: contain;
}
.search {
background-image:url(../images/social-media/footer-search.svg);
background-repeat:no-repeat;
background-size: contain;
width: 32px; height: 32px;
border: #959595 2px solid;
border-radius: 17px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
-o-border-radius: 17px;
-khtml-border-radius: 17px;
}
.up {
background-image:url(../images/social-media/footer-up.svg);
background-repeat:no-repeat;
background-size: contain;
}
.facebook:hover {
background-image:url(../images/social-media/footer-facebook-hover.png);
background-repeat:no-repeat;
cursor: pointer;
}
.linkedin:hover {
background-image:url(../images/social-media/footer-linkedin-hover.png);
background-repeat:no-repeat;
cursor: pointer;
}
.twitter:hover {
background-image:url(../images/social-media/footer-twitter-hover.png);
background-repeat:no-repeat;
cursor: pointer;
}
.google:hover {
background-image:url(../images/social-media/footer-google-hover.png);
background-repeat:no-repeat;
cursor: pointer;
}
.search:hover {
background-image:url(../images/social-media/footer-search-hover.svg);
background-repeat:no-repeat;
cursor: pointer;
border: #3399cc 2px solid;
width: 150px;
background-position: right middle;
}
.up:hover {
background-image:url(../images/social-media/footer-up-hover.svg);
background-repeat:no-repeat;
cursor: pointer;
}
#msg {
width:100%;
padding:1% 5%;
z-index:1;
position: fixed;
top:0px;
font-size: 16px;
font-weight: bold;
text-align: center;
min-height: 52px;
}