/* =====================================
EVENT HEADER - MOBILE FIX
===================================== */
@media (max-width: 767px) {
/* Main information area */
.xw-masthead .masthead-eventinfo {
width: 100% !important;
max-width: 100% !important;
padding: 24px 20px !important;
box-sizing: border-box !important;
}
/* =====================
EVENT TITLE
===================== */
.xw-masthead .event-title {
font-size: 26px !important;
line-height: 1.3 !important;
margin-bottom: 28px !important;
text-align: center !important;
white-space: normal !important;
}
/* =====================
DATE
===================== */
.xw-masthead .event-date-cal {
display: block !important;
width: 100% !important;
margin-bottom: 35px !important;
text-align: center !important;
}
.xw-masthead .event-date {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto 18px auto !important;
font-size: 18px !important;
line-height: 1.5 !important;
text-align: center !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
/* Add to calendar button */
.xw-masthead .ical {
display: inline-flex !important;
width: auto !important;
margin: 0 auto !important;
justify-content: center !important;
align-items: center !important;
}
/* =====================
LOCATION
===================== */
.xw-masthead .event-location {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto 20px auto !important;
font-size: 17px !important;
line-height: 1.6 !important;
text-align: center !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
}
/* IMPORTANT:
stops EventNook's flex spans from
putting commas on separate lines
*/
.xw-masthead .event-location span {
display: inline !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
white-space: normal !important;
}
/* Location icon */
.xw-masthead .event-location::before {
display: block !important;
margin: 0 auto 10px auto !important;
position: static !important;
}
/* =====================
VIEW MAP
===================== */
.xw-masthead .event-map {
display: flex !important;
width: 100% !important;
justify-content: center !important;
align-items: center !important;
margin-top: 18px !important;
}
/* Prevent Bootstrap row overflow */
.xw-masthead .xw-event-title-inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
/* Center Proceed with Registration button */
#submit_section_wrapper_desktop .justify-content-end,
#submit_section_wrapper_mobile {
justify-content: center !important;
text-align: center !important;
}
#submit_section_wrapper_desktop .btn-register-complete,
#submit_section_wrapper_mobile .btn-register-complete {
margin-left: auto !important;
margin-right: auto !important;
}