@charset "utf-8";
/* CSS Document */

.mobile {
	display: none;
}

iframe {
	height: 500px;
}

.flexslider {
	margin: 0;
}

#secondary-content-wrapper {
	display: none;
}

.page-panels #main-content {
	margin: 0;
}

.panels-flexible-flexible_special_event_layout .panels-flexible-region {
	float: none;
	width: 100%;
}

#lemon-mixer .row-2 .panels-flexible-row-inside {
	max-width: 100%;
}

.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-left {
	float: left;
	margin: 45px 10px;
}

.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-right {
	float: right;
	margin-right: 0;
	max-width: 240px;
	position: absolute;
	right: 0;
	top: 101px;
	width: 49%;
}

/* Strip default padding */
.panels-flexible-flexible_special_event_layout .panels-flexible-row,
.panels-flexible-flexible_special_event_layout .panels-flexible-region-inside {
	padding: 0;
}

.full-width.photo p,
.panel-pane.photo p {
	line-height: 50%;
	margin: 0;
}

.panel-pane.photo img {
	width: 100%;
}

/* Add padding to text panels */
.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-3,
.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-5 {
	padding: 50px 0;
}

/* Background colors */
#lemon-mixer .panels-flexible-flexible_special_event_layout .logo-bg .block-inner {
	background: rgba(255,255,255,0.9);
}

.panels-flexible-flexible_special_event_layout .event-date {
	background: rgba(255,255,255,0.8);
	max-width: 330px;
}

.panels-flexible-flexible_special_event_layout .event-date .block-inner {
	padding: 0 20px 20px 20px;
}

#lemon-mixer .event-date p {
	border-top: 4px solid #fff000;
	color: #222;
	margin: 0 0 10px;
	padding-top: 20px;
	text-align: center;
}

#lemon-mixer.panels-flexible-flexible_special_event_layout .event-date .block-inner p a {
	background:  #78777c;
	border: 2px solid #fcf003;
	display: block;
	font-weight: 900;
	margin-top: 20px;
	padding: 8px 16px;
	text-decoration: none !important;
	text-transform: uppercase;
	margin: 0;
}

#lemon-mixer .row-2-left .event-date  p a {
	color: #fcf003 !important;
}

#lemon-mixer .panels-flexible-row {
	background: #fff;
	color: #222;
}

#lemon-mixer .panels-flexible-row.row-2 {
	background: transparent;
	left: 0;
	position: absolute;
	top: 36px;
	width: 100%;
  	z-index: 9999;
}

#lemon-mixer .panels-flexible-row.row-5 {
	background: #fff;
	color: #78777c;
}

#lemon-mixer .panels-flexible-row.row-5 p {
	color: #47454c;
}

#lemon-mixer .panels-flexible-row.row-5 h3 {

	color: #78777c !important;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #78777c ;
}

/* Headers and fonts */
#lemon-mixer a {
	color: #add6f1;
}

.node-type-campaign #main-content #lemon-mixer h2 {
	color: #025c95;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 24px;
	font-weight: 900;
	margin: 0 0 1em;
	text-transform: uppercase;
}

.node-type-campaign #main-content #lemon-mixer .row-3 h2,
.node-type-campaign #main-content #lemon-mixer .row-13 h2,
.node-type-campaign #main-content #lemon-mixer .row-15 h3 {
	text-transform: none;
}

.node-type-campaign #main-content #lemon-mixer .row-5 h2 {
	color: #373737;
}

.node-type-campaign #main-content #lemon-mixer h3 {
	color: #333e48;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	font-weight: 900;
	margin: 0 0 1em;
	text-transform: uppercase;
}

.node-type-campaign #main-content #lemon-mixer p a {
	color: #add6f1;
}

.node-type-campaign #main-content #lemon-mixer h3 {
	color: #025c95;
}

.node-type-campaign #main-content #lemon-mixer .row-7 h2,
.node-type-campaign #main-content #lemon-mixer .row-15 h2 {
	color: #fff;
}

.node-type-campaign #main-content #lemon-mixer .row-6 h3 {
	border-top: 1px solid #8bd3f5;
	font-size: 22px;
	margin-bottom: .5em;
	padding-top: 7px;
}

#lemon-mixer .row-15 p {
	color: #222;
}

#lemon-mixer p,
#block-system-main #lemon-mixer li{
	color: #222;
	font-size: 18px;
}

#block-system-main #lemon-mixer .row-5 li {
	color: #000;
}

#block-system-main #lemon-mixer ul {
	margin-bottom: 30px;
}

#block-system-main #lemon-mixer ul.slides {
	margin-bottom: 0;
}

#lemon-mixer .row-6 p {
	font-size: 16px;
}

#lemon-mixer p#attend {
	display: table;
	margin: 0 auto 25px;
}

#lemon-mixer p a {
	color: #78777c;
	text-decoration: underline;
}

#lemon-mixer .region-leaderboard p a,
#lemon-mixer p#contact a {
	text-decoration: none;
}

#lemon-mixer a.button,
.node-type-campaign #main-content #lemon-mixer p a.button {
	background: #fff000;
	color: #333e48;
	border-radius: 0;
	float: left;
	font-size: 22px;
	font-weight: 900;
	padding: 18px 40px;
	text-decoration: none;
}

#lemon-mixer a.button:hover,
.node-type-campaign #main-content #lemon-mixer p a.button:hover {
	background: #fff000;
}

.row-8 ul {
	padding: 0;
}

.row-8 ul li {
	display: inline-block;
	list-style: none;
	margin: 0 10px 0 0;
}

/* Column widths */
#lemon-mixer .panels-flexible-row-inside {
	max-width: 1200px;
}

#lemon-mixer .panels-flexible-row-inside .inside {
	max-width: 800px;
}

/* Column widths :: full-width photos */
#lemon-mixer .row-1 .panels-flexible-row-inside,
#lemon-mixer .row-4 .panels-flexible-row-inside,
#lemon-mixer .row-6 .panels-flexible-row-inside,
#lemon-mixer .row-8 .panels-flexible-row-inside,
#lemon-mixer .row-10 .panels-flexible-row-inside,
#lemon-mixer .row-12 .panels-flexible-row-inside,
#lemon-mixer .row-14 .panels-flexible-row-inside,
#lemon-mixer .row-1 .panels-flexible-row-inside .inside,
#lemon-mixer .row-4 .panels-flexible-row-inside .inside,
#lemon-mixer .row-6 .panels-flexible-row-inside .inside,
#lemon-mixer .row-8 .panels-flexible-row-inside .inside,
#lemon-mixer .row-10 .panels-flexible-row-inside .inside,
#lemon-mixer .row-12 .panels-flexible-row-inside .inside,
#lemon-mixer .row-14 .panels-flexible-row-inside .inside {
	max-width: 100%;
}

/* Campaign nav */
.row-2-right .panel-pane .block-content {
	float: right;
	max-width: 240px;
	position: fixed;
	z-index: 9999;
}

#event-label {
	background: rgba(255,255,255,0.85);
	margin-bottom: 2px;
	padding: 20px 10px 15px;
	text-align: center;
}

#event-label img {
	max-width: 207px;
}

ul#campaign-menu {
	margin: 0 0 20px;
	padding: 0;
}

#campaign-menu li {
	list-style: none;
	margin: 0 0 1px;
	text-align: left;
}

#campaign-menu li a {
	background: #fff000;
	border: 1px solid;
	color: #333e48;
	display: block;
	font-size: 17px;
	font-weight: 700;
	padding: 12px 25px;
}

#campaign-menu li a:hover {
	background: #33321e;
	border-color: #ffffffc7;
	color: #ffffff;
}

/* Slideshow */
.row-1 .inside {
  position: relative;
  z-index: 8;
}

#lemon-mixer .panels-flexible-row.row-1 {
	position: relative;
	padding-top: 56px;
}

.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-2 {
	background: transparent;
	position: absolute;
	top: 86px;
  	z-index: 9999;
}

/* Misc */

h3.showhide-trigger:last-of-type, .node-type-campaign #main-content h3.showhide-trigger:last-of-type {
  border-bottom: 1px dashed #fff !important;
  }

h3.showhide-trigger, .node-type-campaign #main-content h3.showhide-trigger {
	border-top: 1px dashed #fff !important;
	}


h3.showhide-trigger.showhide-open:before, .node-type-campaign #main-content h3.showhide-trigger.showhide-open:before {
	border-color: #fff transparent transparent transparent !important;
	}

h3.showhide-trigger:before, .node-type-campaign #main-content h3.showhide-trigger:before {
	content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 7px;
  border-color: transparent transparent transparent #fff !important;
  margin: 7px 0 7px -15px;
  position: absolute;
	}

/* Desktop-specific styles */

@media screen and (max-width:1200px) {

	#lemon-mixer .panels-flexible-row-inside {
		max-width: 1030px;
	}

	#lemon-mixer .panels-flexible-row-inside .inside {
		max-width: 700px;
	}
}

@media screen and (max-width:1050px) {
	#lemon-mixer .panels-flexible-row-inside {
		max-width: 990px;
	}

	#lemon-mixer .panels-flexible-row-inside .inside {
		max-width: 660px;
	}

}

@media screen and (max-width:1000px) {

	#lemon-mixer .field-name-body #social {
		padding: 10px;
	}

	#lemon-mixer .field-name-body #social p {
		font-size: 17px;
	}

	#lemon-mixer .field-name-body #social li {
		margin: 0 1px;
	}

	#lemon-mixer .panels-flexible-row-inside {
		max-width: 880px;
	}

	#lemon-mixer .panels-flexible-row-inside .inside {
		max-width: 600px;
	}

}

@media screen and (max-width:900px) {
	#social ul {
		padding: 20px 0 0;
	}

	.row-2-right .panel-pane .block-content {
		max-width: 220px;
	}

	#lemon-mixer .panels-flexible-row-inside {
		max-width: 790px;
	}

	#lemon-mixer .panels-flexible-row-inside .inside {
		max-width: 500px;
	}

	#lemon-mixer p {
		font-size: 17px;
	}

	#lemon-mixer #lala-footer span {
		font-size: 24px;
	}
}

/* Mobile styles for everything else */
@media screen and (max-width:800px) {
	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	#lemon-mixer .panels-flexible-row-inside {
		max-width: 95%;
	}

	#lemon-mixer .panels-flexible-row-inside .inside {
		margin: 0 auto;
		max-width: 90%;
	}

	.row-top {
		background: #fff;
	}

    #lemon-mixer .row-top {
    	display: none;
    }

/*
	#lemon-mixer .row-top .panels-flexible-row-inside {
		max-width: 70%;
	}
*/
	.row-top .panels-flexible-row-inside .inside {
		padding: 75px 0 25px 0;
		text-align: center;
	}

	.row-top p {
		margin: 0;
	}

	.row-top img {
		max-height: 360px;
		width: auto !important;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-2 {
		margin-top: 0;
	}

	.row-1 .inside {
		height: auto;
	}

	.flexslider {
		margin: 0;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-left {
		margin: 0;
	}

	#lemon-mixer.panels-flexible-flexible_special_event_layout .event-date .block-inner p a {
 		color: #fcf003 !important;
 }

#lemon-mixer.panels-flexible-flexible_special_event_layout .logo-bg .block-inner {
    background: rgba(255,255,255,0.8);
    float: none;
    max-width: 330px;
}

.panels-flexible-flexible_special_event_layout .event-date {
    clear: both;
    margin: 0 auto;
    }

 	#lemon-mixer .row-top .panel-separator {
 	    margin: 0 0 0 0;
 }

	#lemon-mixer .panels-flexible-row.row-2,
	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-2 {
		position: relative;
		margin: 0 0 1px 0;
		padding: 0 0 20px 0;
		background: #fff;
		top: 0;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-right,
	.row-2-right .panel-pane .block-content {
		float: none;
		margin: 0 auto;
		position: relative;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-region.row-2-right {
		max-width: 250px;
		top: 0;
		width: auto;
	}

	#lemon-mixer #main-content .row-2 .panels-flexible-row-inside .inside {
		max-width: 100%;
	}

	.row-2-right .panel-pane .block-content {
		max-width: 250px;
	}

	#event-label,
	#campaign-menu li {
		margin: 0;
		text-align: center;
	}

	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-3,
	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-5,
	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-7,
	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-9,
	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-11,
	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-13,
	.panels-flexible-flexible_special_event_layout .panels-flexible-row.row-15 {
		padding: 20px 0;
	}

	#lemon-mixer #lala-footer .credits {
		padding: 50px 0 0;
		text-align: center;
	}

	#lemon-mixer .field-name-body #social {
		float: none;
		width: 95%;
	}

	#lemon-mixer .field-name-body #social ul {
		display: table;
		float: none;
		margin: 0 auto;
		padding: 15px 0 0;
	}

	#lemon-mixer .field-name-body #social p {
		float: none;
		text-align: center;
	}

	#lemon-mixer .field-name-body #social li a {
		background: url(../images/campaigns/lala-social-icons.png) no-repeat;
		display: block;
		height: 28px;
		margin: -5px 10px -6px 0;
		text-indent: -9999px;
		width: 28px;
	}

	#lemon-mixer .field-name-body #social li#facebook a {
		background-position: 0 0;
		width: 16px;
	}

	#lemon-mixer .field-name-body #social li#twitter a {
		background-position: -30px 0;
	}

	#lemon-mixer .field-name-body #social li#instagram a {
		background-position: -70px 0;
		height: 30px;
		width: 21px;
	}

	#lemon-mixer .row-15 a.button,
	#lemon-mixer a.button {
		display: table;
		float: none;
		line-height: 120%;
		margin: 0 auto 5px;
		text-align: center;
		width: 200px;
	}

	.row-8 ul li {
		display: block;
	}

	.read-more-on-mobile-wrapper {
		position: relative;
	}

	.read-more-hidden .read-more-on-mobile {
		height: 450px;
		overflow: hidden;
	}

	.read-more-button-wrapper {
	  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,0,0,0)),color-stop(1, rgba(138,26,31,100)));
		bottom: -2px;
    display: block;
		padding: 90px 0 10px;
		position: absolute;
		text-align: center;
		width: 100%;
		z-index: 9999;
	}

	.row-9 .read-more-button-wrapper {
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(255,0,0,0)),color-stop(1, rgba(255,255,255,100)));
	}

	.read-more-button {
		background: #8bd3f5;
		border: none;
		color: #8a1a1f;
		font-weight: 900;
		padding: 10px 20px;
		text-transform: uppercase;
	}

	.img-left {
		margin: 0 0 15px;
	}

	#lemon-mixer p#attend {
		margin: 10px 0 20px;
	}

}

@media screen and (max-width:320px) {
	.node-type-campaign #main-content #lemon-mixer h2 {
		font-size: 21px;
	}

	.node-type-campaign #main-content #lemon-mixer .row-6 h3 {
		font-size: 19px;
	}
}