/**
 * All Global overrides. Page specific overrides should added in overrides folder.
 * This stylesheet is included on every page.
 **/


/**
 * Add extra padding to prevent old pages from sticking to hero.
 */
#wrapper {
    padding-top: 7em;
    padding-bottom: 7em;
}


/**
 * Override Tags Color on News pages.
 */
div.field-name-news-tags a,
div.field-name-news-tags a:hover {
    color: #F7F9FB;
    background-color: #e35c24;
    border: 1px #e35c24 solid;
}

/**
 * Override Webform component date.
 */
.webform-component-date .webform-container-inline {
    display: flex;
}

.webform-component-date .webform-container-inline .form-item {
    width: 33.33%;
}

.webform-component-date .webform-calendar {
    width: 47px;
    height: 47px;
    margin-top: 19px;
    padding: 10px;
}

.webform-component-fieldset {
    padding: 0;
}

/**
 * Override blocks on inovation page.
 */

.innovatie-block {
    width: 33.33%;
    position: relative;
    padding-top: 33.33%;
    color: #FFF;
    display: block;
    float: left;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.innovatie-block span {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 80%;
    left: 10%;
}