/* Size of the logo and the main menu */
header > div#mainnavigation {
    height: 100px !important;
}
header > div#mainnavigation > h1 {
    height: 100px !important;
}
header > div#mainnavigation > nav a.first {
    transform: translateY(50%);
}

div#page-wrapper {
    padding-top: calc(3em + 100px);
}
div#page-wrapper.bc-padding {
    padding-top: calc(3em + 100px + 58px);
}

@media screen and (max-width: 736px) {
    header > div#mainnavigation {
	    position: relative;
	    height: 70px !important;
    }
    header > div#mainnavigation > h1 {
    	width: inherit;
    	height: 70px !important;
    }
    header > div#mainnavigation > h1 > a {
    	height: 100%;
    	display: block;
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    }
    header > div#mainnavigation > h1 > a > img {
    	position: absolute;
    	top: 0;
    	left: 0;
    	height: 100%;
    }
    div.breadcrumbpathcontainer {
    	display: none;
    }
    div#page-wrapper {
        padding-top: calc(3em + 70px) !important;
    }
}

/* Other styles */
div.news-content {
	height: 20em;
	mask-image: linear-gradient(black 80%, transparent 100%);
	-webkit-mask-image: linear-gradient(black 80%, transparent 100%);
	margin-bottom: 2em;
}

div.pageitem a,
div.newsitem a {
    text-decoration: none !important;
    color: #000000;
}
div.pageitem a:hover,
div.newsitem a:hover {
    text-decoration: underline !important;
}
div.pageitem a.button:hover,
div.newsitem a.button:hover {
    text-decoration: none !important;
}