/* Splash header background element not working */
#main-canvas .event-bg-url{ background-size:auto;  background-position: center bottom;}

/* Splash Event Detail css*/
#main-canvas #element-when-day .date.start .day::after { content: "th"; font-size: 20px;  position: absolute; top: 0; width: 16px;}
#main-canvas #element-when-day .date.start .day {position: relative;}
#main-canvas #element-when-time .time .minute, #main-canvas #element-when-time .time.start .meridian, #main-canvas .event-date .date-weekday.inline, #main-canvas .event-venue .venue-holder .name, #main-canvas .event-venue .venue-holder .country, #main-canvas .event-date .body div.separator.inline:last-child, #main-canvas  .element-rsvp:before, #main-canvas  .element-rsvp:after, #main-canvas #element-where-address .venue-address::after {display: none;}
#main-canvas #element-when-dow .dow::after {content: "|"; display: inline-block; margin: 0 0 0 10px; width: auto;}

#main-canvas .event-date .body div.inline { margin-right: 2px;}
#main-canvas .event-date .body div.date-time-end { margin-right: 0;}
#main-canvas  .element-rsvp, #main-canvas  .element-rsvp:hover{font-family: "NeutraDisplayTitling"!important; transform:none; -webkit-transform:none; -moz-transform:none; opacity:1;}

#main-canvas  .element-hash a.hashLink{ color:#6c7a89;}


#splash-container #main-canvas .social-links-v2 .social-links-item { padding: 0.5em 0.5em 0.5em 0;}
#splash-container #main-canvas .social-links-v2 a.social-btn { color: #6c7a89 !important;}
#splash-container #main-canvas .social-links-v2 a.social-btn:hover, #main-canvas  .element-hash a.hashLink:hover{color: #ee3a46!important;}

#main-canvas .map .body strong{font-family: "GothamRegular"!important; }


#main-canvas .luminaries-section .list-item { list-style: outside none none;  padding: 0;  text-align: center;}
#main-canvas .luminaries-section .list-item .title, #main-canvas .luminaries-section .list-item .body { display: inline-block; float: none; width: auto;}
#main-canvas .luminaries-section .list-item .body { color: #acc2d8; margin-left: 6px;}


#main-canvas .speaker-section{}
#main-canvas .speaker-section .body *{ text-align:center!important;}
#main-canvas .speaker-section .speaker-item {float:none; display:inline-block; margin: 0 13px 40px; max-width: 170px; padding: 0 10px;}
#main-canvas .speaker-section .speaker-item .image { border-radius: 0; margin-bottom: 7px; height: 150px; width: 150px;}
#main-canvas .speaker-section .speaker-item .grp.body.p0{width:100%;text-align:center;padding:0;}

#main-canvas .sponsors-section .sponsor-element1 .speaker-item { height: 100px;  margin: 0;  padding: 0;  width: 100%;}
#main-canvas .sponsors-section .sponsor-element1 .image, #main-canvas .sponsors-section .sponsor-element2 .image { background-size: auto auto; border-radius: 0;  height: 100px;}
#main-canvas .sponsors-section .sponsor-element1 .speaker-item img, #main-canvas .sponsors-section .sponsor-element2 .speaker-item img{ display:none;}
#main-canvas .sponsors-section .sponsor-element2 .image{height:72px;}
#main-canvas .sponsors-section .sponsor-element2 .speaker-item { height: 70px;  overflow: hidden;  padding: 0;  width: auto;}


#splash-container #footer{ display:none;}

#rsvp-modal .bgGradient{ display:none;}
#rsvp-modal #rsvp-form-inner { padding: 0 0 0.6em;}
#rsvp-modal #rsvp-form-inner #ticketForm{ padding: 1em;}
#rsvp-modal.ticket-modal #rsvp-form-inner > h3, #rsvp-modal.ticket-modal #rsvp-form-inner #purchase-button { background-color: #ee3a46; color: #fff; font-family: "NeutraDisplayTitling" !important;  padding: 1em;}

/* Splash admin responsive tool not working so I have used custom css */
@media (max-width: 980px){
#splash-container.responsive-tablet #main-canvas .element-where-venue { font-size: 43px !important;}
}
#splash-container.responsive-phone #main-canvas .element-where-venue { font-size: 38px !important;}
#splash-container.responsive-phone #main-canvas #g-26 {font-size: 13px !important;}

@media (max-width: 480px){
#main-canvas .luminaries-section .list-item .title{ display:block;}
}
@media (max-width: 400px){
#main-canvas .sponsors-section .sponsor-element1 .image, #main-canvas .sponsors-section .sponsor-element2 .image {
    background-size: 100% auto;}}