/* General  ============================================= */

.event-label { display: inline-block; font-size: 12px; padding: 3px 10px; margin: 0 0 15px; letter-spacing: 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; }

.infowindow-wrap { width: 190px; margin: 15px 0 5px; }
.infowindow-wrap .img { margin: 0 0 15px; }
.infowindow-wrap .event-label { margin: 0 0 10px; }
.infowindow-wrap h2 { font-size: 22px; line-height: 28px; margin: 0 0 3px; padding: 0; }
.infowindow-wrap h3 { font-size: 16px; line-height: 20px; margin: 0 0 5px; padding: 0; }
.infowindow-wrap .event-detail-link { margin: 0 0 0; padding: 10px; display: block; }

/* All events ============================================= */

body.events header { background: #fff; }
body.events footer,
body.events .areabrick-header-default { display: none; }

#events-map-wrap                      { position: fixed; top: 119px; bottom: 0; left: 310px; right: 0px; z-index: 1; }
#events-map-wrap #map                 { position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; }
#events-map-add-new-event             { position: absolute; top: 20px; right: 20px; left: auto; z-index: 2; }
#events-map-wrap #go-message-window   { position: absolute; left: 20px; right: auto; top: 20px; }

#events                               { position: fixed !important; top: 119px; left: 0; right: auto; width: 310px; z-index: 2; bottom: 0; padding: 20px 5px !important; overflow: hidden; overflow-y: scroll; }
#events .mobile-nav                   { display: none; }

#events-header                        { margin: 0px 0px 20px;}
#events-header h2                     { margin: 0 0 15px; font-size: 28px; line-height: 36px; }
#events-header .text                  { margin: 0 0 0px; font-size: 14px; }
#events-header .text p                { line-height: 20px;  }

#events-list                          { margin: 0 0 35px; }
#events-list .row                     { margin-bottom: 10px !important; }
#events-list .event .eyebrow          { display: block; }
#events-list .event h2                { font-size: 22px; line-height: 26px; }
#events-list .event                   { background: #000; }
#events-list .event .tile-image       { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
#events-list .event:hover .tile-image { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

#events-add-new                       { display: block; margin: 20px 0; padding: 15px 10px; }

/* Event detail ============================================= */

body.event-detail .event-descr       { margin: 0 0 30px; }
body.event-detail .unpublished-label { padding: 40px; background: #d00; color: #fff; text-align: center; }
#event-detail h2                     { font-size: 32px; line-height: 42px; }
#event-detail #map                   { height: 684px; }
#event-detail form.success           { text-align: center; padding: 60px; font-size: 28px: line-height: 38px; background: #eee; }

/* Event form ============================================= */

#event-form                 { padding-top: 55px; }
#event-form .first-text     { margin-bottom: 45px; }
#event-form #map            {height: 554px;pointer-events: none;border: 1px solid #e5e5e5;border-radius: 3px;}

#event-form-map-wrap {position: relative;}
#event-form-map-wrap .loader { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: rgba(0, 0, 0, 0.5) url(/bundles/app/images/loader.svg) no-repeat 50% 50%; opacity: 0; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; pointer-events: none; }
#event-form-map-wrap .loader.visible { opacity: 1; }

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

    #events .mobile-nav      { display: block; margin: 0 0 25px !important; }
    #events .mobile-nav .btn { display: block; margin: 0 0 10px; cursor: pointer; }

    #events-map-wrap { position: fixed !important; top: 60px; bottom: 0; left: 0px; right: 0px; z-index: 1; }
    #events           { position: relative; left: 0; top: 60px; width: 100%; background: #fff; bottom: 30px; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
    #events.collapsed { left: -120%; }

    #go-message-window  { top: 1px !important; }

}