* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
body {
    color: #fff !important;
    background: transparent !important;
    padding: 0 65px;
    font-family: Lato;
    font-size: 18px;
}
.Popup {
    color: #042338;
}
:focus {
    outline-style: none;
}
.row {
    width: 100%;
}

.li-height {
    height: 70px;
}

.MeBox {
    float: left;
    height: 100%;
    width: 240px;
    margin: 0;
    padding: 0;
}
.search {
    float: right;
    height: 100%;
    width: 240px;
    margin: 0;
    padding: 0;
    position: relative;
}
.search input {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0 10px;
    height: 70px;
    line-height: 70px;
    border: 0;
    font-family: Lato;
    font-size: 18px;
}

.search button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 70px;
    border: 0;
    background-image: url(icon-search-blauw.png);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70%;
}
.ProfilePhotoMedium, .ProfilePhoto {
    height: 100%;
    width: auto;
    float: left;
    margin-right: 15px;
}

.MeBox .WhoIs {
    float: left;
    height: 100%;
    position: relative;
}

.MeBox .WhoIs .Username {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    line-height: 35px;
    font-size: 18px;
    white-space: nowrap;
    overflow: visible;
}
.AuthorWrap .ProfilePhoto {
    height: 50px;
}
.Author .Username {
    /*color: #027a79;*/
    color: #389da7;
    font-weight: bold;
}
.Item-Header, .AuthorWrap {
    height: 100%;
    width: 100%;
    display: block;
}
.AuthorWrap .Author {
    position: relative;
    float: left;
    height: 50px;
    display: block;
    width: calc(100% - 100px);
}
.Author > span {
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 25px;
}
.Author > .Date {
    top: 50%;
    color: #389da7;
    font-size: small;
}

.Item-BodyWrap {
    clear: both;
}
.MeBox .WhoIs .MeMenu {
    position: absolute;
    top: 50%;
    left: 0;
    height: 50%;
    width: 160px;
}
.MeBox .ToggleFlyout, .MeBox .LikeToggleFlyout {
    width: 35px;
    height: 35px;
    margin: 0 2px;
    display: inline-block;
}
.MeBox .ToggleFlyout:first-child {
    margin-left: 0;
}
/*
.MeBox .ToggleFlyout:last-child {
    margin-right: 0;
    display: none !important;
}
*/
.MeBox .WhoIs .MeMenu .MeButton {
    display: inline;
}
.MeBox .WhoIs .MeMenu .MeButton, .MeBox .WhoIs .MeMenu .MeButton .Sprite {
    height: 100%;
    width: 100%;
    padding: 0;
    border: 0;
}
.MeBox .WhoIs .MeMenu .MeButton .Sprite {
    background-position: center center;
    background-size: 90%;
    background-color: #495c35;
}
.MeBox .WhoIs .MeMenu .MeButton .SpNotifications {
    background-image: url(icon-notification-white.png);
}
.MeBox .WhoIs .MeMenu .MeButton .SpInbox {
    background-image: url(icon-inbox.png);
}
.MeBox .WhoIs .MeMenu .MeButton .SpBookmarks {
    background-image: url(icon-star-white.png);
}
.MeBox .WhoIs .MeMenu .MeButton .SpOptions {
    background-image: url(icon-settings-white.png);
}
.MeBox .WhoIs .MeMenu .MeButton .sr-only {
    display: none !important;
}

.column-left {
    display: block;
    float: left;
    width: 240px;
    height: 100%;
    margin-right: 40px;
}
.column-center {
    display: block;
    float: left;
    width: calc(100% - 520px);
    height: 100%;
    line-height: 35px;
    font-size: 18px;
}
.column-main {
    background-color: #f2f2f2;
    padding: 30px 40px 120px;
    color: #323232;
    font-size: 16px;
    min-height: 300px;
}
.column-main h2 {
    color: #323232;
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.BigButton {
    background-color: #f6e907;
    color: #042338;
    width: 240px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 18px;
    font-weight: 400;
}
.BigButton.Danger {
    background-color: #f69f07;
    float: right;
    margin: 10px 0;
}
.BigButton.Danger:hover {
    background-color: #f67d07;
}
.BigButton:hover {
    background-color: #fef21f;
}
.Discussion .PageTitle {
    display: none;
}
.Author .ProfilePhoto {
    width: 50px;
}
.Discussion .Item-BodyWrap {
    display: block;
    color: #656565;
    font-size: 14px;
}
.FormWrapper .Buttons .Button {
    border: 0;
    width: 140px;
    text-align: center;
    background-color: #909090;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    font-family: Lato;
}
.FormWrapper .Buttons {
    text-align: right;
}

.H.HomepageTitle, .P.PageDescription {
    display: none;
}
/*.FormWrapper .Category, */.FormWrapper .Group, .FormWrapper .PostOptions {
    display: none;
}

.Section-Category-projecten .li-height,
.Section-Category-evenementen .li-height,
.Section-Category-projecten .column-left,
.Section-Category-evenementen .column-left,
.Meta-Discussion .Category,
.ProfileOptions,
.PageControls,
.InThisConversation,
.AddPeople,
.Buttons .Back
{
    display: none;
}

body.Section-Category-projecten, body.Section-Category-evenementen {
    /*padding: 0;*/
}

.Section-Category-projecten .column-center, .Section-Category-evenementen .column-center {
    width: 100%;
}
.Section-PostDiscussion .column-center {
    width: calc(100% - 240px)
}
/*
.Bookmark {
    display: none !important;
}*/

.BoxFilter:not(:first-child) {
    margin-top: 35px;
}

.BoxFilter, .category-list {
    width: 100%;
    min-height: 400px;
}
.BoxFilter .wrap, .category-list {
    background-color: #8F9A2F;
}
.BoxFilter .toggle-discussions-filter {
    display: none;
    background-color: #9F94C4;
    height: 70px;
    line-height: 70px;
    text-align: center;
    padding: 0;
    margin: 0 1% 10px 0;
    border: 0;
    font-size: 18px;
    font-weight: 400;
    float: left;
    width: 49%;
    position: relative;
}

.BoxFilter .wrap {
    clear: both;
}
.BoxFilter h3 {
    color: #323232;
}
.BoxFilter a {
    color: #fff;
}
.BoxFilter a, .BoxFilter h3 {
    padding: 7px 30px;
    font-weight: bold;
    font-size: 18px;
    display: block;
}
.Aside {
    float: right;
}
.Active {
    color: #323232;
    background-color: #F1F18A;
}
.Active a {
    color: #323232;
}
.BoxFilter .icon {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}
.caret-down {
    background-image: url(caret-down.png);
    top: calc(50% - 8px);
    height: 17px;
    width: 35px;
    right: 20px;
}
.close {
    background-image: url(close.png);
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    right: 27px;
}

.FormWrapper {
    background-color: transparent;
}

@media only all and (max-width: 1280px) {
.column-center {
    width: calc(100% - 280px);
}
}
@media only all and (max-width: 1080px) {
.Section-PostDiscussion .column-center {
    width: 100%;
}
}
@media only all and (max-width: 960px) {
.column-left {
    float: none;
    margin: 0 0 10px;
    width: 100%;
}
.column-center {
    clear: both;
}
.BoxButtons {
    float: right;
    display: block;
    width: 49%;
    margin-left: 1%;
}
.BoxButtons .BigButton {
    width: 100%;
    margin-bottom: 10px;
}
.BoxFilter {
    min-height: auto;
}
.BoxFilter .toggle-discussions-filter {
    display: block;
}

.BoxFilter .wrap {
    display: none;
}
.column-center {
    width: auto;
    float: none;
}
.search {
    width: 50%;
    max-width: 240px;
}
.MeBox {
    width: auto;
}
}

@media only all and (max-width: 768px) {
body {
    padding: 0 5%;
}
.MeBox, .search {
    width: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 10px;
}
.search input {
    width: 100%;
}
.BoxButtons {
    width: 100%;
    margin-left: 0;
}
.BoxFilter .toggle-discussions-filter {
    width: 100%;
    margin-right: 0;
}
}