body{display:block;background:#222;margin:0;font-family:Roboto,Helvetica Neue,sans-serif;overflow-x:hidden;width:100%}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}.svg-btn{background:none;border:none}.flex-fill{-webkit-box-flex:1;-ms-flex:1;flex:1}.hide{display:none}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:64px;width:100%;margin-top:16px}.header .btn{border:none;background:none;cursor:pointer;color:hsla(0,0%,100%,.9);font-size:14px;text-transform:uppercase;text-decoration:none;padding:0 8px;white-space:nowrap}.header .btn:hover{color:#fff}.logo{padding-left:16px;height:64px}.social-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.social-icon{height:24px;width:24px;fill:hsla(0,0%,100%,.9)}.social-icon:hover{color:#fff}.social-buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.events,.social-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.events{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 auto}.event-label{color:#fff;text-transform:uppercase;font-weight:600;padding-left:24px;margin-top:24px;margin-bottom:0}.event{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:250px;height:250px;overflow:hidden;margin:16px;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.5);box-shadow:5px 5px 10px rgba(0,0,0,.5);border-radius:2px;-webkit-transition:all .1s ease-out;transition:all .1s ease-out}.event:hover{-webkit-box-shadow:10px 10px 10px rgba(0,0,0,.5);box-shadow:10px 10px 10px rgba(0,0,0,.5)}.event-name{display:block;position:absolute;bottom:0;left:0;right:0;width:100%;height:48px;padding:8px;background:rgba(0,0,0,.5)}.event-name span{color:#fff}.event-date-bg{background:#000;height:100px;width:160px;right:-60px;top:-40px;opacity:.5}.event-date,.event-date-bg{position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.event-date{display:block;top:25px;right:0;width:35%;height:33px;text-align:center}.event-date span{color:#fff}.event-cover{width:250px;height:250px;-o-object-fit:cover;object-fit:cover}.modal img.event-header{width:100%;margin-top:32px}.img-overlay{height:56px;position:absolute;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.7)),to(transparent));background:linear-gradient(rgba(0,0,0,.7),transparent)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1}.modal-backdrop.show{display:-webkit-box;display:-ms-flexbox;display:flex}.modal{background:#222;color:#fff;border-radius:2px;padding:0 32px 32px;margin:32px;max-width:700px;position:relative}.modal .modal-close{float:right;cursor:pointer}.header #menu-btn{display:block;background:none;border:none;margin-right:16px}.header #menu{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;width:100%;background:#222;left:0;top:80px;z-index:1;padding:16px 0;-webkit-box-shadow:0 5px 5px rgba(0,0,0,.5);box-shadow:0 5px 5px rgba(0,0,0,.5)}.header #menu .btn{padding:8px;text-align:center}.header #menu.show{display:-webkit-box;display:-ms-flexbox;display:flex}.events{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.event{width:calc(100% - 32px)}.event-cover{width:100%}.event-date{width:25%}.event-date-bg{top:-35px}.modal{margin:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;left:0;right:0;bottom:0}#event-dialog img.event-header{width:calc(100% + 64px);margin:0 -32px}.back-btn{position:absolute;top:32px;left:32px}.close-btn{display:none}.img-overlay{height:72px;top:0;left:0;right:0}.social-buttons{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}