/* [MR] MeesterRene - Custom CSS */

/* Message input style */
button,
input {
    color: inherit;
    font: inherit;
    margin: 0
}

/* For the login success message.
   The '!important' is required because this class is overridden elsewhere (as shown in the inspector). */
.alert-success {
    background-color: #27ae60 !important;
    margin-bottom: 20px !important;
}

/* New post form button style, voor middelgrote tot grote schermen*/
@media (min-width:550px) {
    button.button-primary {
        color: #FFF;
        background-color: #34495e;
        border-color: #34495e
    }

    .full-button {
        width: 100%
    }
    
    /* New post form input textbox */
    input {
        margin-bottom: 1.5rem
    }
    input[type="text"] {
        height: 38px;
        padding: 6px 10px;
        background-color: #fff;
        border: 1px solid #D1D1D1;
        border-radius: 4px;
        box-shadow: none;
        box-sizing: border-box
    }
}

/* Actieve navigatielink voor brede schermen */
@media (min-width: 850px) {
    .navbar-link.active {
        background-color: #3498db;
        color: #ffffff;
    }
}

/* Actieve navigatielink voor smalle schermen */
@media (max-width: 850px) {
    .navbar-link.active {
        background-color: #3498db;
        color: #ffffff;
    }
}

/* Laat visueel zien dat als een picture niet klikbaar is (zie ook JS: 'data-allow-picture') */
a[href*="pictures"]:not([data-allow-picture]) {
    cursor: not-allowed;
    opacity: 0.4;
}