/* CSS bestand voor ad-hoc wijzigingen */


/* extra styling voor mailplus forms */
.mpForm {
    /*background-color: #f00;*/
}

.mpForm table {
    width: 100%;
}

.mpForm .submitButton {
    background-color: #448c85;
    border: 0 none;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-family: "Kievit Slab Office","Noticia Text",Trebuchet,sans-serif;
    font-size: 16px;
    padding: 0.5em 1em;
    text-align: center;
    text-transform: capitalize;
}

.mpForm .mpQuestionTable {
    margin-bottom: 1rem;
}

.mpForm .mpQuestionTable tbody {
    border-top: 0;
}

.mpForm input[type="text"] {
    margin-bottom: 0;
}

.mpForm .sublabel {
    font-family: "Kievit Slab Office","Noticia Text",Trebuchet,sans-serif;
    font-size: 14px;
    color: #999;
    font-family: "Kievit","Noticia Text",Trebuchet,sans-serif;
}

.mpForm .mpFormLabel {
    width: 100px;
}

.mpForm .mpFormLabel label {
    float: left;
}

.mpForm ul {
    margin-left: 0;
    list-style-type: none;
}

.mpForm ul li {
    float: left;
}

/*** Aanpassing op 28-10-2016 ***/

/*** Extra ruimte onder foto boven intro ***/

.field-name-field-extra-afbeelding {
    margin-bottom: 1rem;
}

/*** Foto weg op mobiel ***/

.node-hoofdartikel .hide-for-medium-up.linkerkolom {
    border: 5px solid #f00;
    display: none !important;
}


/*** Extra bollen met getallen op artikel nivo ***/

.siblinglinks .item-list li .siblinglink-12 {
    background-image: url(../img/bg-cijfers-klein.png);
    background-repeat: no-repeat;
    background-position: -731px 49%;
}

.siblinglinks .item-list li .siblinglink-13 {
    background-image: url(../img/bg-cijfers-klein.png);
    background-repeat: no-repeat;
    background-position: -797px 49%;
}

.siblinglinks .item-list li .siblinglink-14 {
    background-image: url(../img/bg-cijfers-klein.png);
    background-repeat: no-repeat;
    background-position: -863px 49%;
}

.siblinglinks .item-list li .siblinglink-15 {
    background-image: url(../img/bg-cijfers-klein.png);
    background-repeat: no-repeat;
    background-position: -929px 49%;
}

.siblinglinks .item-list li .siblinglink-16 {
    background-image: url(../img/bg-cijfers-klein.png);
    background-repeat: no-repeat;
    background-position: -995px 49%;
}

/*** Extra bollen met getallen op homepage nivo ***/

.main_content .block-system .editie-overzicht .numbered.number-12 {
    background-image: url(../img/bg-cijfers.png);
    background-repeat: no-repeat;
    background-position: -792px 50%;
}

.main_content .block-system .editie-overzicht .numbered.number-13 {
    background-image: url(../img/bg-cijfers.png);
    background-repeat: no-repeat;
    background-position: -863px 50%;
}

.main_content .block-system .editie-overzicht .numbered.number-14 {
    background-image: url(../img/bg-cijfers.png);
    background-repeat: no-repeat;
    background-position: -934px 50%;
}

.main_content .block-system .editie-overzicht .numbered.number-15 {
    background-image: url(../img/bg-cijfers.png);
    background-repeat: no-repeat;
    background-position: -1005px 50%;
}

.main_content .block-system .editie-overzicht .numbered.number-16 {
    background-image: url(../img/bg-cijfers.png);
    background-repeat: no-repeat;
    background-position: -1076px 50%;
}

.sliding-popup-bottom {
    background-color: #eaeae8;
    width: 100%;
}

#sliding-popup .popup-content {
    max-width: 1300px;
    margin: 0 auto;
    width: auto;
}

#sliding-popup .popup-content #popup-text {
    margin: 20px 10px 10px;
    width: auto;
    max-width: none;
}

#sliding-popup .popup-content #popup-text h2 {
  font-weight: 200;
  hyphens: auto;
  font-size: 24px;
  line-height: 40px;
  color: #182b49;
  margin: 0;
}

#sliding-popup .popup-content #popup-text p {
  color: #182b49;
  margin: 0;
  font-weight: normal;
  font-size: 18px;
}

#sliding-popup .popup-content #popup-buttons {
    margin: 10px 30px 10px 0;
    float: right;
    max-width: none;
    text-align: center;
}

#sliding-popup .popup-content #popup-buttons button {
    font-size: 18px;
    line-height: 1.6;
    background: #182b49;
    color: #FFF;
    padding: 3px 7px;
    min-width: 150px;
    margin-top: 20px;
    margin-bottom: 0;
    height: 40px;
}