/*Sam CSS*/

body {
	background-color: #edece8;
	/*#03192F*/
}

img {
  width: 100%;
}

.track_details {
	font-family: 'Droid Sans', sans-serif;
	font-size: 13px;
	height: 240px;
	padding: 10px;
	position: relative;
}

h2 {
	color: #D15B51;
	margin-top: 1em;
	font-family: 'Oswald', sans-serif;
	letter-spacing: .05em;
	text-shadow: 
	3px 3px 0 #103349, 
	2px 2px 0 rgba(0, 0, 0, 0.);
}

h3 {
	color: #FFFFFF;
	font-family: 'Oswald', sans-serif;
	margin-top: 20px;
	font-weight: 300;
}

.row {
	margin-top: 3%;
}

.row, .four.columns, .twelve.columns {
	max-height: 300px;
}

img:hover {
	opacity: .8;
}

p {
	color: #D15B51;
	font-family: 'Droid Sans', sans-serif;
}

/*Slide Out Panel*/

#menu {
	font-size: 2.5em;
	text-decoration: none;
	position: relative;
	z-index: 9; 
}

a#menu {
	color: #D15B51;
}

#menu.open {
	color: #FFFFFF;
}

#menu.open:hover {
    color: #e6e6e6; 
}

#archive {
	height: 100%;
	max-width: 250px;
	width: 100%;
	z-index: 5;
	top: 0;
	left: -250px;
	position: fixed;
	background: #0A2C52;
	text-align: center; 
}

#archive a {
  	color: white;
	text-decoration: none;
	display: block;
	margin-top: 20px;
}

#archive a:hover, #archive a.current {
	font-weight: bold;
	color: #CCC;
}

.archive_btn {
	margin-top: 20px;
	color: #FFFFFF;
	font-weight: bold;
	border: 2px solid #bbb;
}

.archive_btn:hover {
	color: #1EAEDB;
	border: 2px solid #1EAEDB;
}

.months {
	margin-top: 80px;
}

footer p {
	font-size: .8em;
	margin-top: 25px;
}

.fade {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 0.5; 
}

/*newer flip*/

.track_details:hover .front {
  transform: rotateY(180deg);
}

.track_details:hover .back {
  transform: rotateY(0deg);
}

.track_details .back {
  transform: rotateY(-180deg);
}

.track_details .front, .track_details .back {
  position:absolute;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: all 0.7s ease-in;
  color: #FFFFFF;
  padding: 10px;
  backface-visibility: hidden;
}

.track_details .front {
	background-color: #83CECA;
	/*#103349;*/
	text-align: center;
	box-shadow: 3px 3px 3px #ccc;
}

.track_details .back {
	background-color: #000;
}

.popPlayer {
	display: none;
}