/* CSS Document */

#content {
}

h1, h2, h3, h4 {
	font-family: "Varela Round", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	color:#fff;
}

.full-width {
    max-width: 100% !important;   
}

#stripe-logo {
    background-color: #fff;
}

.stripe-headline {
    background: #1aaa2b;
}

.stripe-scroll {
	background:none;
	padding: 20px 0;
}

#logo img {
	max-height: 500px;
}

.stripe-scroll h1, .stripe-scroll h3 {
	color: #555;
}

.stripe-cta {
	background: rgba(26,170,43,0.80);
	padding: 20px;
}

.stripe-morning {
	background: #555;
}

.stripe-morning h3 {
	padding: 5px 0 0 0;
}

.stripe-afternoon {
	background: #555;
}

.stripe-afternoon h3 {
	padding: 5px 0 0 0;
}

.stripe-map {
	background: #555;
	padding: 5px 10px 10px 5px;
}

.map-frame {
 	width: 100%;
	height: 450px;
	border: 0;
 }

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
	.map-frame {
		width: 85%;
	 }
 }

.stripe-map h3 {
/*	color:#555;*/
	padding: 5px 0 0 0;
}

.stripe-footer-padding {
	background:none;
	height: 100px;
}

.speaker-card {
	background: #aaa;
	padding: 0px 20px 5px 20px;
}

.speaker {
	background: #fff;
	padding-top: 15px;
}

.speaker h3 {
	color:#ddd;
}

.speaker-image-container {
/*  padding-bottom: 15px;*/
}

.workshop {
	padding-top: 20px;
	background: #fff;
}

.speaker h1, .speaker h2, .speaker h3, .speaker h4 {
	color:#555;
}

.popup h1, .popup h2, .popup h3, .popup h4 {
	color:#555;
}

.stripe-sponsor h1, .stripe-sponsor h2, .stripe-sponsor h3, .stripe-sponsor h4 {
	color:#555;
}

.sponsor {
	padding-top: 20px;
}

.sponsor img {
	padding: 20px;
}

.stripe-how {
    background: #1aaa2b;
	color:#fff;
}

a {
	color: rgb(67, 172, 106);
}

.general-modal-close-button {
	color: #1aaa2b !important;
}

.ticket-modal-close-button {
	color: #1aaa2b !important;
}

footer{
	margin-bottom: 0;
	bottom: 0;
	position: fixed;
	width: 100%;
	height: 100px;
}

body{
	background: none;
	margin-bottom: 100px;
}
	
html { 
	background-color: #fff;
}

/* Always set the map height explicitly to define the size of the div element that contains the map. */
#map {
	width: 100%;
	height: 450px;
}