body {
	background: #4E2A84;
}

/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
	height: 600px;
}

/* Button styles */

.btn, .btn-large {
	background-color: #B6ACD1;
	color: #342F2E;
}

.btn:hover, .btn-large:hover {
	background-color: #716C6B;
	color: #D8D6D6;
}

.btn:focus, .btn-large:focus, .btn-floating:focus {
	background-color: #836EAA;
}

/*button, input, optgroup, select,*/ 

input {
	color: #D8D6D6;
}

/*animations*/
#animate {  
  /*!* This section calls the slideInFromLeft animation we defined above *!*/
  animation: 
    1s ease-out 0s 1 slideInFromLeft,
    1s ease-out 0s 1 fadeIn,*!
    1s ease-out 0s 1 leaves;

} 
#animate-next {  
  /*!* This section calls the slideInFromLeft animation we defined above *!*/
  animation: 
    1.5s ease-out 0s 1 slideInFromLeft,
    3s ease-out 0s 1 fadeIn;

}

/* Typography */
h1 {
    font-family: 'Anton', sans-serif;
    color: #E4E0EE ;
    letter-spacing: -3px;
}

h3, h4 {
	color: #E4E0EE;
}

.collection a.collection-item {
	color: #4E2A84;
}

a {
	color: #4E2A84;
}



/* Footer */

.page-footer {
	background-color: #B6ACD1;
	color: #342F2E;
}

#scroll {
	overflow: scroll;
	background-color: white;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes fadeIn { 
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.1; }
  50% { opacity: 0.2; }
  60% { opacity: 0.3; }
  65% { opacity: 0.4; }
  70% { opacity: 0.5; }
  80% { opacity: 0.7; }
  90% { opacity: 0.8; }
  95% { opacity: 0.9; }
  100% { opacity: 1; }
}

@keyframes leaves {
    0% {
        transform: scale(.01);
        -webkit-transform: scale(.01);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
     border-bottom: 1px solid #B6ACD1; 
     -webkit-box-shadow: 0 1px 0 0 #B6ACD1; 
     box-shadow: 0 1px 0 0 #B6ACD1;
}

input.valid:not([type]), input.valid:not([type]):focus, input[type=text].valid:not(.browser-default), input[type=text].valid:not(.browser-default):focus, input[type=password].valid:not(.browser-default), input[type=password].valid:not(.browser-default):focus, input[type=email].valid:not(.browser-default), input[type=email].valid:not(.browser-default):focus, input[type=url].valid:not(.browser-default), input[type=url].valid:not(.browser-default):focus, input[type=time].valid:not(.browser-default), input[type=time].valid:not(.browser-default):focus, input[type=date].valid:not(.browser-default), input[type=date].valid:not(.browser-default):focus, input[type=datetime].valid:not(.browser-default), input[type=datetime].valid:not(.browser-default):focus, input[type=datetime-local].valid:not(.browser-default), input[type=datetime-local].valid:not(.browser-default):focus, input[type=tel].valid:not(.browser-default), input[type=tel].valid:not(.browser-default):focus, input[type=number].valid:not(.browser-default), input[type=number].valid:not(.browser-default):focus, input[type=search].valid:not(.browser-default), input[type=search].valid:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid>input.select-dropdown {
    border-bottom: 1px solid #B6ACD1;
    -webkit-box-shadow: 0 1px 0 0 #B6ACD1;
    box-shadow: 0 1px 0 0 #B6ACD1;
}