/* Special Font Kits */
@font-face
{
    font-family: 'GibsonSemiBold';
    src: url('http://midnightgardenparty.splashthat.com/fonts/gibson/Gibson-SemiBold-webfont.eot');
    src: url('http://midnightgardenparty.splashthat.com/fonts/gibson/Gibson-SemiBold-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('http://midnightgardenparty.splashthat.com/fonts/gibson/Gibson-SemiBold-webfont.woff') format('woff'), 
		 url('http://midnightgardenparty.splashthat.com/fonts/gibson/Gibson-SemiBold-webfont.ttf') format('truetype'), 
		 url('http://midnightgardenparty.splashthat.com/fonts/gibson/Gibson-SemiBold-webfont.svg#GibsonSemiBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GibsonBold';
    src: url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/9cc8.gibson-bold-webfont.eot');
    src: url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/9cc8.gibson-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/3543.gibson-bold-webfont.woff	') format('woff'),
         url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/4580.gibson-bold-webfont.ttf') format('truetype'),
         url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/77a9.gibson-bold-webfont.svg#GibsonBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GibsonRegular';
    src: url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/5eb7.gibson-regular-webfont.eot');
    src: url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/5eb7.gibson-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/5836.gibson-regular-webfont.woff') format('woff'),
         url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/bfb6.gibson-regular-webfont.ttf') format('truetype'),
         url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/c056.gibson-regular-webfont.svg#GibsonRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GibsonLightRegular';
    src: url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/0316.gibson-light-webfont.eot');
    src: url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/0316.gibson-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/33c5.gibson-light-webfont.woff') format('woff'),
         url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/6474.gibson-light-webfont.ttf') format('truetype'),
         url('http://midnightgardenparty.splashthat.com/img/events/91853/assets/2330.gibson-light-webfont.svg#GibsonLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Selection Styles */
 ::selection {
	background: #5be7bb;
	color:#fff;
}
::-moz-selection {
	background: #5be7bb;
	color:#fff;
}

#splash-container a:focus, #splash-container a{outline:0;}
 
 
/* Special Fonts */
#splash-container .GibsonRegular{font-family: 'GibsonRegular',arial !important;font-weight:normal !important;}
#splash-container .GibsonSemiBold{font-family: 'GibsonSemiBold',Arial !important;font-weight:normal !important;}
#splash-container .GibsonBold{font-family: 'GibsonBold',arial !important;font-weight:normal !important;}
#splash-container .GibsonLightRegular{font-family: 'GibsonLightRegular',arial !important;font-weight:normal !important;}

.topSponsors .sponsor-item:nth-child(2) {
	padding: 13px 0 0;
}
 
#splash-container  h1, #splash-container .element-title, #splash-container #element-where-venue, #splash-container  h2 {font-size:inherit !important;  font-weight:normal !important; line-height:inherit !important; font-family:inherit !important;}

 
/* Base */
#splash-container  {font-family:'GibsonRegular',arial !important; font-weight:normal; font-size:16px; line-height:normal;}
#splash-container  .grp { max-width:100%;} /* Please add a theme with no default CSS styles */

/* Form */
#contact-event-organizer a#send-contact-org-note { border:none; background:#5be7bb !important; color:#ffffff; box-shadow:none;  }
#contact-event-organizer a#send-contact-org-note:hover {background:#30cb9a !important; color:#ffffff;}
#contact-event-organizer  span#send-contact-org-cancel2{color:#666666; top:6px; right:10px;}
#contact-event-organizer  span#send-contact-org-cancel2:hover{color:#ffffff;}
#contact-event-organizer h3{font-size:1.2em;}
#splash-container .element-contact-organizer {width:auto !important; padding-left: 10px !important; padding-right: 10px !important; }

#contact-event-organizer.simple-modal h3, #contact-event-organizer.simple-modal h4{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; background:none #5be7bb;}



/* Recommended Snippet  */
#splash-container .element .list-item { margin-bottom: 0em; }
#splash-container .master_group > .layoutGrp { margin-bottom: 0; }
#splash-container .sf .title h1 { margin-bottom: 0; }
#splash-container .sf .body h1 { margin-bottom: 0; }

/* Splash */
#splash-container .master_group > .layoutGrp {margin-bottom:0;}
#splash-container .master_group:after, #splash-container .after-clear:after {  clear: both; content: ""; display: block;}
#main-canvas { max-width: none; overflow: hidden;  width: 100%;}

#splash-container  .sf.image.hero .sf .media img {padding:0; margin-bottom:0px!important;}
#splash-container .layoutGrp{ background-size:cover;}

#splash-container .spash-logo .element, #splash-container .image-auto .element{ width:auto!important;}

/** rsvp section start **/
#splash-container .element-rsvp{border-radius:30px !important;border:3px solid #fff !important; font-family: 'GibsonSemiBold', arial; font-size:38px!important; max-width:310px;width:100%;}
#splash-container .element-rsvp:hover{border:3px solid #5be7bb!Important; background:#5be7bb !important; transform:none; -webkit-transform:none;}
/** rsvp section end **/

#splash-container .arrow-img .body a{   opacity: 0;  position: relative;    top: -15px;}

#splash-container .GibsonLightRegular.txtC{ letter-spacing: 0.17em!important;} 

#splash-container .element-when-dow, #splash-container .element-when-day, #splash-container .element-when-time, #splash-container .element-when-month { font-family: 'GibsonSemiBold', arial!important;}
#splash-container .element-when-time{line-height:1em;}
.element-when-dow:after, .element-when-end-dow:after{ display:none;}

#splash-container .element-when-day:after{ content:"th,"; position: absolute; }

#splash-container .footer-sponsors .element .list-item{ padding: 0;   width: 17% !important;}


/********** RSVP MODAL *************/
.simple-modal h3, .simple-modal h4, #rsvp-modal h5 {
    background: none repeat scroll 0 0 #5BE7BB!important;}
	
#rsvp-modal #rsvp-form-inner .nu-input{font-family: 'GibsonRegular',arial !important;}
#rsvp-modal #rsvp-form-inner .nu-btn{background: none repeat scroll 0 0 #5BE7BB!important; color:#fff!important;}
#rsvp-modal #rsvp-form-inner .nu-btn:hover, #rsvp-modal #rsvp-form-inner .nu-btn.hovering {  background: none repeat scroll 0 0 #30cb9a!important;  border: 1px solid #5BE7BB!important;}

/* Footer */
#footer { }
#footer #contactOrgFtr:hover {padding-top:5px; padding-bottom:5px;}
/* Responsive View */
@media only screen and (max-width:600px) { 
#splash-container .footer-sponsors .element .list-item { width: 40% !important;}
}

.peN {
	pointer-events: none;
}

/*
** Nice bits
*/

/* general cloud settings */
.cloud1, 
.cloud2,
.cloud3,
.cloud4 {
	z-index:0;
	pointer-events: none;
}

/* cloud layouts */
.cloud1 {
	top: 14px;
	left: 50%;
	margin-left: -760px;
	-webkit-animation: wobble 12s linear infinite;
	opacity: .9;
}

.cloud2 {
	top: 60px;
	right: 50%;
	margin-right: -632px;
	-webkit-animation: wobble 10s linear infinite;
	opacity: .7;
}

.cloud3 {
	top: 380px;
	left: 50%;
	margin-left: -530px;
	-webkit-animation: wobble 8s linear infinite;
	opacity: .8;
}

.cloud4 {
	top: 330px;
	right: 50%;
	margin-right: -780px;
	-webkit-animation: wobble 9s linear infinite;
	opacity: 1;
}

@-webkit-keyframes wobble {
	0%   { -webkit-transform: translate(0, 0) }
	20%  { -webkit-transform: translate(-2em, 0) }
	40%  { -webkit-transform: translate(0, -1em) }
	60%  { -webkit-transform: translate(1em, 0) }
	80%  { -webkit-transform: translate(0, -1em) }
	100% { -webkit-transform: translate(0, 0) }
}

/* for the header txt intro */
.mgp-splash-logo {
	-webkit-animation: helloThere 1.5s ease-out;
}

@-webkit-keyframes helloThere {
	0%   { -webkit-transform: scale(0) }
	30%  { -webkit-transform: scale(0) }
	100% { -webkit-transform: scale(1) }
}

.deets {
	min-height: 520px;
	background-position: center center;
}

#splash-container .element-when-day:after {
content: "th,";
position: absolute;
top: 0;
left: 0.7em;
white-space: nowrap;
}

#splash-container .element-when-time {
line-height: 0.75em;
margin-left: 0.2em;
}

.bpcc {
	background-position: center center;
}

/* rsvp */
#rsvp-modal.simple-modal {
	background: rgba(0, 0, 0, 0.8);
}

#rsvp-form-inner .w1-2 {
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#rsvp-modal #rsvp-form-inner .nu-input {
	font-family: 'GibsonRegular',arial !important;
	box-shadow: none;
	border: none;
	padding: 0.8em;
	font-size: 1.1em;
	border-radius: 4px;
}

#rsvp-modal .bt1e {
	border: none !important;
}

#rsvp-modal .btnWrap {
	text-align: center !important;
}

#rsvp-modal #rsvp-submit {
	float: none;
	letter-spacing: .2em;
	font-size: 1.1em;
	padding: .5em 2em;
	background: #3ca686;
	border: 2px solid #54e8ba;
}

#rsvp-modal #rsvp-submit:hover {
	background: #54e8ba;
	border: 2px solid #54e8ba;	
}

#rsvp-modal .rsvp-form .afterRsvpMessageInner span, #rsvp-modal .rsvp-form .afterRsvpMessageInner p {
	color: #fff;
}

#rsvp-modal .rsvp-form .afterRsvpMessageInner .shareBox .method {
	background: #000;
}

#rsvp-modal .rsvp-form .afterRsvpMessageInner .shareBox .method .icon {
background: #000;
box-shadow: 0 0 0 2px #54E8BA inset;
color: #FFF;	
}

#rsvp-modal .rsvp-form .afterRsvpMessageInner .shareBox .method .icon:hover {
	background: #54E8BA;
}


.afterRsvpMessageInner {
	padding-bottom: 30px;
}


#rsvp-modal .rsvp-form .afterRsvpMessageInner .shareBox .method .icon {
	font-size: 35px;
	line-height: 54px;
	width: 60px;
	height: 60px;
	margin: 15px 15px 0px 35px;
	padding-left: 7px;
	left: -10px;
	position: relative;
}


.confText {
    font-size: 15px !important;
    margin-top: 22px;
    display: block;
}
.boomText {
    font-size: 18px !important;
    font-family: 'gibsonRegular';
}

#rsvp-modal .rsvp-form .afterRsvpMessageInner span, #rsvp-modal .rsvp-form .afterRsvpMessageInner p {
	font-size: 18px;
}

body #splash-container .private-content h1 {
	font-size: 3.2em !important;
	margin-bottom: 12px !important;
	letter-spacing: 6px !important;
	line-height: 50px !important;
}

body #splash-container .private-content h1 small{
	margin-top: -7px;
	margin-bottom: 0px;
}

.shareBox .method[method="link"] input {
    bottom: 40px !important;
    quotes: left;
    top: 27px !important;
    padding: 14px 13px !important;
}
.shareBox .method[method="link"] {
    height: 100px !important;
}