/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn{
  background-image: linear-gradient(90deg, #fe6426 0%, #f9423d 51%, #f52352 100%);
  color: #fff;
  text-shadow: none;
  border: none;
  box-shadow: 2px 2px 1px #333;
  padding: 0.7em 3em;
  font-weight:500;
}

.btn-login,.btn-logout{
  border: 1px solid #f94700;
  border-radius: .8rem;
  padding: .25rem 2.2rem !important;
}

.btn-login:hover,
.btn-login:focus,
.btn-logout:hover,
.btn-logout:focus{
  color: #f94700;
}

/*.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  /*background-color: #fff;
  /*border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background: #333 url("../img/background.jpg");
  background-size: cover;

}

.overlay{
  width:100%;
  height:100%;
  background:#230a3a;
  opacity: 0.8;
  position: fixed;
}

body {
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

.cover-container {
  max-width: 70em;
  z-index: 100;
}


/*
 * Header
 */
.masthead {
  margin-bottom: 5rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 1.5rem;
  font-weight: 400;
  background-color: transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  /*border-bottom-color: rgba(255, 255, 255, .25);*/
  color: #f94700;
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #f94700;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}


/*
 * Cover
 */
.cover {
  /*padding: 0 1.5rem;*/
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 400;
}

.cover h3{
  font-size: 2rem;
  font-weight: 300;
  padding-bottom: 0.3em;
}

.cover .lead{
  color: #ccc;
}

/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, .5);
}

.card{
  text-shadow: none;
}

.card-header{
  background: none;
  border:none;
  color: #24083e;

}

.card-header p{
  color: #7a7a7a;
}

.pricing-card .card-body:before {
  content : "";
  position: absolute;
  left    : 40%;
  height  : 1px;
  width   : 20%;  /* or 100px */
  border-bottom:2px solid #d9d9d9;
}

.card-body{
  color: #7a7a7a;
  font-size: 0.95em;
  padding-top: 0.75em;
}

.card-body .pricing{
  color:#f52352;
  font-weight: 600;
  font-size: 1.3rem;
}

.card-body .pricing span{
  color:#fe6426;
}

.card-footer{
  background: none;
  color: #7a7a7a;
}

.card-footer a{
  color:#f52352;
  font-weight: 500;
}

.login-card .card-footer{
  border:none;
}

/*.login-card .card-header{
  border-bottom: 1px solid #7a7a7a;
}*/

.btn-social{
  position:relative;
  padding-left:44px;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow: 2px 2px 9px #a7a0a0;
  color: #fff !important;
}

.btn-social i{
  border-right: 1px solid #fff;
  margin-right: 0.5em;
  width: 1.5em;
}

.btn-google-plus{
  background: #4384f1;
}

.btn-facebook{
  background: #415dad;
}

.social-links a{
  margin-right: 1em;
}

.contact-form h5{
  font-weight:400;
}

.contact-form input,
.contact-form input:hover,
.contact-form input:focus{
    background: transparent;
    border: none;
    border-bottom: 1px solid #f52352;
    border-radius: 0px;
    color:#fff;
}

.contact-form input::placeholder{
  color:#fff !important;
}

.contact-form .form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-toggler{
  color:#f52352;
}

.firebaseui-card-footer{
  padding-top: 1em !important;
}

.card-header .close{
  color: #fc592d;
  opacity: 1;
}

.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#payment-form{
  margin-top: 3em;
}

#payment-form button{
  margin-top: 2em;
}

.btn-primary {
    margin-top: 0.5em;
    padding-left: 2em;
    padding-right: 2em;
    color: #fff !important;
    background-image: linear-gradient(90deg, #fe6426 0%, #f9423d 51%, #f52352 100%);
    border: none;
    box-shadow: 3px 3px 10px #CCC;
    line-height: 1.8em;
}

#payment-form h4{
  font-size: 18px;
    font-weight: 400;
}

#payment-form a{
  color: #fc592d;
    font-weight: 500;
}

.btn-danger{
    color: #fff;
    background-color: #230a3a;
    background-image: none !important;
    border: none;
    box-shadow: 3px 3px 10px #CCC;
    line-height: 1.8em;
    margin-top: 0.5em;
    padding-left: 2em;
    padding-right: 2em;
    color: #fff !important;
}

.btn-danger:hover{
  background-color: #390f5f;
}

.delete-card .btn-danger{
  margin-left: 0.5em;
}

/*.delete-card .card-body p{
  margin-top: 2em;
}*/

.delete-img{
  width:4em;
}

.delete-card .card-header .main-header{
    color: #230a3a;
    font-size: 1.1em;
    font-weight: 500 !important;
}

@media screen and (max-width: 575px) {
  main {
    margin-top: 2em;
  }
}

.card-body img{
  width: 7em;
    position: absolute;
    top: 9em;
    left: 14em;
}

.contact-msg img{
  width: 3em;
}

.contact-msg,.contact-success{
  display: none;
}

.contact-success i{
  color:#f94700;
}