/** Erin Jones Custom Styles **/

body {
	background: #fefefe;
}
.alpha {
	margin-left: 0%;
}

/* Typography Styles */

.intro {
	font-weight: bold;
}
a {
	color: #03b7ba;
} 
a:hover {
	color: darkturquoise;
}
.header a {
	text-decoration: none;
	color: #333;
}
.caption {
	font-size: .7em;
}
#samples a.button {
	width: 100%;
	position: relative;
	margin: 0px auto;
	bottom: 0;
}
#samples img {
    height: auto;
    max-width: 100%;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	margin-bottom: 10px;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
	border-radius: 0px;
	border: 2px solid darkturquoise;
	background-color: darkturquoise;
	font-size: 12px;
	transition: background-color 0.3s, opacity 0.3s;
	-webkit-transition: background-color 0.3s, opacity 0.3s;
	-o-transition: background-color 0.3s, opacity 0.3s;
	-moz-transition: background-color 0.3s, opacity 0.3s;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background: paleturquoise;
	border-color: darkturquoise;
    	@keyframes {
    	0% { transform: scale(0.9); opacity: 0.7;}
    	50% {transform: scale(1); opacity: 1;}	
    	100% { transform: scale(0.9); opacity: 0.7;}			
    }
}

/* Image Styles */
 
img.round {
	width: 95%;
	border-radius: 50%;
	border: 1px solid #646464; 
	padding: 5px;
}


/* Pulse Animation */

@keyframes pulse {
	0% { transform: scale(0.9); opacity: 0.7;}
	50% {transform: scale(1); opacity: 1;}	
	100% { transform: scale(0.9); opacity: 0.7;}			
}
@-webkit-keyframes pulse {
	0% { -webkit-transform: scale(0.95); opacity: 0.7;}
	50% { -webkit-transform: scale(1); opacity: 1;}	
	100% { -webkit-transform: scale(0.95); opacity: 0.7;}			
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
/* Fade-in Animation */

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.header {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.fade-in.slab {
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

/* Typed Cursor Animation */
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/* SlabText Styles */

.slabtexted .slabtext {
	display:-moz-inline-box;
	display:inline-block;
	white-space:nowrap
}
.slabtextinactive .slabtext {
	display:inline;
	white-space:normal;
	font-size:1em !important;
	letter-spacing:inherit !important;
	word-spacing:inherit !important;
	*letter-spacing:normal !important;
	*word-spacing:normal !important
}
.slabtextdone .slabtext{
	display:block	
}

/* Social Footer */

.social {
	list-style-type:none;
	padding:0;
	margin:0;
	*zoom:1;
	float:left
}
.social:after {
	content:"";
	display:table;
	clear:both
}
.social li {
	float:left;
	margin-left:1em
}
.social li a {
	font-size:1.5em;
	line-height:2em;
	text-decoration: none;
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-o-transition-property:color;
	transition-property:color;
	-webkit-transition-duration:0.25s;
	-moz-transition-duration:0.25s;
	-o-transition-duration:0.25s;
	transition-duration:0.25s
}
.social li a:link {
	color:#646464
}
.social li a:visited {
	color:#646464
}
.social li a:hover {
	color:#989898
}
.social li a:active {
	color:#646464
}
.social li a span {
	text-indent:-9999px;
	display:block;
	height:0
}
.social li a i {
	font-weight:normal;
	display:block
}
.site-footer .container {
	*zoom:1
}
.site-footer .container:after {
	content:"";
	display:table;
	clear:both	
}