/*
Theme Name:     Werkstatt-child
Description:    get bent
Author:         Taylor Curry
Template:       werkstatt

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


/* font-family:'Century Gothic W01';
font-family:'CenturyGothicW01-Italic';
font-family:'Century Gothic W01 Bold';
font-family:'CenturyGothicW01-BoldIt';
font-family:'Century Gothic WGL W01 Regular';
font-family:'Century Gothic WGL W01 Italic';
font-family:'Century Gothic WGL W01 Bold';
font-family:'Century Gothic WGL W01 Bold It';
font-family:'Century Gothic W02';
font-family:'CenturyGothicW02-Italic';
font-family:'Century Gothic W02 Bold';
font-family:'Century Gothic Pro Cyr W01 BdI';
font-family:'Century Gothic Pro Grk W04 Rg';
font-family:'Century Gothic Pro Grk W04 It';
font-family:'Century Gothic Pro Grk_1458532';
font-family:'Century Gothic Pro Grk_1458534';
*/


/*-----------------------------------------------------------------------------------*/
/*	2.0 General Styles
/*-----------------------------------------------------------------------------------*/

body {
	display: block;
	font-family: 'Rubik', sans-serif;
	color: #000000;
	background: #ffffff;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.6;
}

/* --- Font Sizes --- */
	h1.site-title,
	h1.entry-title,
	.overlay-btn,
	.entry-content h1,
	#site-navigation ul {
		font-size: 24px;
		font-size: 1.5rem;
	font-family: 'Century Gothic W01', sans-serif;
	}

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion 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:0.3s;
  -moz-animation-duration:0.3s;
  animation-duration:0.3s;
  	font-family: 'Century Gothic W01', sans-serif;

}



/*-----------------------------------------------------------------------------------*/
/*	5.0 Blog Posts
/*-----------------------------------------------------------------------------------*/


.single-post .entry-thumbnail,
.page .entry-thumbnail {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 0 55px;
	line-height: 0;
	text-align: center;
}