/**
 *
 * Typography
 *
 */

html    {   font: 100%/1.5 "myriad-pro",sans-serif;       }

body {
	 text-rendering: optimizeLegibility;
	 -webkit-font-smoothing: subpixel-antialiased;
	 color: #fff;
}

h1,h2,h3,h4,h5 {
	/*color: #50b237;*/
	color: #ec008b;
}

h1      { font-size: 2.9em; font-style: normal;  font-weight: 300;  line-height: 1em;   margin-bottom: 0.8em; /* 2*16 = 32 */         }
h2      { font-size: 1.9em; margin-top: 0em; line-height: 1em; font-style: normal;  font-weight: 300;     margin-bottom: 0.7em; /* 2*16 = 32 */         }
h3      { font-size: 1.17em;    /* 1.17*16 = 18.72 */   }
h4      { font-size: 1em;       /* 1*16 = 16 */         }
h5      { font-size: 0.83em;    /* 0.83*16 = 13.28 */   }
h6      { font-size: 0.75em;    /* 0.75*16 = 12 */      }

@media only screen and (max-width: 523px) {
	h1      { font-size: 2.3em; line-height: 0.9em; }
}

#event-time {
	font-size: 1.8em;
	text-align: center;
}
#event-time .separator{
	border-right: 3px solid;
	margin: 0 10px;
	font-size: 0.6em;
}

#event-time .place {
	font-weight: 600;
}
#event-time .item {
	line-height: 1.2em;
	vertical-align: bottom;
}

.ingress {
	font-size: 2em;
	color: #b64d4d;
	font-weight: 900;
	text-shadow: 1px 1px 0px #2C2323;
	letter-spacing: -1px;
}

.lift {
	font-family: 'Lora', serif;
	font-size: 1.5em;
	color: #b64d4d;
	font-weight: 300;
	padding: 20px;
	letter-spacing: 1px;
}


a {transition: 0.3s all;color: #ec008b;}

a:hover, a:focus {
	color: #bf0371;
}

a.white {
  font-weight: 600;
}

a.white:hover {
  
}

.read-more a {
  margin-top: 10px;
  display: inline-block;
  background-color: #fff;
  padding: 2px 10px;
  border-radius: 10px;
}


p {
  font-weight: 200;
	line-height: 1.35;
	font-size: 1.1em;
  margin: 0 0 1em;
 }

.indent p   {   margin: 0;          }
.indent p+p {   text-indent: 2em;   }