/* Previous Theme CSS */
/*
***
**** BASE
***
*/

/* Appended to match PSD mock up*/
#splash-container .mega-date-wrap .event_start{
	font-family: helvetica-bold, arial-bold, sans-serif !important;    

}

#splash-container #main-canvas .effralight{
	font-family: helvetica, arial-bold, sans-serif !important;    
}

#splash-container  .mega-location-wrap .element-where-venue{
    font-family: helvetica-bold, arial-bold, sans-serif !important;
}

#splash-container .master_group > .layoutGrp{
	font-family: helvetica, arial-bold, sans-serif !important;   
}

#splash-container .element-description_text h1{  
    font-family: helvetica-bold,arial-bold !important
}

#splash-container .element-rsvp:hover{
    border:0px;
}

/***
***
**
* Some Layouts and Interactions */
/***
***
**
* Punctuation helpers for date, time & venue */

.comma-before:before {
	content: ',';
	position: absolute;
	left: -.5em;
}

/* if not floated */
.comma-before.nofl {
	left: -.2em;
}

/* colon before minute */
.colon-before:before,
.time .minute:before {
	content: ':';
}

/* if end time, add hyphen before */
.time.end:before {
	content: '-';
	float: left;
}

/* if end date, same month, add hyphen between dates */
.event_start .date.end:before {
	content: '-';
	display:inline-block;
}

/* if end date, different month, add word 'until' between months */
.event_end:before {
	content: 'UNTIL';
	display: block;
	font-size: .7em;
}

/* comma after day of week */
.element-when-dow:after,
.element-when-end-dow:after {
	content: ',';
	position: absolute;
	right: 0.3em;
	bottom: 0;
}

/* if end date, same month, hide day of week */
.sesm .element-when-dow {
	display:none;
}

/* if end time, same day, show day of week */
.sesm.sesd .element-when-dow {
	display:inline-block;
}
/* End of Previous Theme CSS */

/* Previous Event CSS */
@font-face {
    font-family: 'effrabold';
    src: url('http://saymedia.splashthat.com/img/events/121854/assets/30bb.effra_std_bd-webfont.eot');
    src: url('http://saymedia.splashthat.com/img/events/121854/assets/30bb.effra_std_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://saymedia.splashthat.com/img/events/121854/assets/0c57.effra_std_bd-webfont.woff') format('woff'),
         url('http://saymedia.splashthat.com/img/events/121854/assets/6cfa.effra_std_bd-webfont.ttf') format('truetype'),
         url('http://saymedia.splashthat.com/img/events/121854/assets/594f.effra_std_bd-webfont.svg#effrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'effralight';
    src: url('http://saymedia.splashthat.com/img/events/121854/assets/4ecc.effra_std_lt-webfont.eot');
    src: url('http://saymedia.splashthat.com/img/events/121854/assets/4ecc.effra_std_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://saymedia.splashthat.com/img/events/121854/assets/782d.effra_std_lt-webfont.woff') format('woff'),
         url('http://saymedia.splashthat.com/img/events/121854/assets/2551.effra_std_lt-webfont.ttf') format('truetype'),
         url('http://saymedia.splashthat.com/img/events/121854/assets/bd5b.effra_std_lt-webfont.svg#effralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'benderitalic';
    src: url('http://saymedia.splashthat.com/img/events/121854/assets/3262.bender-italic-webfont.eot');
    src: url('http://saymedia.splashthat.com/img/events/121854/assets/3262.bender-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://saymedia.splashthat.com/img/events/121854/assets/6773.bender-italic-webfont.woff') format('woff'),
         url('http://saymedia.splashthat.com/img/events/121854/assets/1a63.bender-italic-webfont.ttf') format('truetype'),
         url('http://saymedia.splashthat.com/img/events/121854/assets/b253.bender-italic-webfont.svg#benderitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'benderlight_italic';
    src: url('http://saymedia.splashthat.com/img/events/121854/assets/6d9b.bender-lightitalic-webfont.eot');
    src: url('http://saymedia.splashthat.com/img/events/121854/assets/6d9b.bender-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://saymedia.splashthat.com/img/events/121854/assets/9fb4.bender-lightitalic-webfont.woff') format('woff'),
         url('http://saymedia.splashthat.com/img/events/121854/assets/d578.bender-lightitalic-webfont.ttf') format('truetype'),
         url('http://saymedia.splashthat.com/img/events/121854/assets/fcff.bender-lightitalic-webfont.svg#benderlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


::selection {
	background: #dd221e;
	color:#fff;
}
::-moz-selection {
	background: #dd221e;
	color:#fff;
}

/* Base */
#splash-container  { font-size: 16px; font-family: 'effralight', Arial !important;}
#splash-container h1,#afterRsvpMessage h1, #splash-container .element-when-day,#splash-container .element-when-month, #splash-container #element-where-venue, #splash-container  .element-where-venue { font-family: inherit !important; font-size: inherit !important; font-weight: normal !important; line-height: inherit !important;}
#splash-container .element-title, #splash-container  .element-when-time, #splash-container .element-when-dow , #splash-container .element-when-year {font-family: inherit !important; font-weight:normal!important;}
#splash-container a, #splash-container a:focus{outline:none;}

/* Special Fonts */
#splash-container #main-canvas .effrabold, #rsvp-modal.afterRsvp .rsvp-form .effrabold{ font-family: 'effrabold', arial!important;}
#splash-container #main-canvas .effralight{ font-family: 'effralight', arial;}
#splash-container #main-canvas .benderit{ font-family: 'benderitalic', arial!important;}
#splash-container #main-canvas .benderlt{ font-family: 'benderlight_italic', arial!important;}

/* Recommended Snippet  */
#splash-container .element .list-item { margin-bottom: 1em; }
#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:after, #splash-container .after-clear:after{ clear: both; content: "";  display: block;}
#splash-container .master_group{ max-width:700px; width:98%;}

#element-title h1, #element-subtitle h2 { font-weight:normal!important;}

/**** HEADER SECTION ****/
#splash-container .event-bg-url {background-size: cover!important;}
#element-title h1 span.inline{font-family: 'benderlight_italic';}
#element-title h1 span.fontsize84{font-size: 84px;}
#element-title h1 span.fontsize54{ font-size: 54px; font-family: benderitalic, arial;}
#element-title h1 span.fontsize150{font-size: 150px;}
#element-title h1 span.fontsize95{ font-size: 95px; line-height: 0.2em; vertical-align: text-top;}



/**** RSVP SECTION ****/
#splash-container .element-rsvp{ font-size: 18px !important; line-height: normal; text-transform: uppercase;/*width: 150px;*/ transform:none; -webkit-transform:none; -moz-transform:none}
#splash-container .element-rsvp:hover{ background:#e31b17!important; border:1px solid #b50c10!important;}

#splash-container  .mega-date-wrap .event_start{ font-size:32px!important; letter-spacing: -0.05em;}

#splash-container  .mega-date-wrap .event_start .element-when-year.comma-before:before { left: -0.01em;}
#splash-container  .mega-date-wrap .event_start .element-when-dow:after, #splash-container  .mega-date-wrap .event_start  .element-when-end-dow:after {right: 0;}
#splash-container .element-when-time{ line-height:normal;}
#splash-container .element-when-time .end.time {padding: 0 0 0 0.6em; width:12%;}
#splash-container .element-when-time .time.end:before {  content: "-";
    float: left;
    margin-left: -0.55em;}

#splash-container  .mega-location-wrap{ line-height:24px;}
#splash-container  .mega-location-wrap .element-where-venue{font-family: 'effrabold', arial;}



#splash-container .element-description_text {border-width:1px 0px 1px!important;}
#splash-container .element-description_text h1{  font-family: 'effrabold',arial; font-size: 28px !important;  line-height: 32px !important; margin-bottom: 30px;}
#splash-container .element-description_text #element-description_text p { margin-bottom: 30px;}


#splash-container  .element-custom-block-684636{border-width:0px 0px 1px!important;}
#splash-container .master_group   [block-type="images"] [block-type="image-item"]{ margin: 0 !important;  padding: 0 !important;width: 100%;}
#splash-container .master_group   [block-type="images"] [block-type="image-item"] .media.image{  display: inline-block; float: none;  margin: auto auto 5px; width: auto;}
#splash-container .master_group   [block-type="images"] [block-type="image-item"] .body strong{font-family: 'effrabold',arial !important;}


/**** Social Icons *****/
#splash-container .element-social-links{}
#splash-container .element-social-links #social-main li, #afterRsvpMessage .element-social-links #social-main li  { float: right;  margin-right: 31px;}
#splash-container .element-social-links #social-main li#social-btn-tw, #afterRsvpMessage .element-social-links #social-main li#social-btn-tw  { margin-right: 27px;}
#splash-container .element-social-links #social-main li i, #splash-container .element-social-links #social-main li span, #splash-container .element-social-links #social-main li#social-btn-email,
#afterRsvpMessage .element-social-links #social-main li i, #afterRsvpMessage .element-social-links #social-main li span, #afterRsvpMessage .element-social-links #social-main li#social-btn-email{ display:none;}
#splash-container .element-social-links #social-main li a, #afterRsvpMessage .element-social-links #social-main li a{
background-color: #BBBBBB;
background-image: url(/img/events/121854/assets/7ee9.social-icon.png);
 background-position: 17px 8px;
    background-repeat: no-repeat;
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    width: 40px;
}

#splash-container .element-social-links #social-main li a:hover, #splash-container .element-social-links #social-main li a:active, #afterRsvpMessage .element-social-links #social-main li a:hover, #afterRsvpMessage .element-social-links #social-main li a:active{background-color: #f42420;}
#splash-container .element-social-links #social-main li a#twitter-link, #afterRsvpMessage .element-social-links #social-main li a#twitter-link{background-position: -51px 9px;}

#splash-container .social-nav{}
#splash-container .social-nav   [block-type="nav-item"], #afterRsvpMessage .social-nav   [block-type="nav-item"]{  margin-bottom: 0;  margin-right: 31px;  padding: 0;  width: auto;}
#splash-container .social-nav   [block-type="nav-item"] a, #afterRsvpMessage .social-nav   [block-type="nav-item"] a{
 background-color: #BBBBBB;
    background-image: url(/img/events/121854/assets/7ee9.social-icon.png);
    background-position: -122px 8px;
    background-repeat: no-repeat;
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    overflow: hidden;
    text-indent: -1000px;
    width: 40px;
}
#splash-container .social-nav   [block-type="nav-item"] a:hover, #splash-container .social-nav   [block-type="nav-item"] a:active, #afterRsvpMessage .social-nav   [block-type="nav-item"] a:hover, #afterRsvpMessage .social-nav   [block-type="nav-item"] a:active{background-color: #f42420;}
#splash-container .social-nav [block-type="nav-item"]:last-child, #afterRsvpMessage .social-nav [block-type="nav-item"]:last-child{margin-right: 0px;}
#splash-container .social-nav [block-type="nav-item"]:nth-child(2) a, #afterRsvpMessage .social-nav [block-type="nav-item"]:nth-child(2) a{background-position: -192px 8px;}


/**** Default Footer *****/
#footer span#contactOrgFtr{font-family: 'effralight', arial !important; padding: 5px 8px;text-transform: uppercase;}

#contact-event-organizer h3{  background: none repeat scroll 0 0 #000000; border-radius: 0; color: #FFFFFF; font-family: 'effrabold'; font-size: 1.2em;}
#contact-event-organizer a#send-contact-org-note {background:#525252; border:none; box-shadow:none;  border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;color:#ffffff; font-family: 'effrabold', arial !important;}
#contact-event-organizer a#send-contact-org-note:hover {background:#e31b17; 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;}


/* RSVP */
#simple-modal-wrap  #rsvp-modal.simple-modal {background: none repeat scroll 0 0 #FFFFFF;  border-radius: 5px !important;
padding: 0; width: 600px;}

#simple-modal-wrap  #rsvp-modal.simple-modal #rsvp-form-inner {  padding: 0 2.3em 2.3em;}
#simple-modal-wrap  #rsvp-modal.simple-modal .bgGradient{ display:none;}

#simple-modal-wrap  #rsvp-modal .rsvp-form   h3#rsvp-form-top{  
	background: url("/img/events/121854/assets/14db.readwrite-logo.png") no-repeat scroll center top;
	border-radius: 0;
    height: 36px;
    margin-bottom: 17px;
    margin-top: 40px;
    padding: 0;
}
#simple-modal-wrap  #rsvp-modal .rsvp-form   h3#rsvp-form-top span{ display:none;}

#rsvp-modal .close-form {
    background: url("/img/events/121854/assets/172d.close-button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF !important;
    height: 29px;
    opacity: 1;
    overflow: hidden;
    right: 15px;
    text-indent: -1000px;
    top: 16px;
    width: 28px;
}
#rsvp-modal .close-form:hover { background-position: 0 -33px; opacity:1!important;}
	
#rsvp-modal  #rsvp-form-inner  label, #rsvp-modal  #rsvp-form-inner  span.name{ color:#999999; font-size:12px; font-family: 'effrabold', arial !important; margin: 0;  padding: 0; text-transform: uppercase;}
#rsvp-modal  #rsvp-form-inner .input-holder{ width:50%; padding-right:0.5em;}	
#rsvp-modal #rsvp-form-inner .grp div:nth-child(5) {  padding-left: 0.5em;  padding-right: 0;}

#rsvp-modal  #rsvp-form-inner .select-holder{
    margin-bottom: 10px;
    margin-top: 12px;
    text-align: center;
    width: 100%;
}
#rsvp-modal  #rsvp-form-inner .select-holder span.name{
color: #333333;
    display: inline-block;
    float: none;
    font-size: 18px;
    padding: 0;
    position: relative;
    text-transform: inherit;
    top: -11px;
    width: auto;
}

#rsvp-modal  #rsvp-form-inner .select-holder .grp.pb0{ display: inline-block;
    float: none;
	padding:0px;
    width: auto;}
#rsvp-modal  #rsvp-form-inner .select-holder .nu-dropdown{  border: 1px solid #BBBBBB; height: 30px;  min-width: 48px; margin-left:12px;}

#rsvp-modal  #rsvp-form-inner .select-holder .nu-dropdown.m .current {
    color: #333333;
    font-family: 'effrabold',arial !important;
    font-size: 18px;}

#rsvp-modal  #rsvp-form-inner .btnWrap{  border: 0 none;
    margin-top: 0;
    text-align: center;}

#rsvp-modal  #rsvp-form-inner #rsvp-submit.nu-btn{box-shadow:none;  background: none repeat scroll 0 0 #525252 !important;
    border: 1px solid #252525 !important;
    border-radius: 5px;
    box-shadow: none;
    color: #FFFFFF;
    display: inline-block;
    float: none;
    font-family: 'effrabold',arial !important;
    font-size: 18px;
    margin: auto;
    text-transform: uppercase;
}
#rsvp-modal  #rsvp-form-inner  #rsvp-submit.nu-btn:hover, #rsvp-modal  #rsvp-form-inner  #rsvp-submit.nu-btn:active {background:none #e31b17!important; border:1px solid #B50C10!important; color:#ffffff; opacity:1; }

#rsvp-modal   #rsvp-form-inner .nu-input { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #ffffff; border: 1px solid #bbbbbb; border-radius: 0; box-shadow:none; font-family: 'effrabold', arial !important; padding: 6px;}
#rsvp-modal   #rsvp-form-inner .nu-input:focus { border: 1px solid #e31b17; box-shadow:none; }
 #rsvp-modal .rsvp-form .required-fields {
    bottom: 14px;
    color: #FF0000;
    left: 0;
    width: 100%;
}

#afterRsvpMessage .afterRsvpMessageInner .content h5 { font-family: 'effrabold', arial !important;}
#rsvp-modal .rsvp-form .afterRsvpMessageInner span.shareWithFriends, #rsvp-modal .rsvp-form .afterRsvpMessageInner p.shareWithFriends, #rsvp-modal.afterRsvp .rsvp-form .afterRsvpMessageInner .shareBox, #rsvp-modal.afterRsvp .rsvp-form .afterRsvpMessageInner #add-cal-wrap { display: none;  }
#afterRsvpMessage .afterRsvpMessageInner .content{padding-top: 143px;}
#afterRsvpMessage .social-icon{margin-bottom:50px;}
#rsvp-modal.afterRsvp .rsvp-form .afterRsvpMessageInner p {
    color: #000000;
    font-family: 'effrabold';
    font-size: 24px;
    line-height: 30px;
}

body.isMobile #rsvp-modal .selectmobile {background-image: url("/img/events/121854/assets/ae69.select-mobile-arrow.png"); background-position: 95% 10px; background-repeat:no-repeat; border:1px solid #bbbbbb; border-radius:5px;  display:inline-block; overflow:hidden!important; height:30px; padding-right:3px; width:48px; margin-left:4px;}
body.isMobile #rsvp-modal .selectmobile select{background: none!important;border:0px!important; height: 30px;margin: 0; padding: 0px 8px; width: 48px!important; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  }
 body.isMobile #rsvp-modal .selectmobile select option{width:100%;}

#rsvp-modal.ticket-modal #rsvp-form-inner > h3 {color: #000000;  font-family: 'effrabold', arial!important;  margin-bottom: 27px;
margin-top: 25px;  padding: 0;}
#rsvp-modal .rsvp-form .short-ticket-form {  width: 100%;}
#rsvp-modal .rsvp-form .short-ticket-form .tkt-inner{ width: 80%;}
#rsvp-modal .rsvp-form .short-ticket-form .tkt-wrap .abs.br5{ padding-top:0px;  right: 12px; top: 9px;}
#rsvp-modal.ticket-modal .purchase-button{
    background: none repeat scroll 0 0 #525252 !important;
border:1px solid #252525;
    border-radius: 5px;
    color: #f4f6f8;
    font-family: 'effrabold',arial !important;
    padding: 5px 14px;
    text-transform: uppercase;
}
#rsvp-modal.ticket-modal .purchase-button:hover {
    background: none repeat scroll 0 0 #e31b17 !important; 
    border:1px solid #b50c10;  opacity: 1;}


/* responsive */
/********* MEDIA QUERY *********/

/* desktop & tablet (& some giant phones) */
@media only screen and (max-width: 700px) {
#splash-container{ font-size: 16px; line-height: normal;}
#splash-container .element-title{line-height: 1em!important; margin-bottom:13px;}
#element-title h1 span.fontsize84{font-size: 64px;}
#element-title h1 span.fontsize54{ font-size: 40px;}
#element-title h1 span.fontsize150{ font-size: 80px;}
#element-title h1 span.fontsize95{  font-size: 50px;  line-height: inherit;}
#splash-container .element-when-time .end.time{width:auto;}

}

/* mobile */
@media only screen and (max-width: 479px) {
#main-canvas #rsvp-modal #rsvp-submit, #rsvp-modal.ticket-modal .purchase-button{ -webkit-appearance: none; -moz-box-sizing: content-box!important; -moz-user-select: none!important; }
#rsvp-modal input#rsvp-submit { -webkit-appearance: none; -moz-box-sizing: content-box!important; -moz-user-select: none!important; }

}
@media only screen and (max-device-width : 800px) {
#rsvp-modal #rsvp-form-inner .select-holder span.name{top:0px;}
    #splash-container .element-rsvp{width:210px;}
}

@media only screen and (max-device-width : 480px) {
#main-canvas #rsvp-modal #rsvp-submit, #rsvp-modal.ticket-modal .purchase-button{ -webkit-appearance: none; -moz-box-sizing: content-box!important; -moz-user-select: none!important; }
#rsvp-modal input#rsvp-submit, #rsvp-modal select { -webkit-appearance: none; -moz-box-sizing: content-box!important; -moz-user-select: none!important; }
#rsvp-modal .rsvp-form .short-ticket-form .tkt-inner{width:70%;}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape){}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait){}

/* End of Previous Theme CSS */