/*
 * Globals
 */

@font-face {
    font-family: LinuxLibertine;
    src: url(/fonts/LinuxLibertine.ttf);
}

@font-face {
    font-family: DeluxeEdition;
    src: url(/fonts/SilverPen.ttf);
}



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

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

.subtitle{
 font-family: DeluxeEdition;
 text-transform: none;
 font-size: 3em;
 margin-top:-0.5em;
 margin-bottom:0em;
}

.deluxe{
  font-family: DeluxeEdition;
  text-transform: none;
  font-size: 3em;
  margin-bottom:0.5rem;
 }






/*
 * Base structure
 */

html,
body {
  height: 100%;
  width: 100%;
  /* background-color: #333; */
  font-family: LinuxLibertine;
  /* letter-spacing: 0.1em; */
  text-transform: uppercase;
  /* overflow-x: hidden; */

  padding-top:28px;
}

body {
  /* display: -ms-flexbox;
  display: flex; */
  
  /* 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: 42em;
}

.homebg{
  width:100vw; 
  height:100vh;
  background-image: url(/img/brittanddan.png);
  background-position: bottom;
  background-size: cover;
}

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

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

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

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

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

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

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


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


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

.ng-toast{
  font-family: 'LinuxLibertine';
  text-transform: uppercase;
  letter-spacing: 2px;
}





.glow {
  /* font-size: 80px; */
  color: #fff;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

.linux{
 font-family: LinuxLibertine;
 text-transform:none;
 font-size:1.5rem;
}

.linuxnotransform{
  font-family: LinuxLibertine;
  text-transform:none;
 }

.sopleyBg{
  background-image:url('/img/sopelymillday.jpg'); 
  /* background-position:50% 20%; */
  background-position: center;
  background-repeat: no-repeat;
}

.topSectionBg{
 background-repeat: no-repeat;
 background-image: url('/img/blahblah2.png');
 background-position: center;
}

.giftSectionBg{
  background-repeat: no-repeat;
  background-image: url('/img/paperplanes.png');
  background-position: center;
 }

 .rsvpSectionBg{
  background-repeat: no-repeat;
  background-image: url('/img/rsvpbg.png');
  background-size: cover;
  background-position: center;
 }


 h1{
  letter-spacing: 0.2rem;
  font-weight:bold;
 }

.color1{
 background-color: #B7C7D6;
}

.color2{
  background-color: #333e61 !important;
}

.color3{
  background-color: #8BAFCE;
}

.color4{
  background-color: #efcfdc;
}

.color5{
  background-color: #8c383e !important;
}


.whiteText{
  color:#FFF;
}

.whiteBg{
  background-color: #FFF;
}

.color1Text{
  color: #B7C7D6;
 }
 
 .color2Text{
   color: #333e61 !important;
 }
 
 .color3Text{
   color: #8BAFCE;
 }
 
 .color4Text{
   color: #efcfdc;
 }
 
 .color5Text{
  color: #8c383e;
 }





 .formbuttonover{
  background-color: #039347;
  color: #fff;
  border-color: #0baa55;
}

.formbuttonover:hover{
  background-color: #2dac68;
  color: #fff;
  border-color: #52ac7c;
}

.formbuttonover:focus{
  box-shadow: 0 0 0 0.2rem #75b392;
}

.formbuttonover:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem #75b392;
}

.formbuttonover:not(:disabled):not(.disabled):active:focus{
  background-color: #039347;
  color: #fff;
  border-color: #0baa55;
}





.successbuttonover{
  background-color: #8c383e;
  color: #fff;
  border-color: #975c60;
}

.successbuttonover:hover{
  background-color: #966367;
  color: #fff;
  border-color: #976367;
}

.successbuttonover:focus{
  box-shadow: 0 0 0 0.2rem #976367;
}

.successbuttonover:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem #976367;
}

.successbuttonover:not(:disabled):not(.disabled):active:focus{
  background-color: #8c383e;
  color: #fff;
  border-color: #975c60;
}

.primarybuttonover{
  background-color: #333e61;
  color: #fff;
  border-color: #333e61;
}

.primarybuttonover:hover{
  background-color: #414c74;
  color: #fff;
  border-color: #667196;
}

.primarybuttonover:focus{
  box-shadow: 0 0 0 0.2rem #667196;
}

.primarybuttonover:not(:disabled):not(.disabled):active:focus{
  box-shadow: 0 0 0 0.2rem #667196;
}

.primarybuttonover:not(:disabled):not(.disabled):active:focus{
  background-color: #414c74;
  color: #fff;
  border-color: #667196;
}




/* width 
::-webkit-scrollbar {
  width: 6px;
  background: transparent url('/img/transparent.png') repeat-y !important;

}

/* Track
::-webkit-scrollbar-track {
  background: transparent url('/img/transparent.png') repeat-y !important;
} 

 
/* Handle 
::-webkit-scrollbar-thumb {
  background: #333e61; 
}

/* Handle on hover 
::-webkit-scrollbar-thumb:hover {
  background: #596794; 
}


@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }