/**
 * Custom css by ryderdesign.co.uk for Foundation for Sites
 * Version 6.2.4
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */

/* top */

.site {
	color: rgba(240,240,240,1.00);
	background-color: rgba(114,114,114,1.00);
}


.article {
	background-color: rgba(66,66,66,1.00);
	padding: 2rem 1rem 2.5rem 1rem;
	margin-bottom: 1.25rem;
	-webkit-box-shadow: 0px 0.5rem 0.25rem 0px rgba(84,84,84,1.00);
	box-shadow: 0px 0.5rem 0.25rem 0px rgba(84,84,84,1.00);
}

.article-upper {
  background-color: rgba(66,66,66,1.00);
  padding: 2rem 1rem 2.5rem 1rem;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(205, 108, 133, 1);
}

.separator {
	text-align: center;
	font-size: 1.25rem;
	margin: 0 0 1rem 0;
}
.heart {
	color:rgba(85,8,8,1.00);
	font-size: 1.625em;
  letter-spacing: 0.875rem;
	text-shadow: 15px 15px 0px rgba(74,74,74,1.00);
}

.footer {
	background-color: rgba(47,47,47,1.00);
	padding-top: 0.625rem;
	padding-bottom: 0.875rem;
}

.nav-footer {
	background-color: rgba(66,66,66,1.00);
	padding-top: 0.1875rem;
	padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.embeds {
	padding-top: 1rem;
	margin-bottom: 1rem;
}

.listen-to-more {
  margin-top: 10%;
}

.thumbnail-float-left {
  padding: 0 1.5rem 0.5rem 0;
}

.thumbnail-float-right {
  padding: 0 0 1rem 1.5rem;
}

/* typography */

@media screen and (min-width: 40em) {
  h1 {
    font-size: 2.5rem; }
  h2 {
    font-size: 1.75rem;
  h3 {
    font-size: 1.5625rem; }
  h4 {
    font-size: 1.25rem; }
  h5 {
    font-size: 1rem; }
  h6 {
    font-size: 0.9375rem; }
}

h1 {
  letter-spacing: 0.25rem;
}

a {
  color: rgba(205, 205, 255, 1);
  font-weight: 600;
}
  a:hover, a:focus {
  color: rgba(255, 157, 182, 1);
  text-decoration: underline;
}

.caption {
  font-size: 0.875rem;
  line-height: 1.375;
  margin-top: -0.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.devnote {
  background-color:rgba(143,55,56,1.00);
  padding-top: 0.125em;
  padding-right: 0.5em;
  padding-bottom: 0.25em;
  padding-left: 0.5em;
  max-width: 92.5%;
}

/* floats and clears */

/* buttons */

/* menus */


.menu > li > a {
  padding: 0.5rem 0.5rem;
  letter-spacing: 0.125rem; }

/* reveal */

.reveal {
	display: none;
	z-index: 1006;
	padding: 1rem;
	border: 1px solid rgba(47,47,47,1.00);
	background-color: rgba(47,47,47,1.00);
	border-radius: 2px;
	position: relative;
	top: 100px;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto; }


/* flex video */


/* thumbnails */

.thumbnail {
	border: 2px solid rgba(75,75,75,1.00);
}


/* rows and columns */


/* animations */