:root{--edge-space: 16px;--outside-space: calc((150px * -0.4) + (150/1600*100vw * 1.4));--inside-space: calc((240px * -0.4) + (240/1600*100vw * 1.4));--vertical-space: calc((80px * -0) + (80/1600*100vw * 1));--max-width: 1700px}@media screen and (min-width: 1601px){:root{--vertical-space: 80px;--outside-space: 150px;--inside-space: 240px}}@media screen and (max-width: 800px){:root{--outside-space: 30px;--vertical-space: 30px;--inside-space: 30px}}#community-events .inside{max-width:var(--max-width);margin:auto;position:relative;padding:var(--vertical-space) var(--outside-space) 0 var(--outside-space)}#community-events .inside .content{max-width:520px;margin-bottom:49px}@media screen and (max-width: 1600px){#community-events .inside .content{margin-bottom:calc(24.5px + 1.53125vw)}}#community-events .inside .events-container{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:20px}#community-events .inside .events-container .event{background:#003b5c;position:relative;padding:30px;flex:0 0 calc(25% - 15px);display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;color:#fff}@media screen and (max-width: 1100px){#community-events .inside .events-container .event{flex:0 0 calc(33.3333% - 13.3333333333px)}}@media screen and (max-width: 800px){#community-events .inside .events-container .event{flex:0 0 100%}}#community-events .inside .events-container .event:hover{background:rgba(0,59,92,.88)}#community-events .inside .events-container .event .icon{position:absolute;right:30px;top:30px}#community-events .inside .events-container .event.webinar{background:#001a29}#community-events .inside .events-container .event.webinar:hover{background:rgba(0,26,41,.88)}#community-events .inside .events-container .event .top{margin-bottom:30px}@media screen and (max-width: 1600px){#community-events .inside .events-container .event .top{margin-bottom:calc(3px + 1.6875vw)}}#community-events .inside .events-container .event .top .date .month{color:#fff}#community-events .inside .events-container .event .top .date .day{color:#de7008}#community-events .inside .events-container .event .top .date.tbd{color:#de7008}#community-events .inside .events-container .event .bottom .title{font-size:22px;font-weight:700;color:#fff;font-family:"Roboto","Times New Roman",Times,serif;line-height:1.4em}@media screen and (max-width: 1400px){#community-events .inside .events-container .event .bottom .title{font-size:21px}}@media screen and (max-width: 1100px){#community-events .inside .events-container .event .bottom .title{font-size:20px}}/*# sourceMappingURL=community-events.css.map */