/** Base styling partial for PublicSpaceInfo  Variables, colors, helper classes and mixins to be (re)used throughout the project in seperate stylesheets  Do not add styling declarations to this file! */
/* ========================================================================== Colors ========================================================================== */
/* ========================================================================== Fonts ========================================================================== */
/* ========================================================================== Helper classes ========================================================================== */
.ir { font: 0/0 a; text-shadow: none; color: transparent; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

/* ========================================================================== Mixins ========================================================================== */
.page > article { padding-top: 56px; }

.mainmenu .logo { margin-top: -46px; margin-right: 59px; }
.mainmenu .logo a { width: 211px; height: 250px; background: url('/static/img/logo-psi-large.png?1538552875&f627dbc879b7') no-repeat; }

.page .intro { margin-left: 294px; margin-bottom: 36px; width: 620px; }
.page .intro h1 { margin: 1em 0 1em; font-family: 'ff-tisa-web-pro', serif; font-weight: 700; font-size: 26px; line-height: 133%; color: #4e5860; }
.page .intro h2 { font-size: 26px; text-align: center; }
.page .intro p { margin: 0; font-size: 40px; line-height: 52px; }

.page .body { margin-left: 50px; width: 870px; }

.body .quick-nav { margin-bottom: 70px; padding: 42px 17px 42px 245px; background: #f1ff78; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px 0px; color: #4E5860; }
.body .quick-nav .content { margin-bottom: 34px; }
.body .quick-nav .content p { line-height: 36px; }
.body .quick-nav h2 { font-family: 'ff-tisa-web-pro', serif; font-weight: 400; font-size: 23px; }
.body .quick-nav p { font-size: 18px; }
.body .quick-nav .quick-links { margin: 0; font-family: 'proxima-nova', sans-serif; font-weight: 400; font-size: 14px; line-height: 21px; color: #4E5860; }
.body .quick-nav .quick-links a { display: inline-block; margin-left: 35px; border-bottom: 1px solid transparent; font-family: 'proxima-nova', sans-serif; font-weight: 600; text-decoration: none; color: #4E5860; }
.body .quick-nav .quick-links a:hover { border-bottom: 1px solid #4E5860; }

.body h2 { margin-bottom: 16px; font-family: 'proxima-nova', sans-serif; font-weight: 400; font-size: 25px; color: #7B8288; }

.article-list { position: relative; margin-bottom: 36px; width: 900px; }
.article-list:before, .article-list:after { content: ""; display: table; }
.article-list:after { clear: both; }
.article-list { *zoom: 1; }
.article-list .article { margin-right: 15px; }
.article-list .btn-keyword-list { top: 0; right: 30px; }

.event-list { margin-bottom: 60px; width: 900px; }
.event-list:before, .event-list:after { content: ""; display: table; }
.event-list:after { clear: both; }
.event-list { *zoom: 1; }
.event-list h2 { margin-bottom: 37px; border-bottom: 1px solid #D3D5D7; width: 870px; padding-bottom: 13px; }
.event-list .event { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; margin-right: 15px; width: 280px; padding-right: 30px; }
.event-list .date { margin-bottom: 29px; font-family: 'proxima-nova', sans-serif; font-weight: 600; font-size: 14px; line-height: 18px; color: #C6C6C6; }
.event-list h3 { margin-bottom: 11px; font-family: 'ff-tisa-web-pro', serif; font-weight: 700; font-size: 20px; line-height: 31px; }
.event-list h3 a { text-decoration: none; color: #798287; }
.event-list h3 a:hover { color: #6db5c2; }
.event-list .content { font-size: 15px; line-height: 27px; color: #4E5860; }