/*
Theme Name: Brugrecht
Version: 1.0
Author: Bonfire Themes
Author URI: http://bonfirethemes.com/
Description: Brugrecht
Tags: light, responsive-layout, custom-background, custom-menu, editor-style, two-columns, right-sidebar, featured-images, full-width-template, sticky-post, translation-ready
Text Domain: bru
License: GNU GENERAL PUBLIC LICENSE, Version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*************************************************************
[TABLE OF CONTENTS]

- GENERAL STYLING
- BLOG POST
- PAGES
- AUTHOR PAGE
- SHOWING TAGS/CATEGORIES/SEACRH RESULTS/AUTHOR
- LISTS
- HEADINGS
- POSTS, PAGES
- POST PAGINATION
- AUTHOR
- PREV/HOME/NEXT POST BUTTONS
- NAVIGATION (BLOG INDEX, CAT, etc.)
- POST FORMATTING
- CLEAR & ALIGNMENT
*************************************************************/


/* GENERAL STYLING
**************************************************/
* {
    box-sizing:border-box;
}
html, body {
	width:100%;
    height:100%;
    margin:0;
	padding:0;
    font-family:'Jost';
    font-weight:400;
	
	background-color:#F5F5F5;
}
/* main content wrapper */
.bru-content-wrapper {
    position:relative;
    z-index:1;
    overflow-x:hidden;
}
/* text for screen readers */
.screen-reader-text {
	clip:rect(1px, 1px, 1px, 1px);
	position:absolute !important;
	height:1px;
	width:1px;
	overflow:hidden;
}
.screen-reader-text:focus {
	background-color:#f1f1f1;
	border-radius:3px;
	box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip:auto !important;
	color:#21759b;
	display:block;
	font-size:14px;
	font-size:0.875rem;
	font-weight:bold;
	height:auto;
	left:5px;
	line-height:normal;
	padding:15px 23px 14px;
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:100000; /* Above WP toolbar. */
}
a {
    text-decoration:none;
	/* remove the flickering effect of a tapped link when on a touch device */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
    
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
}
a:hover {
	text-decoration:underline;
}
a span {
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	margin:0;
    padding:0;
}
h1 { font-size:55px; line-height:125%; margin-bottom:25px; overflow-wrap:anywhere; }
h2 { font-size:30px; line-height:145%; margin-bottom:20px; }
h3 { font-size:18px; line-height:145%; margin-bottom:15px; }
h4 { font-size:17px; line-height:19px; }
h5 { font-size:16px; line-height:18px; }
h6 { font-size:15px; line-height:17px; }
h1 span { color:#E14C0F; }

.entry-content p a,
.entry-content ul a,
.entry-content ol a,
.single-post .wpsp-question a {
    color:#002111;
}
.entry-content img {
    width:100%;
}
/* image caption */
.entry-content .wp-element-caption {
    font-size:20px;
    line-height:32px;
    color:#7C7C7B;
    padding:25px 0 50px 0;
}
/* strange editor highlight background color fix */
.entry-content h1 mark,
.entry-content h2 mark,
.entry-content h3 mark {
    background-color:transparent !important;
}

/* article / .entry-content main styles */
article h1,
article h2,
article h3,
article h4,
article h5 {
    font-family:Merriweather;
    font-weight:400;
    color:#3B3C3C !important;
}
/* content */
article h1,
.entry-content h1 {
    font-size:38px;
    line-height:120%;
}
.entry-content h2 {
    font-size:26px;
    line-height:38px;
}
.entry-content h3 {
    font-size:22px;
    line-height:35px;
    color:#7C7C7B;
    margin-bottom:-20px;
}
.entry-content p {
    font-size:20px;
    line-height:35px;
    color:#7C7C7B;
    margin-bottom:35px;
}
.entry-content p strong {
    font-weight:500;
    line-height:32px;
}
.entry-content p a {
    color:#7C7C7B;
    text-decoration:underline;
}
.entry-content p a:hover {
    color:#EA5925;
    text-decoration:none;
}

article ul,
article ol {
    padding:0 0 0 10px;
    font-size:20px;
    line-height:30px;
    color:#7C7C7B;
}

/* hide/adjust sidebar element on /expats */
.page-expats .bru-sidebar-nav {
    display:none;
}
.page-expats .team-banner-wrapper {
    margin-top:40px;
}


/* BLOG POST
**************************************************/
/* edit link */
a.post-edit-link {
    position:fixed;
    z-index:999;
    left:25px;
    bottom:25px;
    padding:3px 20px;
    font-size:14px;
    font-weight:700;
    border-radius:50px;
    color:#002111;
    background-color:#fff;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.05));
}
a.post-edit-link:hover {
    text-decoration:underline;
}

/* AUTHOR PAGE
**************************************************/
.author-desc-wrapper {
	margin:-7px auto 57px auto;
    max-width:727px;
    text-align:center;
}
/* author name */
.author-name {
	margin:0 20px;
	padding:0 0 9px 0;
}


/* SHOWING TAGS/CATEGORIES/SEACRH RESULTS/AUTHOR
**************************************************/
.showing {
    text-align:center;
}
.showing-inner {
    margin:0 20px;
}
.showing span {
    color:#888;
}
.showing span a {
    color:#888;
    text-decoration:underline;
}
.showing span a:hover {
    text-decoration:none;
}
.showing p a {
    color:#002111;
}
.tag-description {
	padding:0 0 17px 0;
}
.tag-description p {
	padding:0;
}


/* LISTS
**************************************************/
ul, ol {
	margin-bottom:20px;
}
.entry-content ul li {
	margin:0 12px 0 18px;
	text-align:left;
}

.entry-content ol li {
	margin: 0 12px 0 21px;
	text-align:left;
}



/* POSTS, PAGES
**************************************************/
.post {
	margin:0;
	padding:0;
}
/* mini divider */
.mini-divider {
	border-bottom:2px solid #252525;
	width:45px;
	margin:20px 0 28px 0;
}
.page-end-spacer {
	height:5px;
	display:block;
}


/* POST PAGINATION
**************************************************/
.link-pages p {
	font-size:13px;
	margin:0 20px 30px 0;
}
.link-pages a {
	text-decoration:underline;
	border-bottom:none;
}
.link-pages a:hover {
	text-decoration:none;
	background-color:transparent;
}


/* AUTHOR
**************************************************/
/* post author */
.post-author {
}
.post-author a {
	border-bottom:none;
	text-decoration:none;
}
.post-author a:hover {
	border-bottom:none;
	background:transparent;
	text-decoration:none;
}


/* TAGS
**************************************************/
.post-cat-tag {
    font-weight:400;
    margin-left:5px;
}
.post-cat-tag span {
    display:block;
}
.post-cat-tag a {
    font-size:15px;
	line-height:23px;
	margin:0;
	padding:0;
	border-bottom:none;
	
	text-decoration:underline;
	
	-webkit-transition:all .15s ease;
	-moz-transition:all .15s ease;
	transition:all .15s ease;
}
.post-cat-tag a:hover {
	text-decoration:none;
}


/* PREV/HOME/NEXT POST BUTTONS
**************************************************/
/* wrapper */
.prev-home-next-wrapper {
	clear:both;
	margin:-10px auto 0 auto;
	padding:0 0 5px 0;
	max-width:747px;
	text-align:center;
}
/* links */
.prev-home-next-wrapper a {
	margin:0;
	padding:0;
	font-size:14px;
	text-decoration:underline;
}
.prev-home-next-wrapper a:hover {
	text-decoration:none;
}
/* prev post */
.prev-home-next-wrapper .prev-post {
	padding-right:3px;
}
/* home */
.prev-home-next-wrapper .home-link {
	padding:0 7px 0 7px;
}
/* next post */
.prev-home-next-wrapper .next-post {
	padding-left:3px;
}


/* NAVIGATION (BLOG INDEX, CAT, etc.)
**************************************************/
.post-nav {
    display:block;
    width:max-content;
    margin:25px auto 0 auto;
}
.post-nav .prev,
.post-nav .next {
    width:47px;
    height:47px;
    margin:4px;
    border-radius:50px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
    outline:2px solid transparent;
    background-color:#fff !important;

    transition:all .15s ease;

    filter:drop-shadow(0px 4px 4px rgba(0,0,0,.1));
}
.post-nav .prev {
    float:left;
    background-image:url(icons/icon-arrow-left.svg);
}
.post-nav .next {
    background-image:url(icons/icon-arrow-right.svg);
}
.post-nav .prev:hover,
.post-nav .next:hover {
    outline:2px solid #fff;
}
.post-nav .prev:active,
.post-nav .next:active {
    -webkit-transform:scale(0.9);
    transform:scale(0.9);

    filter:drop-shadow(0px 1px 2px rgba(0,0,0,0.1));
}
.post-nav .prev.inactive,
.post-nav .next.inactive {
    pointer-events:none;
    opacity:.5;
}


/* POST FORMATTING
**************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	padding:0;margin:0;
}
img.alignleft {
	padding-right:20px;
	padding-bottom:10px;
}
img.alignright {
	padding-left:20px;
	padding-bottom:10px;
}
img.aligncenter {
	margin:0 auto;
}
.alignleft {
	float:left;
	margin-right:30px;
}
.alignright {
	float:right;
	margin-left:30px;
}
.aligncenter {
	margin:0 auto;
	display:block;
}
.wp-caption {
	max-width:100%;
	margin:0;
	padding:0;
}
.wp-caption.alignleft {
	text-align:left;
}
.wp-caption.alignright {
	text-align:right;
}
.wp-caption.aligncenter {
	text-align:center;
}
.wp-caption img {
	margin:0;
	padding:0;
}
.wp-caption-text {
	position:relative;
	font-size:12px;
	line-height:18px;
	margin:10px 0 30px -1px;
	min-width:100%;
}
/* caption lines */
.wp-caption.alignnone .wp-caption-text::before,
.wp-caption.alignleft .wp-caption-text::before,
.wp-caption.alignright .wp-caption-text::before,
.wp-caption.aligncenter .wp-caption-text::before {
	content:'';
	display:block;
	width:88px;
	height:2px;
	position:absolute;
	top:-8px;
}
.wp-caption.alignnone .wp-caption-text::before,
.wp-caption.alignleft .wp-caption-text::before { left:-30px; }
.wp-caption.alignright .wp-caption-text::before { right:-31px; }
.wp-caption.aligncenter .wp-caption-text::before { margin:0 auto; left:0; right:0; }


/* CLEAR & ALIGNMENT
**************************************************/
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.textleft { text-align:left; }
.textright { text-align:right; }
.textcenter { text-align:center; }

/* clearfix */
.clearfix:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after
{ visibility: hidden; display: block; font-size: 0; clear: both; height: 0; }
.clearfix, #body, #footer, footer, .pagenav, #main-nav, .menu
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery
{ display: block; }


/* HERO BLOCK
**************************************************/
.bru-block-hero {
    position:relative;
    z-index:90;
    min-height:865px;

    background-image:url(images/bru-hero-01.jpg);
    background-size:cover;
    background-position:right center;
    background-repeat:no-repeat;
}
.bru-block-hero.light {
    background-image:url(images/bru-hero-02.jpg);
}
.bru-block-hero-inner {
    position:relative;
    max-width:1250px;
    min-height:inherit;
    margin:0 auto;
    padding:0 25px 0 35px;

    display:flex;
    align-items:center;
}
/* hero text */
.bru-hero-text {
    position:relative;
    z-index:10;
    max-width:600px;
    margin:0 0 50px 0;
}
.bru-hero-text .block-title {
    font-family:'Merriweather';
    font-size:65px;
    line-height:75px;
    font-weight:400;
    color:#fff;
}
.bru-hero-text .block-title span {
    color:#FF5201;
    font-style:italic;
}
.bru-hero-text > span {
    font-family:'Jost';
    font-size:24px;
    color:#fff;
    display:block;
    margin:20px 0 50px 0;
}
/* hero buttons wrapper */
.hero-buttons-wrapper {
    display:inline-flex;
    align-items:center;
}
/* circled phone number (light) */
.circled-phone-number-light {
    position:relative;
    text-align:left;
    margin-left:50px;
}
.circled-phone-number-light span {
    font-family:Merriweather Sans;
    font-size:18px;
    color:#fff;
    text-align:left;
    width:max-content;
    margin:0;
}
.circled-phone-number-light a {
    font-family:Merriweather;
    font-size:36px;
    color:#fff;
    display:block;
    margin-top:4px;
    text-decoration:none;
}
.circled-phone-number-light::before {
    content:'';
    position:absolute;
    z-index:-1;
    bottom:-5px;
    right:-45px;
    width:343px;
    height:60px;

    background-image:url('icons/phone-circle.svg');
    background-repeat:no-repeat;
    background-size:100% auto;
}
/* hero-secondary link */
.hero-secondary-link {
    font-family:'Merriweather Sans';
    font-size:18px;
    font-weight:400;
    font-style:italic;
    color:#fff;
    margin:40px 0 0 65px;
}
.hero-secondary-link a {
    font-weight:700;
    font-style:normal;
    color:#fff;
}
/* dark texts (loaded 50% of the time)*/
.bru-block-hero.light .bru-hero-text .block-title,
.bru-block-hero.light .bru-hero-text > span,
.bru-block-hero.light .circled-phone-number-light span,
.bru-block-hero.light .circled-phone-number-light a,
.bru-block-hero.light .hero-secondary-link,
.bru-block-hero.light .hero-secondary-link a {
    color:#3B3C3C;
}


/* OVER ONS BLOCK
**************************************************/
.bru-block-overons {
    position:relative;
    z-index:10;
    background-color:#F5F5F5;
    padding:65px 0;
    display:flex;
    justify-content:center;
    align-items:center;
}
/* text on backgrond */
.bru-block-overons-inner::before {
    content:'Over\A ons';
    white-space:pre; /* respect line break via \A */

    position:absolute;
    z-index:-1;
    top:40%;
    left:0;

    transform:translateY(-50%) translateX(-50px);

    font-family:Merriweather;
    line-height:140px;
    font-weight:400;
    font-size:235px;
    color:#fff;
    text-align:right;
    opacity:.5;
}
.bru-block-overons-inner {
    position:relative;
    width:1300px;
    margin:0 25px 0 35px;
}
.bru-block-overons-inner h2 {
    font-size:28px;
    font-weight:300;
    color:#3B3C3C;
}
.bru-block-overons-inner .block-title {
    font-family:Merriweather;
    font-size:52px;
    font-weight:400;
    font-style:italic;
    color:#3B3C3C;
    margin-bottom:60px;
}
.bru-block-overons-inner .block-title a {
    color:#EA5925;
    text-decoration:underline;
}
.bru-block-overons-inner .block-title a:hover {
    text-decoration:none;
}
/* overons content */
.bru-overons-right {
    display:block;
    max-width:870px;
    margin:0 0 0 auto;
}
.bru-overons-right img {
    width:100%;
    height:auto;
}
.bru-overons-right p {
    font-size:22px;
    line-height:40px;
    color:#7C7C7B;
    padding:30px 10px 10px 165px;
}
.bru-overons-right a {
    margin-left:160px;
}
.bru-block-overons-inner .float {
    position:absolute;
    z-index:999;
    left:0;
    bottom:0;
    width:530px;
    height:auto;
    min-height:500px;
    padding:70px 20px 30px 40px;
    background-color:#fff;

    font-size:22px;

    display:flex;
    justify-content:left;
    align-items:left;
    flex-direction:column;
}
.bru-block-overons-inner .float h2 {
    font-family:Merriweather;
    font-size:55px;
    line-height:60px;
    font-weight:400;
    color:#3F3F3E;
}
.bru-block-overons-inner .float h2 span {
    font-style:italic;
    color:#FF5201;
}
.bru-block-overons-inner .float p {
    font-weight:500;
    color:#7C7C7B;
    margin-top:0;
}
.bru-block-overons-inner .float .jobs-links {
    margin-top:15px;
}
.bru-block-overons-inner .float .jobs-links a {
    position:relative;
    display:block;
    border-top:1px solid #E0E0E0;
    padding:10px 2px;

    color:#aaa;
}
.bru-block-overons-inner .float .jobs-links a span {
    position:relative;
    display:inline-block; /* Fits text width */
}
.bru-block-overons-inner .float .jobs-links a span::before {
    content:'';
    position:absolute;
    top:8px;
    left:100%;
    width:24px;
    height:20px;

    background-image:url(icons/arrow-right-gray.svg);
    background-position:center center;
    background-repeat:no-repeat;

    transition:all .25s ease;
}
.bru-block-overons-inner .float .jobs-links a span:hover::before {
    background-image:url(icons/arrow-right-orange.svg);
    background-position:right center;
}
.bru-block-overons-inner .float .jobs-links a:last-child {
    border-bottom:1px solid #E0E0E0;
}
.bru-block-overons-inner .float .jobs-links a:hover {
    color:#EA5925;
    text-decoration:none;
    padding-left:15px;
}
/* CTA link */
.bru-block-overons-inner .float .cta-button-arrow {
    width:max-content;
    margin-top:20px;
}
.bru-block-overons-inner .float .cta-button-arrow::before {
    bottom:10px;
}


/* ADVICE BLOCK
**************************************************/
.bru-block-advice {
    position:relative;
    z-index:10;
    background-color:#3B3C3C;
    padding:65px 0;
    display:flex;
    justify-content:center;
    align-items:center;
}
.bru-block-advice-inner {
    position:relative;
    width:100%;
    text-align:center;
}
.bru-block-advice-inner h2 {
    font-size:28px;
    font-weight:300;
    color:#F2F2F2;
}
.bru-block-advice-inner .block-title {
    font-family:Merriweather;
    font-weight:400;
    font-size:52px;
    line-height:76px;
    color:#fff;
    max-width:600px;
    margin:0 auto;
}
.bru-block-advice-inner .bru-advice-content-wrapper {
    min-height:720px;
    margin:75px 0 60px 0;
    display:flex;
    justify-content:space-between;
}
.bru-advice-content {
    position:relative;
    flex:1;
    overflow:hidden;

    background-color:#555;

    transition:all .25s ease;
}
.bru-advice-content::before {
    content:'';
    position:absolute;
    top:30%;
    left:0;
    width:100%;
    height:70%;
    background:linear-gradient(to top, #000, transparent);
    pointer-events:none;

    transition:.5s cubic-bezier(.5, 1, 0.2, 1);
}
.bru-advice-content:hover::before {
    transition-delay:0s;
}
.bru-advice-content span {
    position:absolute;
    left:0px;
    bottom:0px;
    width:max-content;

    font-family:Merriweather;
    font-size:58px;
    font-weight:400;
    color:#fff;

    transform:rotate(-90deg) translateX(-40px) translateY(10px);
    transform-origin:left top;
}
.bru-advice-content p {
    position:absolute;
    left:100px;
    bottom:20px;

    font-family:Merriweather Sans;
    font-size:20px;
    font-weight:400;
    font-style:italic;
    color:#fff;
    text-align:left;
    max-width:225px;
}
/* background images */
.bru-advice-content-wrapper .bru-advice-content:nth-of-type(1),
.bru-advice-content-wrapper .bru-advice-content:nth-of-type(2),
.bru-advice-content-wrapper .bru-advice-content:nth-of-type(3),
.bru-advice-content-wrapper .bru-advice-content:nth-of-type(4) {
    background-position:center left;
    background-size:auto 100%;

    transition:3s cubic-bezier(.5, 1, 0.2, 1), padding .25s ease;
}
.bru-advice-content-wrapper .bru-advice-content:nth-of-type(1) {
    background-image:url('images/advice-vastgoedrecht.jpg');
}
.bru-advice-content-wrapper .bru-advice-content:nth-of-type(2) {
    background-image:url('images/advice-bouwrecht.jpg');
}
.bru-advice-content-wrapper .bru-advice-content:nth-of-type(3) {
    background-image:url('images/advice-huurrecht.jpg');
}
.bru-advice-content-wrapper .bru-advice-content:nth-of-type(4) {
    background-image:url('images/advice-vve-recht.jpg');
}
/* animate background image and gradient */
.bru-advice-content:hover {
    padding-right:35px;
    background-position:center left -75px !important;
    transition:background-position 10s cubic-bezier(.5, 1, 0.2, 1), padding .5s ease !important;
}
.bru-advice-content-wrapper:hover .bru-advice-content:not(:hover)::before {
    top:-100%;
    height:200%;
    background:linear-gradient(to top, #000, transparent);

    transition:1s ease;
}


/* EXPERTISE BLOCK
**************************************************/
.bru-block-expertise {
    position:relative;
    z-index:10;
    height:100%;
    min-height:350px;
    padding:0 25px 0 25px;
    background-color:#fff;

    display:flex;
    justify-content:left;
    align-items:center;
}
.bru-block-expertise-inner {
    position:relative;
    width:1300px;
    min-height:inherit;
    margin:0 auto;
    padding:75px 0;
    display:flex;
    align-items:center;
}
.bru-expertise-content .bru-block-title {
    font-family:Merriweather;
    font-size:42px;
    line-height:100%;
    color:#3B3C3C;
}
.bru-expertise-content > p {
    max-width:900px;
    font-size:22px;
    line-height:38px;
    color:#7C7C7B;
}
/* expertise content */
.expertise-items-wrapper {
    display:flex;
    flex-wrap:wrap;
    gap:30px;

    margin-top:50px;
    width:100%;
}
.expertise-items-wrapper .expertise-item {
    position:relative;
    height:260px;

    flex:1 1 calc(25% - 25px);
    max-width:calc(25% - 25px);

    transition:all .25s ease;
}
.expertise-items-wrapper .expertise-item > a.expertise-item-link {
    display:block;
    width:100%;
    height:100%;
    padding:20px 40px 20px 20px;
    color:#fff;

    background-color:#EA5925;
}
.expertise-items-wrapper .expertise-item:hover > a.expertise-item-link {
    display:block;
    text-decoration:none;
    width:calc(100% + 10px);
    height:calc(100% + 10px);
    padding-right:50px;
    padding-bottom:30px;

    background-color:#3B3C3C;
}
.expertise-items-wrapper .expertise-item h3 {
    font-family:Merriweather;
    font-size:24px;
    font-weight:400;
}
.expertise-items-wrapper .expertise-item p {
    opacity:0;
    color:#fff;
    margin-top:-5px;
    font-size:15px;
    line-height:21px;

    transform:translateY(5px);
    transition:all .35s ease;
}
.expertise-items-wrapper .expertise-item:hover p {
    opacity:1;
    transform:translateY(0);
}

/* expertise section CTA button */
.expertise-items-wrapper .expertise-link {
    position:absolute;
    right:20px;
    bottom:20px;
    z-index:1;
    text-decoration:none;
    font-weight:300;
    font-size:22px;
    color:#fff;
    padding:5px 50px 5px 25px;
    outline:1px solid #fff;

    border-radius:50px;

    transition:all .25s ease;
}
.expertise-items-wrapper .expertise-item:hover .expertise-link {
    right:10px;
    bottom:10px;
    text-decoration:none;
}
.expertise-items-wrapper .expertise-link::after {
    content:'';
    position:absolute;
    top:14px;
    right:20px;

    width:15px;
    height:15px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/icon-outline-button-light.svg');
    background-size:15px 15px;
    background-repeat:no-repeat;

    transition:all .25s ease;
}
.expertise-items-wrapper .expertise-item:hover .expertise-link::after {
    transform:rotate(45deg);
}



/* APPROACH BLOCK
**************************************************/
.bru-block-approach {
    position:relative;
    z-index:10;
    min-height:800px;

    display:flex;
    justify-content:center;

    font-size:16px;
    line-height:160%;
    color:#49764B;

    background-color:#E7E5DE;
}
.bru-block-approach-inner {
    width:1250px;
    margin:0 25px;
}
.bru-approach-content {
    max-width:775px;
    font-size:19px;
    line-height:160%;
    padding:75px 0 100px 0;
    margin:0 auto;
    text-align:center;
    color:#002111;
}
.bru-approach-content > span {
    display:block;
    margin-top:20px;
}
.bru-approach-steps {
    position:relative;
    width:100%;
    display:flex;
    justify-content:space-around;
}
/* steps line */
.approach-steps-line {
    position:absolute;
    left:0;
    right:0;
    width:100%;
    margin:0 auto;
    height:1px;
    background-color:#49764B;
}
/* hide steps line overlaps */
.approach-step-01 .approach-step::after {
    content:'';
    position:absolute;
    z-index:-1;
    top:20px;
    right:50%;
    background-color:#E7E5DE;
    width:500px;
    height:20px;

    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
.approach-step-08 .approach-step::after {
    content:'';
    position:absolute;
    z-index:-1;
    top:20px;
    left:50%;
    background-color:#E7E5DE;
    width:500px;
    height:20px;

    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
/* individual steps */
.approach-number {
    position:absolute;
    width:80px;
    text-align:center;
    top:20px;
    left:-100px;
    font-family:"termina", sans-serif;
    font-weight:700;
    font-size:100px;
    color:#D3D1C8;
}
.bru-approach-steps .approach-step {
    position:relative;
    z-index:20;
    top:-20px;
    width:auto;
    text-align:center;
    cursor:pointer;
    padding:40px 5px 10px 5px;
    font-size:16px;
}
.bru-approach-steps .approach-step::before {
    content:'';
    position:absolute;
    top:20px;
    left:0;
    right:0;
    width:15px;
    height:15px;
    display:block;
    border-radius:50px;
    margin:-7px auto 10px auto;

    box-sizing:border-box;

    background-color:#E7E5DE;
    border:2px solid #49764B;

    transition:all .15s ease;
}
.approach-step:hover::before,
.approach-step-wrapper.active .approach-step::before {
    background-color:#49764B;
}
.approach-step-wrapper {
    user-select:none;
}
.approach-step-wrapper.active .approach-step {
    pointer-events:none;
}
/* hide approach step content by default */
.approach-step-content {
    position:absolute;
    top:100px;
    left:75px;
    max-width:810px;
    margin-left:100px;
    margin-right:250px;
    margin-top:15px;
    opacity:0;
    
    -webkit-transition:all 0 ease;
    transition:all 0 ease;
}
/* display first approach step by default */
.approach-step-wrapper.active .approach-step-content {
    margin-top:0;
    opacity:1;

    -webkit-transition:all .5s ease, opacity .25s ease;
    transition:all .5s ease, opacity .25s ease;
}
.approach-step-content .bru-step-title {
    font-size:18px;
    line-height:145%;
    margin-bottom:15px;
}
/* approach nav arrows */
.bru-approach-arrows {
    position:absolute;
    top:100px;
    right:75px;
    width:150px;
    height:30px;
    text-align:right;
    user-select:none;
}
.bru-approach-arrow-left,
.bru-approach-arrow-right {
    width:47px;
    height:47px;
    margin:4px;
    border-radius:50px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
    outline:2px solid transparent;
    background-color:#fff;

    transition:all .15s ease;

    filter:drop-shadow(0px 4px 4px rgba(0,0,0,.1));
}
.bru-approach-arrow-left {
    background-image:url(icons/icon-arrow-left.svg);
}
.bru-approach-arrow-right {
    background-image:url(icons/icon-arrow-right.svg);
}
.bru-approach-arrow-left:hover,
.bru-approach-arrow-right:hover {
    outline:2px solid #fff;
}
.bru-approach-arrow-left:active,
.bru-approach-arrow-right:active {
    -webkit-transform:scale(0.9);
    transform:scale(0.9);

    filter:drop-shadow(0px 1px 2px rgba(0,0,0,0.1));
}
/* disable arrow Left/right buttons when on first or last item */
.bru-approach-arrow-left.disabled,
.bru-approach-arrow-right.disabled {
    opacity:.5;
    pointer-events:none;
}
/* customize */
.approach-buttons-wrapper {
    display:inline-flex;
    align-items:center;
    margin-top:40px;
}
.approach-buttons-wrapper .button-phone-call {
    margin-left:25px;
    color:#E14C0F;
    background-image:url(icons/icon-phone-orange.svg);
}


/* PUBLICATIONS BLOCK
**************************************************/
.bru-block-publications {
    position:relative;
    z-index:10;
    padding:0 35px;
    background-color:#fff;
}
.bru-block-publications-inner {
    max-width:1300px;
    margin:0 auto;

    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}
.bru-block-publications-inner h3 {
    font-family:Merriweather;
    font-size:32px;
    font-weight:400;
    color:#3B3C3C;
}
.bru-block-publications-inner .cta-outline-orange {
    margin-right:10px;
}
/* publications block blog posts */
.bru-publications-blog-inner {
    display:flex;
    justify-content:space-between;
    width:calc(100% - 10px);

    border-top:1px solid #3B3C3C;
    margin:30px 0 25px 0;
    padding:50px 0;
}
.bru-blog-post {
    position:relative;
    width:425px;
    height:max-content;
    margin-right:10px;
    padding:0 50px 0 50px;
    border-radius:0;
    overflow-wrap:break-word;
    list-style-type:none;

    border-right:1px solid #CFCFCF;

    flex:1;

    -webkit-transition:all .25s ease;
    transition:all .25s ease;
}
.bru-blog-post a,
.bru-blog-post a h3,
.bru-blog-post a p {
    font-family:Jost;
    font-size:16px;
    font-weight:500;
    color:#3B3C3C;

    -webkit-transition:all .25s ease;
    transition:all .25s ease;
}
.bru-blog-post a,
.bru-blog-post a:hover {
    display:block;
    text-decoration:none;
}
.bru-blog-post a h3 {
    font-size:24px !important;
    font-weight:300;
    line-height:32px;
    margin-top:15px;
}
.bru-blog-post a:hover h3 {
    color:#EA5925;
    text-decoration:none;
}
.bru-blog-post a p {
    font-weight:400;
    line-height:20px;
    color:#727272;
}
/* publictions block adjustments */
.bru-publications-blog-inner .bru-blog-post:first-of-type { padding-left:0; }
.bru-publications-blog-inner .bru-blog-post:last-of-type { border:none; }


/* FAQ BLOCK
**************************************************/
.bru-block-faq {
    position:relative;
    z-index:10;
    background-color:#fff;
    padding:85px 25px 125px 25px;

    display:flex;
    align-items:center;
    justify-content:center;
}
.bru-block-faq-inner {
    width:1300px;
    margin:0 auto;
}
/* toggle boxes closed by default */
.faq-answer { display:none; }

/* FAQ wrapper */
.faq-items-wrapper {
    max-width:800px;
    margin:0 auto;
}
/* FAQ content */
.bru-faq-content {
    display:flex;
    justify-content:left;
    align-items:center;
    margin-bottom:25px;
}
.bru-faq-content h2 {
    font-family:Merriweather;
    font-size:30px;
    font-weight:400;
    color:#3B3C3C;
}
.bru-faq-content a {
    display:inline-flex;
    justify-content:right;

    font-size:18px;
    font-weight:400;
    color:#EA5925;
    text-decoration:underline;
    margin:0 20px 15px auto;

    -webkit-transition:.2s ease;
    transition:.2s ease;
}
.bru-faq-content a:hover {
    text-decoration:none;
}
/* Q&A */
.faq-items-wrapper .faq-item:nth-child(2) {
    border-top:1px solid #BBBAB2;
}
.faq-item {
    position:relative;
    font-size:22px;
    color:#002111;
    padding:0 0 0 0;
    border-bottom:1px solid #BBBAB2;
}
.faq-question {
    cursor:pointer;
    padding:20px 50px 20px 10px;

    -webkit-transition:.2s ease;
    transition:.2s ease;
}
.faq-question:hover {
    color:#E14C0F;
}
.faq-answer {
    font-size:18px;
    line-height:150%;
    padding:0 75px 25px 10px;
}
.faq-answer a {
    display:block;
    width:fit-content;
    color:#002111;
    margin-top:15px;
}
/* faq toggle item */
.faq-toggle {
    position:absolute;
    top:17.5px;
    right:10px;
    width:25px;
    height:25px;
    pointer-events:none;
}
.faq-toggle::before {
    content:'+';
    position:absolute;
    top:2px;
}
.faq-question:hover .faq-toggle::before {
    color:#E14C0F;
}
.faq-item.active .faq-toggle::before {
    content:'-';
    margin-left:3px;
    margin-top:-1px;
}
.faq-item.active .faq-question {
    color:#E14C0F;
}
    

/* CALLOUT BLOCK
**************************************************/
.bru-block-callout {
    position:relative;
    z-index:10;
    background-color:#F5F5F5;

    display:flex;
    justify-content:center;
    align-items:center;
}
.bru-block-callout-inner {
    width:1300px;
    margin:65px 35px 75px 35px;
    text-align:center;
}
/* 360 image */
.approach-360 {
    transform:rotate(-360deg);
    transition:transform 1.25s cubic-bezier(.5, 1, 0.2, 1.05);
}
.approach-360.active {
    transform:rotate(0);
}
/* callout content */
.bru-callout-content span {
    display:block;
    margin:30px 0 50px 0;
    
    font-family:Merriweather;
    font-size:42px;
    line-height:66px;
    font-weight:400;
    color:#3B3C3C;
}



/* VERHALEN BLOCK
**************************************************/
.bru-block-verhalen {
    position:relative;
    z-index:10;
    min-height:750px;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#E7E5DE;
    background-image:url(images/block-verhalen-bg-left.svg), url(images/block-verhalen-bg-right.svg);
    background-size:70px auto, 850px auto;
    background-position:left bottom, right top;
    background-repeat:no-repeat;
}
.bru-block-verhalen-inner {
    width:1250px;
    margin:0 25px 0 150px;
    padding:60px 0 135px 0;
}
.bru-block-verhalen-inner > span {
    max-width:400px;
    display:block;
    margin:20px 0 50px 0;
    font-size:22px;
    line-height:160%;
}
/* /verhalen client boxes */
.verhalen-client {
    position:relative;
    width:460px;
    height:480px;
    background-color:#002111;
    margin:0 20px 20px 0;
    padding-left:30px;
    float:left;
    overflow:hidden;
}
.verhalen-client::before {
    content:'';
    position:absolute;
    z-index:20;
    left:0;
    bottom:0;
    width:100%;
    height:30%;

    background:rgb(0,0,0);
    background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 85%, rgba(0,0,0,0.65) 100%);
}
.verhalen-client > a {
    position:absolute;
    z-index:30;
    left:0;
    top:0;
    width:100%;
    height:100%;

    font-family:"termina", sans-serif;
    font-weight:700;
    color:#fff;
    font-size:24px;
}
.verhalen-client div {
    position:absolute;
    left:165px;
    bottom:28px;
}
.verhalen-client span {
    display:block;
    font-size:18px;
}
.verhalen-client a > img {
    position:absolute;
    left:40px;
    bottom:30px;
}
.verhalen-client img.client-photo {
    position:absolute;
    z-index:10;
    bottom:0;
}
/* hover */
.verhalen-client > a div,
.verhalen-client > a img {
    -webkit-transition:all .35s ease;
    transition:all .35s ease;
}
.verhalen-client > a:hover div,
.verhalen-client > a:hover img {
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px);
}
/* client box customizations */
.client-errol,
.client-peter {
    background-image:url(images/client-bg-neon.svg);
    background-size:100% 100%;
}
.client-benny,
.client-raoul {
    background-image:url(images/client-bg-green.svg);
    background-size:100% 100%;
}
.client-kristel {
    background-color:#49764B;
    background-image:url(images/client-bg-midnight.svg);
    background-size:100% 100%;
}
/* client photo position fine-tune */
.client-errol > img {
    width:90%;
    left:35px;
}
.client-benny > img {
    width:88%;
    left:30px;
}
.client-kristel > img {
    width:88%;
    left:20px;
}
.client-peter > img {
    width:100%;
    left:5px;
}
.client-raoul > img {
    width:93%;
    left:20px;
}


/* client final CTA */
.verhalen-client-cta {
    position:relative;
    height:480px;
    font-size:22px;
    line-height:160%;
    padding-left:70px;
    float:left;

    display:flex;
    max-width:700px;
    flex-direction:column;
    justify-content:center;
}
.verhalen-client-cta > span {
    padding-right:70px;
}

/* customize */
.verhalen-buttons-wrapper {
    display:flex;
    align-items:center;
    margin-top:30px;
}
.verhalen-buttons-wrapper .button-phone-call {
    margin-left:25px;
    color:#002111;
    background-image:url(icons/icon-phone-dark.svg);
}



/* /REVIEWS PAGE
**************************************************/
.bru-reviews-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#EAEAEA;
}
.bru-reviews-main-inner {
    position:relative;
    width:1300px;
    margin:0 50px;
    padding:275px 0 75px 0;
}
.bru-reviews-main-inner h1 {
    font-family:Merriweather;
    font-size:38px;
    font-weight:400;
    color:#3B3C3C;
}



/* /VACATURES PAGE
**************************************************/
.bru-block-vacatures-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#FAFAFA;
}
.bru-block-vacatures-main-inner {
    position:relative;
    width:625px;
    margin:0 50px;
    padding:75px 0;
}
.bru-block-vacatures-main-inner h1 {
    font-family:Merriweather;
    font-size:30px;
    line-height:130%;
    font-weight:400;
    color:#002111;
    margin-bottom:20px;
}
.bru-block-vacatures-main-inner p {
    font-size:16px;
    line-height:160%;
    font-weight:300;
    color:#002111;
    padding-bottom:10px;
}
.bru-block-vacatures-main-inner .entry-content-wrapper a {
    color:#002111;
    text-decoration:underline;
}
.bru-block-vacatures-main-inner .entry-content-wrapper a:hover {
    color:#FF5201;
    text-decoration:none;
}

/* /vacatures section hero images */
.bru-vacatures-woman,
.bru-vacatures-man {
    height:735px;

    display:flex;
    justify-content:center;
    align-items:center;

    background-size:cover;
    background-position:center;
}
.bru-vacatures-woman {
    background-image:url('images/vacatures-woman.jpg');
}
.bru-vacatures-man {
    background-image:url('images/vacatures-man.jpg');
}
.bru-vacatures-hero-inner {
    width:1150px;
    margin:0 50px;
}
.bru-vacatures-hero-inner h2 {
    font-family:Merriweather;
    font-weight:400;
    font-size:75px;
    line-height:85px;
    color:#3F3F3E;
    margin:50px -10px 0 0;
}
.bru-vacatures-hero-inner h2 span {
    font-style:italic;
    color:#FF5201;
}
.bru-vacatures-hero-inner p {
    font-size:30px;
    font-weight:500;
    color:#7C7C7B;
}

/* job listing container (on /vacatures) */
.bru-block-vacatures-main-inner .job_listing {
    list-style:none;
    border-top:1px solid #C1C1C1;
    padding:35px 0 40px 0;
}
.bru-block-vacatures-main-inner .job_listing:first-of-type {
    margin-top:30px;
}
.bru-block-vacatures-main-inner .job_listing:last-of-type {
    border-bottom:1px solid #C1C1C1;
    margin-bottom:75px;
}
.bru-block-vacatures-main-inner .job-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    align-items:flex-start;
}
.bru-block-vacatures-main-inner .job-title h3 {
    font-size:22px;
    font-weight:400;
    color:#3B3C3C;
    padding-right:20px;
}
.bru-block-vacatures-main-inner .job-type {
    margin:5px 5px 0 0;
    padding:0;
}
.bru-block-vacatures-main-inner .job-type ul {
    padding:0;
    margin:0;
    list-style-type:none;
}
.bru-block-vacatures-main-inner .job-type .job-type-item {
    font-size:16px;
    font-weight:300;
    color:#3B3C3C;
    width:max-content;
}
.bru-block-vacatures-main-inner .job-description {
    font-size:16px;
    line-height:20px;
    color:#727272;
    margin-top:20px;
}
.bru-block-vacatures-main-inner .job_listing a:hover h3 {
    color:#EA5925;
}
.bru-block-vacatures-main-inner .job_listing a:hover {
    text-decoration:none;
}

/* hide job meta (on single listing page) */
.job-listing-meta {
    display:none;
}



/* FOOTER BLOCK
**************************************************/
.bru-block-footer {
    position:relative;
    z-index:10;
    padding:80px 0 20px 0;
    margin:20px;
    background-color:#3B3C3C;

    display:flex;
    justify-content:center;
    align-items:center;
}
.bru-block-footer-inner {
    width:1300px;
    margin:0 75px;
}
.bru-block-footer-inner,
.bru-block-footer-inner a {
    color:#E7E5DE;
}
/* footer columns */
.bru-block-footer-column-wrapper {
    display:flex;
}
.bru-block-footer-column {
    flex-basis:100%;
}
/* footer links (2nd, 3rd columns) */
.bru-block-footer-column-links {
    flex-basis:65%;
}
.bru-block-footer-column-links h4,
.bru-block-footer-column-links h4 a {
    font-family:Merriweather;
    font-size:20px;
    line-height:20px;
    font-weight:400;
    color:#EBEBEB;
    margin-bottom:40px;
}
.bru-block-footer-column-links a {
    display:flex;
    color:#EBEBEB;
    font-size:18px;
    line-height:37px;
}
.bru-block-footer-column-links ul,
.bru-block-footer-column-links li {
    list-style-type:none;
    padding:0;
    margin:0;
}
.bru-block-footer-column-links li {
    width:max-content;
}
.bru-block-footer-column-links ul ul li a {
    font-size:15px;
    line-height:37px;
    color:#ABABAB;
}
/* footer logo */
.bru-footer-logo {
    margin-bottom:20px !important;
}
/* footer elements */
.bru-footer-info {
    width:max-content;
    line-height:160%;
    margin-bottom:25px !important;
}
.bru-footer-info span,
.bru-footer-info a {
    display:block;
    font-weight:500;
}
/* footer contacts */
.bru-footer-phone img {
    margin:0 11px -2px 2px;
    width:11px;
}
.bru-footer-mail img {
    margin-right:10px;
    width:14px;
}
/* footer social */
.bru-footer-info.bru-footer-social a {
    margin-right:10px;
    display:inline-block;
}
.bru-footer-info.bru-footer-social a:first-of-type img {
    transform:scale(1.06);
}
.bru-footer-info.bru-footer-social img {
    width:20px;
}
/* nova image */
.bru-footer-info .nova-image {
    max-width:200px;
}
/* footer slogan + review */
.bru-footer-slogan-review {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    margin:150px 0 40px 0;
}
.bru-footer-slogan {
    font-family:Merriweather;
    font-weight:400;
    font-size:44px;
    line-height:55px;
    color:#fff;
    max-width:400px;
}
.bru-footer-slogan span {
    color:#FF5201;
    font-style:italic;
    margin:0;
}
.bru-footer-greview {
    white-space:nowrap;
}
.bru-footer-cta {
    padding:40px 0;
    border-top:1px solid #E7E5DE;
    border-bottom:1px solid #E7E5DE;

    display:flex;
    align-items:center;
}
.bru-footer-cta .circled-phone-number-light,
.bru-footer-cta .hero-secondary-link {
    transform:translateY(-5px);
}
.bru-footer-cta .hero-secondary-link {
    width:max-content;
}
.bru-footer-cta span {
    margin:0 0 0 auto;
}
.bru-footer-cta img {
  width:50px;
  margin-left:10px;
}
/* footer final strip */
.bru-footer-fin {
    padding:20px 0;
    font-size:13px;

    display:flex;
    justify-content:left;
    align-items:center;
}
.bru-footer-fin span:nth-child(2) {
    margin:0 0 0 auto;
}


/* FOOTER MENU
**************************************************/
/* footer menus */
.bru-block-footer-column h4 {
    font-size:17px;
    color:#fff;
    margin-top:10px;
}
.bru-block-footer-column ul,
.bru-block-footer-column ul li {
    position:relative;
    list-style-type:none;
    margin:0;
    padding:0;
}

/* latest posts in footer */
.bru-block-footer-column:first-of-type > div:first-of-type {
    margin-bottom:50px;
}
.footer-latest-posts {
    max-width:325px;
}
.footer-latest-posts h4 {
    font-family:Merriweather;
    font-size:20px;
    font-weight:400;
    color:#EBEBEB;
    margin-top:65px;
}
.footer-latest-posts ul li {
    margin-top:20px;
}
.footer-latest-posts ul li a {
    font-family:Jost;
    font-size:16px;
    line-height:24px;
    font-weight:400;
    color:#EBEBEB;
    font-style:italic;
}


/* FOOTER DROPDOWN MENU (mobile)
**************************************************/
.footer-dropdown-mobile {
    list-style:none;
    padding:0;
    margin:0;
}
.footer-dropdown-mobile .menu li {
    width:max-content;
}
.footer-dropdown-mobile ul {
    font-size:18px;
    color:#EBEBEB;
    padding:15px 0 10px 0 !important;
}
.footer-dropdown-mobile > li > a {
    position:relative;
    width:max-content;
    display:block;
    color:#333;
    text-decoration:none;
    cursor:pointer;
    transition:background-color 0s ease;

    font-family:Merriweather;
    font-size:18px;
    color:#EBEBEB;
    padding:8px 35px 8px 5px;
}
.footer-dropdown-mobile > li > a::after {
    content:'';
    position:absolute;
    top:13px;
    right:10px;

    width:18px;
    height:15px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/arrow-down.svg');
    background-size:15px 15px;
    background-repeat:no-repeat;
}
.footer-dropdown-mobile > li.active > a::after {
    transform:rotate(180deg);
}
.footer-dropdown-mobile ul ul {
    display:block !important;
    list-style:none;
    padding:0 !important;
    margin:0;
}
.footer-dropdown-mobile > li > ul > li > a {
    margin-bottom:5px;
}  
.footer-dropdown-mobile ul ul li {
  padding:5px 0;
}
.footer-dropdown-mobile ul ul li a {
  color:#ABABAB;
}
.footer-dropdown-mobile > li > ul {
    list-style:none;
    padding:0;
    margin:0 0 25px 0;
    display:none;
}
.footer-dropdown-mobile > li > ul > li {
    padding:10px 5px 10px 5px;
}
.footer-dropdown-mobile > li > ul > li > a {
    text-decoration:none;
    display:block;
}
.footer-dropdown-mobile ul ul {
    display:block !important;
    list-style:none;
    padding:0 0 0 15px;
    margin:0;
}


/* REVIEWS BLOCK
**************************************************/
.bru-block-reviews {
    position:relative;
    z-index:auto;
    padding:65px 25px 75px 25px;
    display:flex;

    background-color:#EAEAEA;
}
.bru-block-reviews-inner {
    width:100%;
    max-width:1250px;
    margin:0 auto;
    font-size:16px;

    display:flex;
    flex-direction:column;
    justify-content:center;
}
.bru-block-reviews-inner h2 {
    font-family:Merriweather;
    font-size:30px;
    font-weight:400;
    margin-bottom:10px;
}
.bru-reviews-content {
    max-height:315px;
    margin-top:20px;
}



/* OVER ONS PAGE
**************************************************/
.bru-block-overons-main {
    position:relative;
    z-index:10;
    min-height:860px;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-image:url(images/over-brugrecht.jpg);
    background-size:cover;
    background-position:top center;
    background-repeat:no-repeat;
}
.bru-block-overons-main-inner {
    width:1300px;
    margin:0 25px;
    padding:60px 0 100px 0;

    font-size:22px;
    line-height:160%;
}

/* /over-brugrecht float element */
.bru-block-overons-main-inner .float {
    position:absolute;
    z-index:999;
    right:0;
    bottom:-25px;
    width:400px;
    height:auto;
    min-height:375px;
    padding:50px 20px 30px 40px;
    background-color:#fff;

    font-size:17px;

    display:flex;
    justify-content:left;
    align-items:left;
    flex-direction:column;
}
.bru-block-overons-main-inner .float h2 {
    font-family:Merriweather;
    font-size:40px;
    line-height:45px;
    font-weight:400;
    color:#3F3F3E;
}
.bru-block-overons-main-inner .float h2 span {
    font-style:italic;
    color:#FF5201;
}
.bru-block-overons-main-inner .float p {
    font-weight:500;
    color:#7C7C7B;
    margin-top:0;
  margin-bottom:35px;
}
.bru-block-overons-main-inner .float .jobs-links {
    margin-top:auto;
}
.bru-block-overons-main-inner .float .jobs-links a {
    position:relative;
    display:block;
    border-top:1px solid #E0E0E0;
    padding:7px 2px;

    color:#aaa;
}
.bru-block-overons-main-inner .float .jobs-links a span {
    position:relative;
    display:inline-block; /* Fits text width */
}
.bru-block-overons-main-inner .float .jobs-links a span::before {
    content:'';
    position:absolute;
    top:8px;
    left:100%;
    width:24px;
    height:20px;

    background-image:url(icons/arrow-right-gray.svg);
    background-position:center center;
    background-repeat:no-repeat;

    transition:all .25s ease;
}
.bru-block-overons-main-inner .float .jobs-links a span:hover::before {
    background-image:url(icons/arrow-right-orange.svg);
    background-position:right center;
}
.bru-block-overons-main-inner .float .jobs-links a:last-child {
    border-bottom:1px solid #E0E0E0;
}
.bru-block-overons-main-inner .float .jobs-links a:hover {
    color:#EA5925;
    text-decoration:none;
    padding-left:15px;
}
/* CTA link */
.bru-block-overons-main-inner .float .cta-button-arrow {
    width:max-content;
    margin-top:20px;
}
.bru-block-overons-main-inner .float .cta-button-arrow::before {
    bottom:10px;
}

/* overons content block */
.bru-block-overons-content {
    position:relative;
    z-index:auto;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#F5F5F5;
}
.bru-block-overons-content-inner {
    display:flex;
    width:1250px;
    margin:0 25px;
    padding:80px 0 100px 0;

    font-size:22px;
    line-height:160%;
}

/* /over-brugrecht left (menu) */
.bru-overons-content-left {
    width:400px;
    flex-shrink:0;
    margin-right:50px;
}
.page-over-brugrecht .bru-overons-content-left a h1 {
    color:#EA5925;
}
.bru-overons-content-left a {
    display:block;
    margin-bottom:40px;
    padding-left:15px;

    font-family:Jost;
    font-size:22px;
    color:#7C7C7B;
    text-decoration:none;
}
.bru-overons-content-left a h1 {
    font-family:Merriweather;
    font-weight:400;
    font-size:48px;
    margin-left:-15px;
}
.bru-overons-content-left a span {
    display:block;

    font-family:Merriweather;
    font-weight:400;
    font-size:32px;
    color:#3B3C3C;
}
/* underline effect on hover (ORANGE) */
.bru-overons-content-left a {
    display:block;
}
.bru-overons-content-left a:hover {
    text-decoration:none;
}
.bru-overons-content-left a span {
    position:relative;
    z-index:1;
    display:inline-block;
    text-decoration:none;
}
.bru-overons-content-left a:hover span {
    color:#EA5925;
}
.bru-overons-content-left a span::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:0;
    width:calc(100% + 2px);
    height:2px;
    border-radius:10px;
    background-color:#EA5925;
    bottom:1px;
    transform:scale(0,1);
    transition:transform 0.25s;
    transform-origin:left top;
}
.bru-overons-content-left a:hover span::after {
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
}

/* /over-brugrecht right (content) */
.bru-overons-content-right {
    flex-grow:1;
  
    font-size:22px;
    line-height:47px;
    color:#7C7C7B;
}
/* people images */
.overons-people {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:30px;

    margin-bottom:0;
    margin-bottom:30px;
}
.overons-people .person {
    position:relative;
    width:100% !important;
    height:auto;
    margin-right:30px;
    background-color:#EA5925;
}
.overons-people .person img {
    width:100%;
    height:auto;
    display:block;

    transition:opacity .25s ease;
}
.person:hover img {
    opacity:.15;
}
.overons-people .person:nth-child(3n) {
    margin-right:0;
}
.person span {
    position:absolute;
    bottom:0;
    left:0;
    font-size:22px;
    line-height:30px;
    color:#fff;
    padding:20px;
    text-align:left;
    opacity:0;

    transform:translateY(10px);

    transition:opacity .25s ease, transform .5s ease;
}
.person:hover span {
    opacity:1;
    transform:translateY(0);
}

/* /over-brugrecht customizations */
.page-template-page-overons .bru-block-publications {
    padding-top:100px;
}



/* FAQ PAGE
**************************************************/
.bru-faq-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#fff;
}
.bru-faq-main-inner {
    position:relative;
    width:1300px;
    margin:0 50px;
    padding:275px 0 75px 0;

    font-size:20px;
    line-height:32px;
    color:#7C7C7B;
}
.bru-faq-main-inner h1 {
    font-family:Merriweather;
    font-size:38px;
    font-weight:400;
    color:#3B3C3C;
}
.bru-faq-main-inner h2 {
    font-size:18px;
    line-height:32px;
    margin-bottom:-16px;
}
.bru-faq-main-inner .wp-block-column p {
    font-size:18px;
    line-height:32px;
    margin-bottom:35px;
}



/* EXPERTISE PAGE
**************************************************/
.bru-expertise-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#F5F5F5;
}
.bru-expertise-main-inner {
    position:relative;
    width:1300px;
    margin:0 50px;
    padding:275px 0 75px 0;
}
.bru-expertise-main-inner h1 {
    font-family:Merriweather;
    font-size:38px;
    font-weight:400;
    color:#3B3C3C;
}
.bru-expertise-main-inner p {
    font-size:20px;
    line-height:32px;
    color:#7C7C7B;
}

/* /rechtsgebieden custom */
.page-template-page-expertise .bru-publications-blog-inner {
    border-bottom:1px solid #3B3C3C;
}



/* VOOR WIE PAGE
**************************************************/
.bru-block-voor-wie-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#F5F5F5;
}
.bru-block-voor-wie-main-inner {
    position:relative;
    width:1300px;
    margin:0 50px;
    padding:275px 0 75px 0;
}
.bru-block-voor-wie-main-inner h1 {
    font-family:Merriweather;
    font-size:38px;
    font-weight:400;
    color:#3B3C3C;
}
.bru-block-voor-wie-main-inner p {
    font-size:20px;
    line-height:32px;
    color:#7C7C7B;
}

/* expertise page content */
.expertise-page-items-wrapper {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(275px, 1fr));
    gap:30px;

    margin-top:50px;
    width:100%;
}
.expertise-page-items-wrapper .expertise-item {
    position:relative;
    width:auto;
    height:auto;
    min-height:350px;

    transition:all .25s ease;
}
.expertise-page-items-wrapper .expertise-item > a.expertise-item-link {
    display:block;
    width:100%;
    height:100%;
    padding:35px 40px 60px 25px;
    color:#3B3C3C;

    background-color:#fff;
}
.expertise-page-items-wrapper .expertise-item:hover > a.expertise-item-link {
    display:block;
    text-decoration:none;
    width:calc(100% + 10px);
    height:calc(100% + 10px);
    padding-right:50px;
    color:#F5F5F5;

    background-color:#EA5925;
}
.expertise-page-items-wrapper .expertise-item h3 {
    font-family:Merriweather;
    font-size:30px;
    font-weight:400;
}
.expertise-page-items-wrapper .expertise-item p {
    margin-top:18px;
    font-size:18px;
    line-height:30px;
    color:#3B3C3C;

    transition:all .35s ease;
}
.expertise-page-items-wrapper .expertise-item:hover p {
    color:#F5F5F5;
}

/* expertise page CTA button */
.expertise-page-items-wrapper .expertise-link {
    position:absolute;
    right:20px;
    bottom:20px;
    z-index:1;
    text-decoration:none;
    font-weight:300;
    font-size:20px;
    color:#3B3C3C;
    padding:5px 50px 5px 25px;
    outline:1px solid #3B3C3C;

    border-radius:50px;
    display:inline-block;

    transition:all .25s ease;
}
.expertise-page-items-wrapper .expertise-item:hover .expertise-link {
    right:10px;
    bottom:10px;
    text-decoration:none;

    color:#F5F5F5;
    outline:1px solid #F5F5F5;
}
.expertise-page-items-wrapper .expertise-link::after {
    content:'';
    position:absolute;
    top:13px;
    right:19px;

    width:13px;
    height:13px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/icon-outline-button-dark.svg');
    background-size:13px 13px;
    background-repeat:no-repeat;

    transition:all .25s ease;
}
.expertise-page-items-wrapper .expertise-item:hover .expertise-link::after {
    transform:rotate(45deg);
    background-image:url('icons/icon-outline-button-light.svg');
}

/* /voor-wie custom */
.page-template-page-voor-wie .bru-publications-blog-inner {
    border-bottom:1px solid #3B3C3C;
}


/* CONTENT PAGE (SIDEBAR)
**************************************************/
.bru-content-main {
    position:relative;
    z-index:10;
    
    display:flex;
    align-items:flex-start;
    justify-content:center;
    align-items:center;

    background-color:#F5F5F5;
}
.bru-content-main-inner {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    width:1300px;
    margin:0 50px;
    padding:225px 0 75px 0;
}

/* content/sidebar wrapper */
.bru-content-sidebar-wrapper {
    display:flex;
    width:100%;
}

/* article width */
.bru-content-main-inner article {
    max-width:720px;
    flex-grow:1;
    margin-right:75px;
}

/* sidebar */
.bru-content-sidebar {
    width:400px;
    margin:0 35px 0 auto;
    flex-shrink:0;
}

/* circled phone number (in sidebar) */
.circled-phone-number-sidebar {
    position:relative;
    text-align:left;
    margin-left:50px;
}
.circled-phone-number-sidebar span {
    position:relative;
    z-index:2;
    font-family:Merriweather Sans;
    font-size:18px;
    color:#3B3C3C;
    text-align:left;
    width:max-content;
    margin:0;
}
.circled-phone-number-sidebar a {
    font-family:Merriweather;
    font-size:36px;
    color:#3B3C3C;
    display:block;
    margin-top:6px;
    text-decoration:none;
}
.circled-phone-number-sidebar::before {
    content:'';
    position:absolute;
    z-index:1;
    bottom:-5px;
    left:-65px;
    width:343px;
    height:60px;

    background-image:url('icons/phone-circle.svg');
    background-repeat:no-repeat;
    background-size:100% auto;
}
/* secondary link */
.phone-number-sidebar-secondary-link {
    font-family:'Merriweather Sans';
    font-size:18px;
    font-weight:400;
    color:#3B3C3C;
    margin:15px 0 0 0;
}
.phone-number-sidebar-secondary-link span {
    font-style:italic;
}
.phone-number-sidebar-secondary-link a {
    font-weight:700;
    font-style:normal;
    color:#3B3C3C;
}

/* sidebar navigation */
.bru-sidebar-nav {
    margin:35px 0;
    padding:35px 15px 5px 25px;
    background-color:#fff;
}
/* parent */
.bru-sidebar-nav > span,
.bru-sidebar-nav > span a {
    font-family:Merriweather;
    font-size:23px;
    line-height:100%;
    font-weight:400;
    color:#3F3F3E;
    margin-left:3px;
}
.bru-sidebar-nav > span a:hover {
    color:#EA5925;
    text-decoration:none;
}
/* children */
.bru-sidebar-nav ul {
    margin:30px 0 20px 0;
    padding:0;
}
.bru-sidebar-nav ul li {
    list-style-type:none;
    padding:0 5px 0 5px;
}
.bru-sidebar-nav ul li {
    border-top:1px solid #E0E0E0;
}
.bru-sidebar-nav ul li:last-of-type {
    border-bottom:1px solid #E0E0E0;
}
.bru-sidebar-nav ul li a {
    display:block;
    align-items:center;
    font-size:16px;
    font-weight:400;
    color:#636363;
    padding:10px 20px 10px 0;
    text-decoration:none;
}
.bru-sidebar-nav ul li a:hover {
    text-decoration:none;
}
.bru-sidebar-nav ul li a::after {
    content:'';
    display:inline-block;
    width:24px;
    height:20px;

    background-image:url(icons/arrow-right-dark.svg);
    background-position:10px 11px;
    background-repeat:no-repeat;
    flex-shrink:0;

    transition:all 0.2s ease;
}
.bru-sidebar-nav ul li a:hover::after {
    transform:translateX(6px);
}
/* back to parent link */
.bru-sidebar-nav p {
    text-align:right;
    padding-right:30px;
}
.bru-sidebar-nav p a {
    position:relative;
    font-size:16px;
    line-height:100%;
    color:#EA5925;
    font-weight:600;
}
.bru-sidebar-nav p a:hover {
    text-decoration:none;
}
.bru-sidebar-nav p a::before {
    content:'';
    position:absolute;
    top:2px;
    left:100%;
    width:24px;
    height:20px;
    padding-left:3px;

    background-image:url(icons/arrow-right-orange.svg);
    background-position:center center;
    background-repeat:no-repeat;

    transition:all .2s ease;
}
.bru-sidebar-nav p a:hover::before {
    padding-left:10px;
}

/* 'Ons team' sidebar block */
.bru-sidebar-nav .overons-people {
    gap:15px !important;;
    margin-top:20px;
    margin-bottom:30px;
    margin-right:8px;
    padding-top:15px;
    border-top:1px solid #E0E0E0;
}
.bru-sidebar-nav .overons-people .person {
    overflow:hidden;
    width:107px;
    margin:0;
}
.bru-sidebar-nav .overons-people span {
    font-size:15px;
    line-height:16px;
    padding:10px;
}

/* hide sidebar banner images by default (shown by jQuery) */
.bru-sidebar-banner img {
    display:none;
}

/* sidebar blog posts */
.bru-sidebar-latest-posts {
    margin-top:75px;
}
.bru-sidebar-latest-posts h3 {
    font-family:Merriweather;
    font-size:23px;
    font-weight:400;
    color:#3F3F3E;
}
ul.bru-publications-sidebar {
    margin:0;
    padding:0;
    border-top:1px solid #3B3C3C;
}
.bru-blog-post-sidebar {
    position:relative;
    width:100%;
    height:max-content;
    margin-right:10px;
    padding:25px 10px 10px 15px;
    border-radius:0;
    overflow-wrap:break-word;
    list-style-type:none;

    border-bottom:1px solid #C4C4C4;
  
    -webkit-transition:all .25s ease;
    transition:all .25s ease;
}
.bru-blog-post-sidebar a,
.bru-blog-post-sidebar a h3 {
    font-family:Jost;
    font-size:16px;
    font-weight:500;
    color:#3B3C3C;

    -webkit-transition:all .25s ease;
    transition:all .25s ease;
}
.bru-blog-post-sidebar a,
.bru-blog-post-sidebar a:hover {
    display:block;
    text-decoration:none;
}
.bru-blog-post-sidebar a h3 {
    font-size:24px !important;
    line-height:32px;
    font-weight:300;
    margin-top:15px;
}
.bru-blog-post-sidebar a:hover h3 {
    color:#EA5925;
    text-decoration:none;
}



/* CONTENT PAGE (CENTERED)
**************************************************/
.bru-block-content-centered-main {
    position:relative;
    z-index:10;
    
    display:flex;
    align-items:flex-start;
    justify-content:center;
    align-items:center;

    background-color:#F5F5F5;
}
.bru-block-content-centered-main-inner {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    width:1300px;
    margin:0 50px;
    padding:225px 0 75px 0;
}

/* article width */
.bru-block-content-centered-main-inner {
    max-width:720px;
}



/* CONTENT PAGE (FULL WIDTH)
**************************************************/
.bru-block-content-full-main {
    position:relative;
    z-index:10;
    
    display:flex;
    align-items:flex-start;
    justify-content:center;
    align-items:center;

    background-color:#F5F5F5;
}
.bru-block-content-full-main-inner {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    max-width:1300px;
    margin:0 50px;
    padding:225px 0 75px 0;
}


/* USP PAGE
**************************************************/
.bru-block-usp-main {
    position:relative;
    z-index:10;
    
    display:flex;
    align-items:flex-start;
    justify-content:center;
    align-items:center;

    background-color:#F5F5F5;
}
.bru-block-usp-main-inner {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    width:1300px;
    margin:0 50px;
    padding:225px 0 75px 0;
}
.bru-block-usp-main-inner h1 {
    font-family:Merriweather;
    font-size:38px;
    font-weight:400;
    color:#3B3C3C;
}
.bru-block-usp-main-inner p {
    font-size:20px;
    line-height:32px;
    color:#7C7C7B;
}


/* LAWYER PAGE
**************************************************/
.bru-block-lawyer-main {
    position:relative;
    z-index:10;
    min-height:750px;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#E7E5DE;
}
.bru-block-lawyer-main-inner {
    position:relative;
    width:1150px;
    margin:0 100px;
    padding:60px 0 75px 0;

    font-size:22px;
    line-height:160%;
}




/* PUBLICATIES PAGE
**************************************************/
.bru-block-publicaties-main {
    position:relative;
    z-index:10;
    height:100%;
    padding:0 50px 0 50px;
    background-color:#FAFAFA;
}
.bru-block-publicaties-main-inner {
    position:relative;
    max-width:1300px;
    min-height:inherit;
    margin:0 auto;
    padding:75px 0 100px 0;
    align-items:center;
}
.bru-block-publicaties-main-inner h1 {
    font-family:Merriweather;
    font-weight:400;
    color:#3B3C3C;
    font-size:38px;
    line-height:145%;
    margin:200px 0 30px 0;
}
.bru-block-publicaties-main-inner h2 {
    float:left;
    font-family:Merriweather;
    font-weight:400;
    font-size:26px;
    line-height:100%;
    color:#3B3C3C;
    transform:translateY(14px);
}
.bru-publications-nieuws-inner .bru-blog-post h3 {
    font-size:24px;
    line-height:32px;
    color:#3B3C3C;
}
.bru-block-publicaties-main-inner p {
    max-width:1125px;
    font-size:20px;
    line-height:32px;
    color:#7C7C7B;
}

/* hide categories except first */
ul.post-categories li { display:none; }
ul.post-categories li:first-of-type { display:inline; }

.bru-block-publicaties-main-inner .cta-outline-orange {
    float:right;
    transform:scale(.7);
    transform-origin:center right;
}
.bru-block-publicaties-main-inner .cta-outline-orange:last-of-type {
    transform:scale(1);
}

.bru-publicaties-nieuws-wrapper {
    position:relative;
    display:flex;
    margin-bottom:75px;
    width:100%;
}

.bru-publicaties-nieuws-wrapper .bru-blog-post {
    font-size:13px;
    line-height:145%;
    width:280px;
    height:100%;

    margin-bottom:10px;
    padding:20px 20px 0 20px;

    display:flex;
    justify-content:left;
}
ul.bru-publications-nieuws-inner {
    position:relative;
    border-top:1px solid #CFCFCF;
    border-right:none !important;
    width:100%;
    margin:10px 0 0 0;
    padding:20px 0 0 0;

    display:flex;
    flex-wrap:wrap;
    gap:50px;
}
.bru-publicaties-nieuws-wrapper .bru-publications-nieuws-inner li {
    padding:20px 50px 10px 0;
    margin:0;
}
.bru-publicaties-nieuws-wrapper ul.bru-publications-nieuws-inner li:first-of-type {
    padding-left:0;
}
.bru-publicaties-nieuws-wrapper .bru-publications-nieuws-inner li:last-of-type {
    border:none;
    padding-right:0;
}
.bru-publications-nieuws-inner .bru-blog-post {
    padding:20px 20px 0 0;
}
.bru-publications-nieuws-inner .bru-blog-post p {
    font-size:16px;
    line-height:20px;
    color:#727272;
}
.bru-publicaties-nieuws-wrapper .bru-blog-post a {
    font-size:18px;
    line-height:145%;
    display:block;
}
.bru-blog-post img {
    position:absolute;
    bottom:10px;
    right:10px;
    width:50px;
    height:50px;
}
.bru-publicaties-nieuws-wrapper .button-dark {
    position:absolute;
    bottom:-15px;
    right:0;
}


/* three posts sections */
.bru-blog-three-wrapper {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:40px;
    margin-top:35px;
    margin-bottom:100px;
}
.bru-blog-three-wrapper > ul,
.bru-blog-three-wrapper > ul li {
  width:100%;
}
.bru-blog-three-wrapper ul {
    list-style-type:none;
}
.bru-blog-three-left {
    width:660px;
    min-width:200px;
    padding:10px 0px 0 0;
}
.bru-blog-three-left ul {
    height:100%;
    padding:0;
    margin:0;
}
.bru-blog-three-left > ul > li {
    padding-right:40px !important;
}
.bru-blog-three-right {
    position:relative;
    width:auto;
    padding:15px 0 10px 40px;
}
.bru-blog-three-right ul {
    padding:0;
    margin:0;
}
.bru-blog-three-wrapper .bru-blog-post,
.bru-blog-three-wrapper .bru-blog-post:hover {
    filter:none;
    -webkit-transform:scale(1);
    transform:scale(1);
}

/* three posts categories */
.bru-blog-three-wrapper span,
.bru-blog-three-wrapper span a {
    font-size:16px;
    color:#3B3C3C;
    font-weight:500;
}
.bru-blog-three-left .post-categories {
    display:inline-block;
    margin:15px 0 10px 5px;
}
.bru-blog-three-right .post-categories {
    display:inline-block;
    margin:5px 0 10px 5px;
}

/* three posts (left) */
.bru-blog-three-left {
    flex:0 0 auto;
    width:660px;
    max-width:100%;
}
.bru-blog-three-left .bru-blog-post {
    font-size:16px;
    line-height:160%;
    width:100%;
    height:100%;
    
    padding:0 50px 20px 0;
}
.bru-blog-three-left .bru-blog-post ul {
    height:max-content;
}
.bru-blog-three-wrapper .bru-blog-three-left img {
    max-width:100% !important;
    height:auto !important;
}
.bru-blog-three-left .bru-blog-post a h3 {
    font-size:30px !important;
    line-height:38px;
    font-weight:300;
    color:#3B3C3C;
    padding:0 40px 0 0;
    margin:0;
}
.bru-blog-three-left .bru-blog-post a:hover h3 {
    color:#E14C0F;
    text-decoration:none;
}
.bru-blog-three-left .bru-blog-post p {
    font-size:16px;
    padding-left:0;
    line-height:24px;
    color:#727272;
    padding-bottom:10px;
}
.bru-blog-three-left .bru-blog-post img {
    position:relative;
    top:0;
    left:0;
    width:620px;
    height:320px;
    border-left:7px solid #EA5925;
}

/* three posts (right) */
.bru-blog-three-wrapper .bru-blog-three-right {
    flex:1;
    max-width:400px;
    padding-left:0;
}
.bru-blog-three-right .bru-blog-post {
    width:100%;
    height:auto;
    padding:0;
    background-color:transparent;
    border-radius:0;
    border:none;
}
.bru-blog-three-right .bru-blog-post a h3 {
    font-size:21px;
    line-height:28px;
    margin:0 0 35px 0;
}
.bru-blog-three-right .bru-blog-post:last-of-type a h3 {
    margin-bottom:0;
}


/* /publicaties author */
.bru-publicaties-author {
    display:flex;
    align-items:center;

    font-size:16px;
    line-height:100%;
}
.bru-publicaties-author img.avatar {
    width:48px;
    height:48px;
    border-radius:50%;
    margin-left:5px;
    margin-right:20px;
}
.bru-publicaties-author a {
    color:#002111;
    font-weight:700;
}
.bru-publicaties-author a:hover {
    color:#E14C0F;
    text-decoration:none;
}
.bru-publicaties-author span {
    color:#4E4E4E;
}




/* /blog columns */
.bru-publicaties-columns-wrapper {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:0;
    width:100%;
}
.bru-publicaties-columns-wrapper ul.bru-publications-nieuws-inner {
    border-right:1px solid #CFCFCF;
    padding:0 10px 0 20px;
    margin-top:75px;

    display:flex;
    flex-direction:column;
    gap:0;

    list-style:none;
    break-inside:avoid;
}
.bru-publicaties-columns-wrapper li.bru-blog-post {
    font-size:13px;
    line-height:145%;
    margin:0px !important;
    padding:20px 20px 0px 20px;
    border:0;
    word-break:break-word;
    overflow-wrap:break-word;
    width:100%;
}
.bru-publicaties-columns-wrapper li.bru-blog-post:nth-of-type(2) {
    padding-top:40px !important;
}
.bru-publicaties-columns-wrapper .bru-blog-post h3 {
    font-size:18px !important;
    line-height:28px;
    white-space:normal;
}
.bru-publicaties-columns-wrapper .bru-blog-post:last-of-type,
.bru-publicaties-columns-wrapper .bru-blog-post:last-of-type h3 {
    margin-bottom: 0;
}
.bru-publicaties-columns-wrapper .bru-publications-nieuws-inner li:first-child {
    width: 100%;
}
.bru-publicaties-columns-wrapper ul.bru-publications-nieuws-inner li:first-of-type {
    padding-left:20px;
}
.bru-publicaties-columns-wrapper ul.bru-publications-nieuws-inner:first-of-type,
.bru-publicaties-columns-wrapper ul.bru-publications-nieuws-inner:first-of-type li {
    padding-left:0;
}
.bru-publicaties-columns-wrapper ul.bru-publications-nieuws-inner:last-of-type {
    border-right:none;
}

/* columns vertical divider */
.bru-publications-nieuws-inner::before {
    content:'';
    position:absolute;
    top:10px;
    right:0;
    width:1px;
    height:calc(100% - 15px);
    background-color:#CFCFCF;
    display:block;
}
/* hide last vertical divider */
.bru-publications-nieuws-inner:last-of-type::before {
    display:none;
}



/* /blog end lines */
.bru-blog-end {
    height:10px;
    margin:125px 0 40px 0;
    border-top:1px solid #CFCFCF;
    border-bottom:1px solid #CFCFCF;
}



/* 404
**************************************************/
.bru-block-404-main {
    position:relative;
    z-index:10;
    min-height:750px;
    padding:0 50px 0 50px;
    background-color:#FAFAFA;
}
.bru-block-404-main-inner {
    position:relative;
    max-width:1300px;
    min-height:inherit;
    margin:0 auto;
    padding:275px 0 75px 0;
    align-items:center;
}
.bru-block-404-main-inner h1 {
    font-family:Merriweather;
    font-weight:400;
    font-size:38px;
    color:#3B3C3C;
}
.bru-block-404-main-inner h2 {
    font-family:Merriweather;
    font-weight:400;
    font-size:25px;
    color:#3B3C3C;
    margin-top:50px;
}
.bru-block-404-main-inner p {
    max-width:600px;
    font-size:20px;
    line-height:32px;
    color:#7C7C7B;
}
.bru-block-404-main-inner .cta-outline-orange {
    margin-top:25px;
}



/* SEACH RESULTS
**************************************************/
.bru-block-search-results-main {
    position:relative;
    z-index:10;
    min-height:750px;
    padding:0 50px 0 50px;
    background-color:#FAFAFA;
}
.bru-block-search-results-main-inner {
    position:relative;
    max-width:1300px;
    min-height:inherit;
    margin:0 auto;
    padding:275px 0 75px 0;
    align-items:center;
}
.bru-block-search-results-main-inner h1 {
    font-family:Merriweather;
    font-weight:400;
    font-size:38px;
    color:#3B3C3C;
}
.bru-block-search-results-main-inner h2 {
    font-family:Merriweather;
    font-weight:400;
    font-size:25px;
    color:#3B3C3C;
    margin-top:50px;
}
.bru-block-search-results-main-inner > span {
    font-size:16px;
    line-height:160%;
}
.bru-block-search-results-main-inner span:last-of-type {
    font-size:22px;
    color:#E14C0F;
}
.bru-block-search-results-main .bru-blog-post {
    width:100%;
    border-radius:0;
    background-color:transparent;
    transform:scale(1);
    border:none;
    border-bottom:1px solid #CFCFCF;
    padding:0 0 40px 0;
    margin:0 0 50px 0;
}
.bru-block-search-results-main .bru-blog-post .date {
    font-size:16px;
    color:#3B3B3C;
}

.bru-block-search-results-main-inner input[type=text] {
    border:2px solid #939393 !important;
    padding:25px !important;
    resize:none !important;
    height:auto !important;
    font-family:'Jost';
    border-radius:3px;
    width:calc(100% - 220px);

    font-size:24px !important;
    line-height:130% !important;

    background-color:transparent !important;
}
.bru-block-search-results-main-inner input[type=text]::placeholder {
    color:#7B7B7B;
    opacity:1;
    font-size:24px !important;
}
.bru-block-search-results-main-inner input[type=submit] {
    border-radius:0 !important;
    padding:29px 0 30px 0 !important;
    width:200px !important;
    margin-left:10px;
    border:none !important;
    font-size:24px !important;
    font-weight:600 !important;
    color:#E7E5DE !important;
    background-color:#E14C0F !important;
    cursor:pointer !important;
}

/* customize */
.search-no-results .bru-we-help-you {
    border-color:#E14C0F;
}
/* hide pagination if no results */
.search-no-results .post-nav {
    display:none;
}



/* BUTTONS
**************************************************/
/* orange round corners */
a.button-orange-round {
    position:relative;
    z-index:1;
    text-decoration:none;
    padding:14px 30px;
    font-size:19px;
    line-height:100%;
    border-radius:50px;
    display:inline-block;
    color:#fff;
    background-color:#E14C0F;
}
a.button-orange-round:hover {
    text-decoration:none;
}
a.button-orange-round::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:30px;
    bottom:11px;
    width:calc(100% - 60px);
    height:2px;
    border-radius:10px;
    background-color:#fff;
    
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-orange-round:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}


/* white round corners (w/ icon) */
a.button-white-round {
    position:relative;
    z-index:100;
    display:inline-block;
    text-decoration:none;
    padding:4px 30px 4px 30px;
    margin:8px;
    font-size:15px;
    font-weight:700;
    border-radius:50px;
    color:#002111;
    background-color:#fff;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.1));

    transition:all 0.2s;
}
a.button-white-round:hover {
    text-decoration:none;
}
a.button-white-round::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:30px;
    bottom:12px;
    width:calc(100% - 60px);
    height:2px;
    border-radius:10px;
    background-color:#002111;

    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-white-round:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

/* white round corners (w/ icon) */
a.button-white-round-arrow {
    position:relative;
    z-index:100;
    text-decoration:none;
    padding:13px 40px 12px 20px;
    font-size:17px;
    border-radius:50px;
    display:block;
    color:#002111;
    background-color:#fff;

    background-image:url(icons/icon-arrow-angled.svg);
    background-size:24px auto;
    background-position:right 12px center;
    background-repeat:no-repeat;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.1));

    transition:all 0.2s;
}
a.button-white-round-arrow:hover {
    text-decoration:none;
    background-position:right 10px center;
}
a.button-white-round-arrow::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:20px;
    bottom:11px;
    width:calc(100% - 60px);
    height:2px;
    border-radius:10px;
    background-color:#002111;

    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-white-round-arrow:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

/* white round corners (w/ icon) */
a.button-white-round-arrow-right {
    position:relative;
    z-index:100;
    text-decoration:none;
    width:max-content;
    margin:50px -15px 0 auto;
    padding:7px 50px 7px 25px;
    font-size:17px;
    border-radius:50px;
    display:block;
    color:#002111;
    font-weight:700;
    background-color:#fff;

    background-image:url(icons/icon-arrow-right-orange.svg);
    background-size:34px auto;
    background-position:right 10px center;
    background-repeat:no-repeat;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.1));

    transition:all 0.2s;
}
a.button-white-round-arrow-right:hover {
    text-decoration:none;
    background-position:right 7px center;
}
a.button-white-round-arrow-right::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:25px;
    bottom:14px;
    width:calc(100% - 75px);
    height:2px;
    border-radius:10px;
    background-color:#002111;

    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-white-round-arrow-right:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

/* phone call button */
a.button-phone-call {
    display:inline-block;
    font-size:22px;
    line-height:110%;
    color:#fff;
    width:max-content;
    padding-left:45px;
    text-decoration:none;
    height:50px;
  
    display:inline-flex;
    flex-direction:column;
    justify-content:center;
    
    background-image:url(icons/icon-phone.svg);
    background-size:auto 37px;
    background-position:left;
    background-repeat:no-repeat;
}
.button-phone-call span {
    font-size:11px;
    font-weight:700;
    line-height:100%;
    display:block;
    margin-bottom:0;
}

/* dark text button (w/ arrow icon) */
a.button-dark {
    position:relative;
    z-index:100;
    text-decoration:none;
    padding:0 30px 0 0;
    color:#002111;
    font-size:17px;
    line-height:145%;
    font-weight:bold;
    display:block;
    width:max-content;

    background-image:url(icons/icon-link-arrow-dark.svg);
    background-size:16px auto;
    background-position:right 10px center;
    background-repeat:no-repeat;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.1));

    transition:all 0.2s;
}
a.button-dark:hover {
    text-decoration:none;
    background-position:right 5px center;
}
a.button-dark::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:0;
    bottom:0px;
    width:calc(100% - 30px);
    height:2px;
    border-radius:10px;
    background-color:#002111;

    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-dark:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

/* green text button (w/ arrow icon) */
a.button-green {
    position:relative;
    z-index:100;
    text-decoration:none;
    padding:0 30px 0 0;
    color:#49764B;
    font-size:17px;
    font-weight:bold;
    display:block;
    width:max-content;

    background-image:url(icons/icon-link-arrow-green.svg);
    background-size:16px auto;
    background-position:right 10px center;
    background-repeat:no-repeat;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.1));

    transition:all 0.2s;
}
a.button-green:hover {
    text-decoration:none;
    background-position:right 5px center;
}
a.button-green::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:0;
    bottom:0px;
    width:calc(100% - 30px);
    height:2px;
    border-radius:10px;
    background-color:#49764B;

    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-green:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

/* light text button (w/ arrow icon) */
a.button-light {
    position:relative;
    z-index:100;
    text-decoration:none;
    padding:0 30px 0 0;
    color:#E7E5DE;
    font-size:17px;
    font-weight:bold;
    display:block;
    width:max-content;

    background-image:url(icons/icon-link-arrow-light.svg);
    background-size:16px auto;
    background-position:right 10px center;
    background-repeat:no-repeat;

    filter:drop-shadow(0px 4px 15px rgba(0,0,0,.1));

    transition:all 0.2s;
}
a.button-light span {
    font-weight:normal;
}
a.button-light:hover {
    text-decoration:none;
    background-position:right 5px center;
}
a.button-light::after {
    content:'';
    position:absolute;
    z-index:-1;
    left:0;
    bottom:0px;
    width:calc(100% - 30px);
    height:2px;
    border-radius:10px;
    background-color:#E7E5DE;

    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    transition:transform 0.2s;
    transform-origin:left top;
}
a.button-light:hover::after {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}

/* callout button */
a.button-callout {
    display:block;
    font-size:13px;
    color:#E7E5DE;
    background-color:#002111;
    width:max-content;
    padding:15px 40px 15px 65px;
    margin:0 auto;
    text-decoration:none;
    border-radius:50px;
    text-align:left;

    background-image:url(icons/icon-callout.svg);
    background-size:auto 22px;
    background-position:left 30px center;
    background-repeat:no-repeat;
}
.button-callout span {
    display:block;
    font-size:19px;
    line-height:22px;
}



/* LARGE PLAY BUTTON (tablet, desktop)
**************************************************/
.play-button-large {
    position:absolute;
    z-index:10;
    bottom:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(50%);
    transform:translateX(-50%) translateY(50%);
    width:188px;
    height:188px;
    display:block;
    border-radius:50%;
    cursor:pointer;

    -webkit-box-shadow:0 0 0px 20px rgba(231,229,222,0.5) inset;
    box-shadow:0 0 0px 20px rgba(231,229,222,0.5) inset;

    -webkit-transition:all .4s ease 0s;
	transition:all .4s ease 0s;
}
.play-button-large:hover {
    -webkit-box-shadow:0 0 2px 0 rgba(231,229,222,0.75) inset;
    box-shadow:0 0 2px 0 rgba(231,229,222,0.75) inset;
}
.play-button-large::before {
    content:'';
    position:relative;
    z-index:9;
    top:12px; 
    left:12px;
    width:156px;
    height:156px;
    background-color:#002111;
    display:block;
    border-radius:50%;
    border:4px solid #E7E5DE;
}
.play-button-large::after {
    content:'';
    position:absolute;
    z-index:12;
    width:45px;
    height:54px;
    top:69px;
    left:76px;

    background-image:url(icons/icon-play.png);
    background-size:45px 54px;

    -webkit-transition:all .25s ease;
	transition:all .25s ease;
}
.play-button-large:hover::after {
    -webkit-transform:scale(1.15);
    transform:scale(1.15);
}
.play-button-large:active::before {
    -webkit-transform:scale(.95);
    transform:scale(.95);
}
/* large play button ripple effect */
.play-button-large .large-ripple::after {
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    width:188px;
    height:188px;
    border:1px solid #fff;
    border-radius:100%;
    box-sizing:border-box;

    animation-name:large-ripple;
    animation-duration:7s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
}
@keyframes large-ripple {
    0%, 39% { opacity:0; transform:scale(1); }
    40% { opacity:.5; transform:scale(1); }
    60%, 100% { opacity:0; transform:scale(2); }
}
/* hide ripple when pause button visible */
.play-button-pause .large-ripple::after {
    display:none;
}

/* pause button */
.play-button-pause {
    -webkit-transition:all .75s ease .35s;
    transition:all .75s ease .35s;

    left:-40px;
    bottom:-40px;

    -webkit-transform:translateX(0%) translateY(0%) scale(.35);
    transform:translateX(0%) translateY(0%) scale(.35);
}
.play-button-pause::after {
    content:'';
    position:absolute;
    z-index:12;
    width:66px;
    height:66px;
    top:61px;
    left:61px;

    background-image:url(icons/icon-pause.svg);
    background-size:66px 66px;

    -webkit-transition:all .2s ease;
    transition:all .2s ease;
}
.verhaal-client-video:hover .play-button-pause {
    opacity:1;
}



/* LARGE PLAY BUTTON (mobile)
**************************************************/
.play-button-large-mob {
    position:absolute;
    z-index:10;
    bottom:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(50%) scale(.55);
    transform:translateX(-50%) translateY(50%) scale(.55);
    width:188px;
    height:188px;
    display:block;
    border-radius:50%;
    cursor:pointer;

    -webkit-box-shadow:0 0 0px 20px rgba(231,229,222,0.5) inset;
    box-shadow:0 0 0px 20px rgba(231,229,222,0.5) inset;

    -webkit-transition:all .4s ease 0s;
	transition:all .4s ease 0s;
}
.play-button-large-mob:hover {
    -webkit-box-shadow:0 0 2px 0 rgba(231,229,222,0.75) inset;
    box-shadow:0 0 2px 0 rgba(231,229,222,0.75) inset;
}
.play-button-large-mob::before {
    content:'';
    position:relative;
    z-index:9;
    top:12px; 
    left:12px;
    width:156px;
    height:156px;
    background-color:#002111;
    display:block;
    border-radius:50%;
    border:4px solid #E7E5DE;
}
.play-button-large-mob::after {
    content:'';
    position:absolute;
    z-index:12;
    width:45px;
    height:54px;
    top:69px;
    left:76px;

    background-image:url(icons/icon-play.png);
    background-size:45px 54px;

    -webkit-transition:all .25s ease;
	transition:all .25s ease;
}
.play-button-large-mob:hover::after {
    -webkit-transform:scale(1.15);
    transform:scale(1.15);
}
.play-button-large-mob:active::before {
    -webkit-transform:scale(.95);
    transform:scale(.95);
}
/* large play button ripple effect */
.play-button-large-mob .large-ripple-mob::after {
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    width:188px;
    height:188px;
    border:1px solid #fff;
    border-radius:100%;
    box-sizing:border-box;

    animation-name:large-ripple-mob;
    animation-duration:7s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
}
@keyframes large-ripple-mob {
    0%, 39% { opacity:0; transform:scale(1); }
    40% { opacity:.5; transform:scale(1); }
    60%, 100% { opacity:0; transform:scale(2); }
}
/* hide ripple when pause button visible */
.play-button-pause .large-ripple-mob::after {
    display:none;
}

/* pause button */
.play-button-pause {
    -webkit-transition:all .75s ease .35s;
    transition:all .75s ease .35s;

    left:-40px;
    bottom:-40px;

    -webkit-transform:translateX(0%) translateY(0%) scale(.35);
    transform:translateX(0%) translateY(0%) scale(.35);
}
.play-button-pause::after {
    content:'';
    position:absolute;
    z-index:12;
    width:66px;
    height:66px;
    top:61px;
    left:61px;

    background-image:url(icons/icon-pause.svg);
    background-size:66px 66px;

    -webkit-transition:all .2s ease;
    transition:all .2s ease;
}



/* BREADCRUMBS (Yoast)
**************************************************/
/* breadcrumbs (light text) */
.bru-breadcrumbs {
    font-size:14px;
    margin-bottom:10px;
}
.bru-breadcrumbs a {
    color:#E7E5DE;
}
.bru-breadcrumbs img {
    width:14px;
    height:auto;
    margin-right:3px;
    
    -webkit-transform:translateY(1px);
    transform:translateY(1px);
}
.bru-breadcrumbs span {
    padding:0 2px;
}
.bru-breadcrumbs .breadcrumb_last {
    font-weight:700;
}
/* breadcrumbs (dark text) */
.bru-breadcrumbs-dark {
    font-size:14px;
    margin:0 0 25px 5px;
}
.bru-breadcrumbs-dark a {
    color:#002111;
}
.bru-breadcrumbs-dark img {
    width:12px;
    height:auto;
    margin:0 0 -1px 0;
}
.bru-breadcrumbs-dark span {
    padding:0 2px;
}
.bru-breadcrumbs-dark .breadcrumb_last {
    font-weight:700;
}
/* hide home text link */
.bru-breadcrumbs span span:nth-of-type(1),
.bru-breadcrumbs-dark span span:nth-of-type(1) {
    display:none !important;
}




/* PAGE TEMPLATE: STANDARD PAGE
**************************************************/
.bru-standard-page-content-wrapper {
    position:relative;
    z-index:10;
    min-height:750px;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#E7E5DE;
}
.bru-standard-page-content-inner {
    position:relative;
    left:20px;
    width:1185px;
    margin:0 25px;
    padding:60px 25px 100px 0;

    font-size:22px;
    line-height:160%;
}
.bru-standard-page-content-inner .entry-content {
    font-size:22px;
    line-height:160%;
}



/* PAGE TEMPLATE: CONTACT FORM
**************************************************/
.bru-contact-page-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#fff;
}
.bru-contact-page-main-inner {
    position:relative;
    width:1300px;
    margin:0 50px;
    padding:275px 0 150px 0;
    
    display:flex;
    flex-direction:column;
}
.bru-contact-page-main-inner h1 {
    font-family:Merriweather;
    font-size:38px;
    font-weight:400;
    color:#3B3C3C;
    margin-bottom:40px;
}

/* contact page content wrapper */
.bru-contact-content {
    display:flex;
    flex-wrap:wrap;
}
.bru-form-contact-details,
.bru-form-contact {
    flex:1;
    min-width:300px;
}
/* stack elements on smaller screens */
@media (max-width: 768px) {
    .bru-contact-content {
        flex-direction:column;
    }
}

/* contact page LEFT side */
.bru-form-contact-details {
    max-width:510px;
    margin-right:100px;
    color:#7C7C7B;
    font-size:22px;
    font-weight:400;
    line-height:180%;
}
.bru-form-contact-details > img {
    width:100%;
    height:auto;
}
.bru-form-contact-details a {
    color:#7C7C7B;
}
.bru-form-contact-details div:first-of-type {
    font-size:24px;
    font-weight:700;
    margin-top:20px;
}
.bru-form-contact-details div:last-of-type {
    font-weight:300;
    line-height:100%;
}
.bru-form-contact-details div {
    margin-bottom:30px;
}
.bru-form-contact-details div img {
    width:20px;
    margin-right:5px;

    -webkit-transform:translateY(1px);
    transform:translateY(1px);
}

/* contact page RIGHT side */
.bru-form-contact {
    max-width:590px;
    font-size:22px;
    font-weight:400;
    line-height:180%;
}
.bru-form-contact article {
    margin-top:0;
}



/* GRAVITY FORMS
**************************************************/
/* gravity form styling */
.gform_wrapper {
    max-width:600px;
}
.gform_heading,
.gform_description {
    display:none !important;
}
.ginput_container {
    margin-bottom:15px;
}
.gform_submission_error,
.gfield_validation_message {
    font-size:22px !important;
}
.gform_wrapper textarea,
.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel] {
    border:2px solid #939393 !important;
    padding:25px !important;
    resize:none !important;
    height:auto !important;
    
    font-size:24px !important;
    line-height:130% !important;
    font-family:'Jost';

    background-color:#fff !important;
}
.gform_wrapper textarea {
    height:360px !important;
}
.gform_wrapper textarea::placeholder,
.gform_wrapper input[type=text]::placeholder,
.gform_wrapper input[type=email]::placeholder,
.gform_wrapper input[type=tel]::placeholder {
    color:#7B7B7B;
    opacity:1;
}
.gform_wrapper textarea:focus::placeholder,
.gform_wrapper input[type=text]:focus::placeholder,
.gform_wrapper input[type=email]:focus::placeholder,
.gform_wrapper input[type=tel]:focus::placeholder {
    opacity:0 !important;
}
.gfield_checkbox label {
    font-size:16px !important;
    line-height:165% !important;
}
/* customized checkbox */
.gchoice {
    position:relative;
    z-index:1;
    width:100%;
    height:50px;
    margin:-15px 0 20px -10px !important;
}
input.gfield-choice-input {
    position:absolute;
    z-index:2;
    width:100%;
    height:100%;
    appearance:none;
    display:none !important;
    margin:0;
    padding:0;

    background:none !important;
    border:none !important;
    box-shadow:none !important;
}
input.gfield-choice-input:hover,
.gchoice label:hover {
    cursor:pointer;
}
.gchoice label {
    position:relative;
    z-index:3;
    top:0;
    left:0;
    color:#141c25;
    padding:0 0 0 30px;
    margin:0;
    max-width:100% !important;
}
input.gfield-choice-input + label:after {
    content:'';
    position:absolute;
    z-index:-1;
    top:2px;
    left:0;
    width:23px;
    height:23px;
    border:2px solid #002111;
    box-sizing:border-box;
    background-color:#fff;
}
input[type="checkbox"].gfield-choice-input + label:after { 
    border-radius:6px;
}
input.gfield-choice-input:checked + label:after {
    content:'';
}
input.gfield-choice-input:checked + label:before {
    position:absolute;
    content:'';
    width:5px;
    height:10px;
    left:9px;
    top:7px;
    display:inline-block;
    transform:rotate(45deg);
    border-bottom:2px solid #002111;
    border-right:2px solid #002111;
}
/* submit button */
.gform_wrapper input[type=submit] {
    border-radius:0 !important;
    padding:25px !important;
    width:100% !important;
    border:none !important;
    font-size:24px !important;
    font-weight:600 !important;
    color:#E7E5DE !important;
    background-color:#E14C0F !important;
    cursor:pointer !important;
}


/* job listing page */
.job_listing-template-default h3 {
    font-family:Merriweather;
    font-weight:400;
    font-size:22px;
    font-size:130%;
    color:#002111;
    margin-top:50px;
    margin-bottom:50px;
}
.job_listing-template-default .entry-content textarea {
    height:200px !important;
}
.job_listing-template-default .ginput_container {
    margin-top:-20px;
}
.job_listing-template-default .gfield_checkbox {
    padding-top:60px;
    margin:55px 0 20px -0px;
    border-top:1px solid #11C8C5;
}
.job_listing-template-default .gform_fileupload_rules {
    display:none !important;
}
.job_listing-template-default .gfield--type-fileupload {
    position:relative;
    display:flex;
    align-items:flex-start;
    margin-top:10px;
}
.job_listing-template-default .gfield--type-fileupload .gfield_label {
    flex:0 0 160px;
    margin-top:-10px;
    font-size:24px;
    line-height:100%;
    font-weight:400;
    color:#696969;
}
.job_listing-template-default input[type="file"] {
    width:100% !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    font-size:14px !important;
    color:#474747 !important;
    height:41px !important;
    background-color:transparent !important;
}
.job_listing-template-default input[type="file"]::file-selector-button {
    color: white !important;;
    background-color: #EA5925 !important;
    border: none;
    border-radius:0;
    cursor: pointer;
    width:120px;
    height:110% !important;
    font-size:16px !important;
}
.job_listing-template-default .ginput_preview_list {
    margin-top:75px !important;
    margin-left:5px;
}
.job_listing-template-default .gform_fileupload_rules {
    display:none !important;
}
.job_listing-template-default .gfield--type-fileupload .gfield_description {
    max-width:275px;
    position:absolute;
    left:165px;
    top:30px;

    font-size:14px;
    line-height:130%;
    color:#848484;
}


  



/* PAGE TEMPLATE: FORM (USP elements)
**************************************************/
.bru-form-usp-page-content-wrapper {
    position:relative;
    z-index:10;
    min-height:750px;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#E7E5DE;
    background-image:url(images/form-template-bg.svg);
    background-size:440px auto;
    background-position:right top -160px;
    background-repeat:no-repeat;
}
.bru-form-usp-page-content-inner {
    position:relative;
    left:20px;
    width:1185px;
    margin:0 25px;
    padding:60px 25px 60px 0;

    font-size:22px;
    line-height:160%;
}
.bru-form-usp-page-content-inner h1 {
    margin-bottom:-10px;
}
.bru-form-usp-page-content-wrapper .entry-content {
    max-width:875px;
}



/* PAGE TEMPLATE: ZOEKEN
**************************************************/
.bru-block-404-main-inner input[type=text] {
    border:2px solid #939393 !important;
    padding:25px !important;
    resize:none !important;
    height:auto !important;
    font-family:'Jost';
    border-radius:3px;
    width:calc(100% - 220px);

    font-size:24px !important;
    line-height:130% !important;

    background-color:transparent !important;
}
.bru-block-404-main-inner input[type=text]::placeholder {
    color:#7B7B7B;
    opacity:1;
    font-size:24px !important;
}
.bru-block-404-main-inner input[type=submit] {
    border-radius:0 !important;
    padding:29px 0 30px 0 !important;
    width:200px !important;
    margin-left:10px;
    border:none !important;
    font-size:24px !important;
    font-weight:600 !important;
    color:#E7E5DE !important;
    background-color:#E14C0F !important;
    cursor:pointer !important;
}



/* GUTENBERG
**************************************************/
/* pullquote*/
.wp-block-pullquote {
    max-width:600px;
    text-align:left;
    margin-bottom:65px;
    padding:15px 0 0px 0;
}
.wp-block-pullquote blockquote {
    padding:2px 0 0 25px;
    border-left:4px solid #EA5925;
}
.wp-block-pullquote blockquote p {
    font-family:Merriweather;
    font-weight:400;
    font-style:italic;

    font-size:36px !important;
    line-height:42px !important;
    color:#EA5925 !important;
  
    margin-bottom:0px !important;
}
.wp-block-pullquote blockquote cite {
    font-family:Jost;
    font-weight:400;
    font-size:16px;
    font-style:normal;
    color:#626262 !important;
}

/* on tablets and lower screen sizes turn GRID BLOCK into vertical list */
@media ( max-width:1280px) {
    .wp-block-group-is-layout-grid,
    .bru-locations-info .wp-block-group { grid:none !important; }
}
.wp-block-image {
    margin-top:20px;
}
.page-template-page-info-template .wp-block-image img,
.page-template-page-verkeerongeluk-gehad-child .wp-block-image img,
.page-template-page-verzorgingsgebied-child-amsterdam .wp-block-image img,
.page-template-page-verzorgingsgebied-child-groot-amsterdam .wp-block-image img,
.page-template-page-verzorgingsgebied-child-overige-steden .wp-block-image img,
.page-template-page-verzorgingsgebied-child-buitenland .wp-block-image img {
    width:100% !important;
    height:auto !important;
}


/* ARCHIVES (CAT/TAG/AUTHOR)
**************************************************/
.bru-block-archives-main {
    position:relative;
    z-index:10;

    display:flex;
    align-items:flex-start;
    justify-content:center;
    align-items:center;

    background-color:#fff;
}
.bru-block-archives-main-inner {
    position:relative;
    width:1300px;
    margin:0 50px;
    padding:275px 0 75px 0;
}
.bru-block-archives-main-inner .button-white-round-arrow-right {
    position:absolute;
    top:5px;
    right:25px;
}
.bru-block-archives-main-inner .showing {
    text-align:left;
}
.bru-block-archives-main-inner .showing h1 {
    font-family:Merriweather;
    font-weight:400;
    font-size:42px;
    margin-bottom:5px;
}
.bru-block-archives-main-inner .showing span {
    font-size:16px;
    color:#E14C0F;
}
.bru-block-archives-main-inner .showing p {
    font-size:22px;
    line-height:160%;
    color:#7C7C7B;
    margin-top:25px !important;
}
.bru-loop {
    margin-top:50px;
    margin-bottom:50px;
}
.bru-loop ul {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:0;
    list-style:none;
    padding:0;
    margin:0;
}
.bru-loop ul li.bru-blog-post {
    width:100%;
    margin:0 0 30px 0;
}
/* on archive pages, remove left padding on 1st and every 4th post */
.bru-loop ul li.bru-blog-post:nth-of-type(3n + 1) {
    padding-left: 0 !important;
}
/* on archive pages, border on every 3rd post */
.bru-loop ul li.bru-blog-post:nth-child(3n) {
    border:none;
}

/* author page edits */
.author .showing {
    display:flex;
    flex-direction:row;
    align-items:left;
}
.author .showing-left {
    width:max-content;
    padding-right:25px;
}
.author .showing-left > img {
    width:100px;
    height:100px;
    border-radius:50%;
    display:block;
}
.author .showing-left > a {
    position:relative;
    top:15px;
    margin-left:40px;
}
.author .showing-right {
    width:100%;
}
.author .showing-right h1 {
    font-size:30px;
    line-height:125%;
    margin-top:25px;
    margin-bottom:3px;
}
.author .showing-nick {
    color:#4E4E4E !important;
    font-size:16px;
    line-height:130%;
    margin-bottom:10px;
}
.author .showing-right span {
    display:block;
}
.author .showing-right p {
    margin-top:7px;
}



/* SINGLE POST
**************************************************/
.bru-block-single-main {
    position:relative;
    z-index:10;
    
    display:flex;
    justify-content:center;
    align-items:center;

    background-color:#FAFAFA;
}
.bru-block-single-main-inner {
    position:relative;
    width:1350px;
    margin:0 50px;
    padding:210px 0 100px 0;
    
    display:flex;
    flex-direction:column;
}
.bru-entry-content-wrapper {
    display:flex;
    margin-top:75px;
}
.bru-entry-content-wrapper .entry-content ul,
.bru-entry-content-wrapper .entry-content ul li,
.bru-entry-content-wrapper .entry-content ol,
.bru-entry-content-wrapper .entry-content ol li {
    font-size:20px;
    line-height:160%;
    padding:0;
}

/* share buttons */
.bru-share {
    position:absolute;
}
.bru-share a {
    display:block;
    margin-bottom:20px;
}

/* post meta info */
.single-meta {
    margin-bottom:15px;
}
.single-meta div {
    position:relative;
    width:max-content;
    display:inline-block;
    margin-right:8px !important;
}
.single-meta div,
.single-meta div a {
    font-size:16px;
    font-weight:500;
    color:#002111;
    margin:0;
    padding:0;
}
.single-meta div::after {
    content:'';
    position:absolute;
    top:11px;
    right:-8px;
    width:3px;
    height:3px;
    border-radius:50%;
    background-color:#E14C0F;
    line-height:20px;
}
.single-meta div:first-child::after {
    top:17px;
}
.single-meta div:last-child::after {
    display:none;
}
.bsf-rt-reading-time {
    padding:0 !important;
    margin:0 !important;
    color:#002111 !important;
    background:transparent !important;
    display:inline-block !important;
}
.single-meta ul,
.single-meta ul li {
    padding:0;
    margin:0;
    list-style-type:none;
}

/* single post author (below title) */
.bru-single-author {
    display:flex;
    align-items:center;
    margin-bottom:40px;

    font-size:16px;
    line-height:100%;
}
.bru-single-author img.avatar {
    width:48px;
    height:48px;
    border-radius:50%;
    margin-left:5px;
    margin-right:20px;
}
.bru-single-author a {
    color:#3B3C3C;
    line-height:130%;
    font-weight:700;
}
.bru-single-author a:hover {
    color:#E14C0F;
    text-decoration:none;
}
.bru-single-author a span {
    display:block;
    color:#4E4E4E;
    font-weight:400;
}

/* single post content */
.bru-entry-content-wrapper .entry-content {
    max-width:620px;
    margin-left:160px;
    margin-right:75px;
    padding-top:10px;
}
.bru-block-single-main-inner .entry-content article p a,
.bru-block-single-main-inner .entry-content article ul li a {
    text-decoration:none;
    color:#002111;
}
.bru-block-single-main-inner .entry-content article p a:hover,
.bru-block-single-main-inner .entry-content article ul li a:hover {
    text-decoration:none;
    color:#E14C0F;
}
.bru-entry-content-wrapper h1 {
    font-size:30px;
    line-height:130%;
    display:block;
    max-width:max-content;
}
.bru-entry-content-wrapper .entry-content h2 {
    font-size:24px;
    line-height:160%;
    margin:25px 0 -15px 0;
    padding:0;
}
.bru-entry-content-wrapper .entry-content h3 {
    font-size:20px;
    line-height:160%;
    margin:25px 0 -15px 0;
    padding:0;
}
.bru-entry-content-wrapper .entry-content p {
    font-size:16px;
    line-height:160%;
    font-weight:300;
    padding:0;
    color:#002111;
}
.bru-entry-content-wrapper .entry-content .wp-block-image img {
    margin:0 0 5px 0;
    border-left:7px solid #EA5925;
}

/* post tags */
.bru-entry-content-wrapper .bru-post-tag {
    margin-top:50px;
    font-size:12px;
}
.bru-entry-content-wrapper .bru-post-tag a {
    color:#E7E5DE;
    border-radius:50px;
    padding:9px 25px;
    margin-right:5px;
    background-color:#EA5925;
    font-weight:700;
}

/* blog sidebar */
.bru-blog-sidebar {
    width:500px;
    margin-top:20px;
    margin-left:auto;
    padding:40px 40px 0 60px;
    background-color:#fff;
}
.bru-blog-sidebar > div > div {
    margin-bottom:45px;
}
.bru-blog-sidebar h3 {
    font-family:Merriweather;
    font-size:23px;
    font-weight:400;
    color:#3F3F3E;
    
    padding-bottom:15px;
    border-bottom:1px solid #3B3C3C;
}

/* blog sidebar latest posts */
.bru-sidebar-latest {
    margin-top:75px;
}
.bru-sidebar-latest ul {
    list-style-type:none;
    padding:0;
}
.bru-sidebar-latest ul li {
    width:100%;
    padding:20px 0 10px 10px;
    border:none;
    border-bottom:1px solid #DADBDB;
    border-radius:0;
}
.bru-sidebar-latest ul li:first-of-type {
    padding-top:10px;
}
.bru-sidebar-latest ul li h3 {
    border:none;
    padding:0;
}
.bru-sidebar-latest ul li span {
    font-weight:500;
}

/* blog sidebar categories */
.bru-sidebar-categories {
    margin-top:75px;
}
.bru-sidebar-categories ul {
    list-style-type:none;
    padding:0;
}
.bru-sidebar-categories > ul {
    margin-top:30px;
}
.bru-sidebar-categories ul ul {
    border-top:1px solid #DADBDB;
}
.bru-sidebar-categories ul ul li {
    padding-left:10px;
}
.bru-sidebar-categories ul ul li a {
    font-size:17px;
}
.bru-sidebar-categories > ul > li:nth-of-type(2) {
    border:none;
}
.bru-sidebar-categories ul li {
    position:relative;
    overflow:hidden;
    border-bottom:1px solid #DADBDB;
}

/* re-arrange categories */
.bru-sidebar-categories > ul {
    display:flex;
    flex-direction:column;
}
/* move 'Nieuws en artikelen' to the top */
.bru-sidebar-categories > ul li:nth-child(3) {
    order:-1;
}
/* move 'Kennisbank' to the bottom */
.bru-sidebar-categories > ul li:nth-child(2) {
    order:2;
}

.bru-sidebar-categories ul li a {
    position:relative;
    width:100%;
    display:block;
    color:#002111;
    text-decoration:none;
    padding:20px 0 20px 15px;

    font-family:Merriweather;
    font-weight:400;
    font-size:19px;

    -webkit-transition:.2s ease;
    transition:.2s ease;
}
.bru-sidebar-categories ul li a:hover {
    color:#E14C0F;
}
.bru-sidebar-categories ul li > span {
    position:absolute;
    top:21px;
    right:0;
    pointer-events:none;
    text-align:right;
    overflow:hidden;

    font-family:Merriweather;
    font-weight:400;
    font-size:17px;

    -webkit-transition:.2s ease;
    transition:.2s ease;
}
.bru-sidebar-categories ul li a:hover + span {
    position:absolute;
    opacity:0;
    right:0;

    -webkit-transform:translateY(-20px);
    transform:translateY(-20px);
}
.bru-sidebar-categories .bru-cat-arrow {
    position:absolute;
    top:10px;
    right:0;
    width:40px;
    height:40px;
    opacity:0;

    background-image:url(icons/icon-blog-cat-arrow.svg);
    background-size:auto auto;
    background-position:top 14px right;
    background-repeat:no-repeat;

    -webkit-transform:translateY(20px);
    transform:translateY(20px);
  
    -webkit-transition:.2s ease;
    transition:.2s ease;
}
.bru-sidebar-categories ul li a:hover > .bru-cat-arrow {
    opacity:1;

    -webkit-transform:translateY(0);
    transform:translateY(0);
}

/* blog bottom related stories */
.bru-related-stories-wrapper {
    margin-top:150px;
    border-top:1px solid #3B3C3C;
    padding-top:15px;
}
.bru-related-stories-wrapper > span {
    font-family:Merriweather;
    font-weight:300;
    font-size:12px;
    color:#002111;
    width:100%;
}
.bru-related-stories-wrapper > ul {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:0;
    margin-top:25px;
    padding-left:0;
}
.bru-related-stories-wrapper > ul > li {
    margin:0;
}
.bru-related-stories-wrapper li.bru-blog-post {
    width:auto;
    height:100%;
    min-height:260px;
    padding-top:20px;
    padding-bottom:20px;
    margin:0;
}
.bru-related-stories-wrapper .bru-blog-post p {
    color:#727272;
}
.bru-related-stories-wrapper .bru-blog-post:first-of-type {
    padding-left:0;
}
.bru-related-stories-wrapper .bru-blog-post:last-of-type {
    border:none;
}

/* Read Meter plugin customize */
#bsf_rt_progress_bar_container {
    z-index:20;
    top:150px;
    opacity:1 !important;
}



/* CTA BUTTONS
**************************************************/
/* CTA button (orange outline, dark text,icon) */
a.cta-outline-orange {
    position:relative;
    z-index:1;
    width:max-content;
    text-decoration:none;
    font-weight:300;
    font-size:22px;
    color:#3B3C3C;
    padding:10px 50px 10px 25px;
    outline:1px solid #EA5925;

    border-radius:50px;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange:hover {
    font-weight:400;
    text-decoration:none;
    padding-right:60px;
    padding-left:30px;
    outline:1.5px solid #EA5925;
}
a.cta-outline-orange::after {
    content:'';
    position:absolute;
    top:19px;
    right:20px;

    width:15px;
    height:15px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/icon-outline-button.svg');
    background-size:15px 15px;
    background-repeat:no-repeat;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange:hover::after {
    transform:rotate(45deg);
}

/* CTA button (orange outline, light text,icon) */
a.cta-outline-orange-light {
    position:relative;
    z-index:1;
    width:max-content;
    text-decoration:none;
    font-weight:300;
    font-size:22px;
    color:#E0E0E0;
    padding:10px 50px 10px 25px;
    outline:1px solid #EA5925;

    border-radius:50px;
    display:inline-block;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange-light:hover {
    font-weight:400;
    text-decoration:none;
    padding-right:60px;
    padding-left:30px;
    outline:1.5px solid #EA5925;
}
a.cta-outline-orange-light::after {
    content:'';
    position:absolute;
    top:19px;
    right:20px;

    width:15px;
    height:15px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/icon-outline-button-light.svg');
    background-size:15px 15px;
    background-repeat:no-repeat;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange-light:hover::after {
    transform:rotate(45deg);
}


/* CTA button (h2 text outside of icon) */
a.cta-outline-orange-arrow {
    display:flex;
    width:max-content;

    margin-bottom:-65px;
    transform:translateY(-65px);
}
a.cta-outline-orange-arrow h2 {
    position:relative;
    z-index:1;
    width:auto; 
    font-size:22px;
    line-height:100%;

    -webkit-transition: all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition: all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange-arrow:hover {
    text-decoration:none;
}
a.cta-outline-orange-arrow .cta-arrow {
    position:relative;
    z-index:1;
    top:11px;
    left:8px;
    width:28px;
    height:28px;
    outline:1px solid #EA5925;

    border-radius:50px;
    display:block;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange-arrow:hover .cta-arrow {
    outline:1.5px solid #EA5925;
    transform:translateX(5px);
}
a.cta-outline-orange-arrow .cta-arrow::after {
    content:'';
    position:absolute;
    top:10px;
    left:9px;

    width:9px;
    height:9px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/icon-outline-button.svg');
    background-size:9px 9px;
    background-repeat:no-repeat;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
a.cta-outline-orange-arrow:hover .cta-arrow::after {
    left:9.5px;
    top:9.5px;
    transform:rotate(45deg);
}

/* CTA button (no text, just arrow) */
.cta-arrow-no-text {
    position:relative;
    z-index:1;
    top:14px;
    left:0;
    width:28px;
    height:28px;
    outline:1px solid #EA5925;
    float:right;

    border-radius:50px;
    display:block;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
.cta-arrow-no-text:hover {
    outline:1.5px solid #EA5925;
    transform:translateX(5px);
}
.cta-arrow-no-text::after {
    content:'';
    position:absolute;
    top:10px;
    left:9px;

    width:9px;
    height:9px;
    display:block;
    transform-origin:center;
    background-repeat:no-repeat;

    background-image:url('icons/icon-outline-button.svg');
    background-size:9px 9px;
    background-repeat:no-repeat;

    -webkit-transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
    transition:all .2s cubic-bezier(.5, 1, 0.2, 1.5);
}
.cta-arrow-no-text:hover::after {
    left:9.5px;
    top:9.5px;
    transform:rotate(45deg);
}
/* CTA button (light text, no arrow) */
a.cta-plain-light-text {
    color:#E0E0E0;
    font-size:22px;
}
.bru-block-advice a.cta-plain-light-text {
    margin-left:30px;
}



/* SLIDE DOWN APPEARANCE ANIMATION ON SCROLL
**************************************************/
.slide-down {
    width:870px;
    height:558px;
    overflow:hidden;
}
.slide-down-inner {
    overflow:hidden;
    height:0;
    transform:scale(1.1);
    transform-origin:center center;

    transition:height .75s cubic-bezier(0.7, 0, 0.5, 1), transform 1s cubic-bezier(0.7, 0, 0.5, 1);
}
.active .slide-down-inner {
    height:100%;
    transform:scale(1);
}



/* SWITCH TO PORTRAIT NOTICE (mobile)
**************************************************/
/* logo on portrait notice */
.bru-portrait-notice-wrapper > img {
    position:fixed;
    display:block;
    top:25px;
    left:25px;
    width:200px;
    height:auto;
}
/* hide by default */
.bru-portrait-notice-wrapper {
    display:none;
}
/* show under specified circumstances */
@media (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height:650px) {
    .bru-portrait-notice-wrapper {
        display:table;
        position:fixed;
        z-index:9999999999;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0,33,17,.7);

        -webkit-backdrop-filter:blur(25px);
        backdrop-filter:blur(25px);
    }
}

/* white device */
.bru-portrait-device {
    position:absolute;
    top:calc(50% - 35px);
    left:0;
    right:0;
    width:90px;
    height:50px;
    border:3px solid #ccc;
    border-radius:6px;
    margin:0 auto 0 auto;

    transform-origin:bottom right;

    animation-name:rotate-device;
    animation-duration:4s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
    animation-fill-mode:forwards;
}
@keyframes rotate-device {
    0% { opacity:0; transform:scale(1); }
    10%, 15% { opacity:1; transform:scale(1); }
    30% { opacity:1; transform:rotate(92deg) translateY(50px) translateX(0px); }
    35%, 90% { opacity:1; transform:rotate(90deg) translateY(50px) translateX(0px); }
    100% { opacity:0; transform:rotate(90deg) translateY(50px) translateX(0px); }
}

/* grayed out device */
.bru-portrait-device-back {
    position:absolute;
    z-index:-1;
    top:calc(50% - 35px);
    left:0;
    right:0;
    width:90px;
    height:50px;
    border:3px solid #fff;
    border-radius:6px;
    margin:0 auto;
    box-sizing:border-box;
    opacity:.1;

    transform-origin:bottom right;

    animation-name:rotate-device-back;
    animation-duration:4s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
    animation-fill-mode:forwards;
}
@keyframes rotate-device-back {
    0%, 15% { opacity:.1; transform:translateY(0px) translateX(0px); }
    35% { opacity:.1; transform: translateY(0px) translateX(-15px); }
    95% { opacity:.1; transform: translateY(0px) translateX(-15px); }
    100% { opacity:0; transform:translateY(0px) translateX(-15px); }
}
/* buttons for both devices */
.bru-portrait-device::before,
.bru-portrait-device-back::before {
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    background-color:#fff;
    top:calc(50% - 3px);
    right:calc(10% - 3px);
    border-radius:5px;
}
/* rotate device text */
.bru-portrait-notice {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    color:#E7E5DE;
}
.bru-portrait-notice span {
    display:block;
    font-size:16px;
    margin-top:100px;
    opacity:.75;
}


/* SWITCH TO LANDSCAPE NOTICE (iPad)
**************************************************/
/* logo on landscape notice */
.bru-landscape-notice-wrapper > img {
    position:fixed;
    display:block;
    top:25px;
    left:25px;
    width:200px;
    height:auto;
}
/* hide by default */
.bru-landscape-notice-wrapper {
    display:none;
}
/* show under specified circumstances */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .bru-landscape-notice-wrapper {
        display:table;
        position:fixed;
        z-index:9999999999;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0,33,17,.7);

        -webkit-backdrop-filter:blur(25px);
        backdrop-filter:blur(25px);
    }
}

/* white device */
.bru-landscape-device {
    position:absolute;
    top:calc(50% - 55px);
    left:0;
    right:0;
    width:90px;
    height:70px;
    border:3px solid #ccc;
    border-radius:6px;
    margin:0 auto 0 auto;

    transform-origin:center center;

    animation-name:rotate-device-landscape;
    animation-duration:4s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
    animation-fill-mode:forwards;
}
@keyframes rotate-device-landscape {
    0% { opacity:0; transform:rotate(90deg) translateY(0px) translateX(0px); }
    10%, 15% { opacity:1; transform:rotate(90deg) translateY(0px) translateX(0px); }
    30% { opacity:1; transform:rotate(-2deg) translateY(0px) translateX(0px); }
    35%, 90% { opacity:1; transform:rotate(0deg) translateY(0px) translateX(0px); }
    100% { opacity:0; transform:rotate(0deg) translateY(0px) translateX(0px); }
}

/* grayed out device */
.bru-landscape-device-back {
    position:absolute;
    z-index:-1;
    top:calc(50% - 55px);
    left:0;
    right:0;
    width:90px;
    height:70px;
    border:3px solid #fff;
    border-radius:6px;
    margin:0 auto;
    box-sizing:border-box;
    opacity:.1;

    transform-origin:center;

    animation-name:rotate-device-back-landscape;
    animation-duration:4s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite;
    animation-fill-mode:forwards;
}
@keyframes rotate-device-back-landscape {
    0%, 15% { opacity:.1; transform:rotate(90deg) translateY(0px) translateX(0px); }
    35% { opacity:.1; transform:rotate(90deg) translateY(0px) translateX(-10px); }
    95% { opacity:.1; transform:rotate(90deg) translateY(0px) translateX(-10px); }
    100% { opacity:0; transform:rotate(90deg) translateY(0px) translateX(-10px); }
}

/* buttons for both devices */
.bru-landscape-device::before,
.bru-landscape-device-back::before {
    content:'';
    position:absolute;
    width:6px;
    height:6px;
    background-color:#fff;
    top:calc(50% - 3px);
    right:calc(10% - 3px);
    border-radius:5px;
}

/* rotate device text */
.bru-landscape-notice {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    color:#E7E5DE;
}
.bru-landscape-notice span {
    display:block;
    font-size:16px;
    margin-top:100px;
    opacity:.75;
}



/* COOKIE NOTICE (CookieCode)
**************************************************/
/* fullscreen background */
dialog::backdrop {
    background-color:rgba(0,0,0,.85) !important;

    -webkit-backdrop-filter:blur(25px);
    backdrop-filter:blur(25px);
}
/* popup dialog */
dialog {
    width:900px;
    height:750px;
	border:none;
	background-color:#E7E5DE;
	color:#002111;
	font-size:18px;
	padding:0;
	flex-direction:column;
}
dialog[open] {
	display:flex;
}
dialog .name {
    font-weight:700;
}
/* header */
header {
    z-index:9;
    width:100%;
    background:#E7E5DE;
    padding:35px 25px 15px 50px;
}
header .title {
    font-size:25px;
    font-weight:600;
}
header .subtitle {
    display:none;
    font-size:14px;
}
/* content */
main {
    width:100%;
    padding:10px 50px 25px 50px;
    overflow:auto;

    font-size:16px;
	line-height:22px;
	
	scrollbar-width:thin;
	overscroll-behavior:contain;
}
/* srollbar */
main::-webkit-scrollbar {
	width:12px;
}
main::-webkit-scrollbar-thumb {
	background:#49764B;
	background-clip:padding-box;
	border-radius:0;
}
main .intro-specific {
	text-align:left;
	font-size:16px;
	line-height:22px;
	color:#111;
	margin-top:-5px;
}
main .intro-generic {
	text-align:left;
	font-size:16px;
	line-height:22px;
	max-width:550px;
	margin:0;
	color:#111;
}
/* main */
main .service-group-header {
    position:relative;
}
main .service-group-header .name {
    position:relative;
	left:40px;
    font-size:22px;
	font-weight:600;
    margin-top:75px;
    margin-bottom:10px;
}
main .service-group-header .description {
    position:relative;
	left:0;
    font-size:17px;
    color:#111;
}
.service-group-header .action {
	position:absolute;
	top:-1px;
	left:0;
	width:20px;
}
/* sub */
main .service {
    position:relative;
}
main .service .name {
	margin-top:40px;
    margin-bottom:5px;
	font-size:18px;
    font-weight:600;
}
main .service .description {
	display:inline-block;
	width:90%;
    font-size:15px;
	line-height:21px;
    color:#111;
}
main .service .action {
    position:absolute;
	right:-19px;
	top:-7px;
	display:inline-block;
	width:60px;
	vertical-align:top;
	text-align:right;
	margin:0;
	padding:0;
}
/* buttons */
footer {
    text-align:right;
	background:#E7E5DE;
    width:100%;
    position: -webkit-sticky;
    position: sticky;
    bottom:0;
    width:100%;
    align-self:flex-start;
    padding:15px 25px 20px 25px;
    bottom:-1px !important;
}
footer::before {
	content:'';
	position:absolute;
	top:-30px;
	left:0;
	width:100%;
	height:30px;
    background:linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
}
/* save button */
footer .button-save {
	float:right;
	display:block;
	font-size:16px;
    font-family:'Jost';
    font-weight:700;
    display:block;
    text-decoration:none;
    padding:12px 75px 12px 75px;
    border-radius:5px;
    color:#090816;
    border:2px solid #49764B;
	background:transparent;
	cursor:pointer;

    background-image:linear-gradient(#49764B, #49764B);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:0% 100%;
    transition:background-size .35s, color .35s;
}
footer .button-save:hover {
	color:#fff;
    background-size:100% 100%;
}	

/* close button */
footer .button-close {
	float:right;
	background:transparent;
	border:none;
	cursor:pointer;
	
	position:relative;
	top:16px;
    width:fit-content;
    font-size:14px !important;
    font-family:'Jost' !important;
    font-weight:700 !important;
    color:#090816 !important;
    padding:0 !important;
    margin-right:30px;
}
footer .button-close::after {
	position:absolute;
    z-index:-1;
    left:0;
    content:'';
    width:calc(100% + 1px);
    height:4px;
    background-color:#49764B;
    bottom:0px;
    transform:scale(0,1);
    transition:transform 0.25s;
    transform-origin:left top;
}
footer .button-close:hover::after {
	-webkit-transform:scale(1,1);
    transform:scale(1,1);
}

/* turn checkbox into toggle button (group item) */
.action-consent-service-group {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	position:relative;
	top:-1px;
	left:0;
	border:0;
	outline:0;
	cursor:pointer;
	margin:0px;
}
/* background */
.action-consent-service-group:after {
	content: '';
	width:22px;
	height:22px;
	display:inline-block;
	border:2px solid #999;
	border-radius:2px;
	clear:both;
}
/* handle */
.action-consent-service-group:before {
    content: '';
    width:11px;
    height:5px;
    position:absolute;
    top:7px;
    left:6px;
    border:3px solid #999;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity:0;
    transform:rotate(-45deg);
}
/* handle hover */
.action-consent-service-group:hover:before {
  opacity:1;
}
/* handle when enabled */
.action-consent-service-group:checked:before {
	opacity:1;
    border-color:#fff;
}
/* background hover */
.action-consent-service-group:hover::after {
	background-color:transparent;
    border-color:#49764B;
}
/* background color when enabled */
.action-consent-service-group:checked:after {
	background-color:#49764B;
	border-color:#49764B;
}
/* animation speed */
.action-consent-service-group,
.action-consent-service-group:before,
.action-consent-service-group:after {
	-webkit-transition:all 0s ease;
    transition:all 0s ease;
}
.action-consent-service-group:checked:before,
.action-consent-service-group:checked:after {
	-webkit-transition:all .2s ease;
    transition:all .2s ease;
}

/* turn checkbox into toggle button (sub-item) */
.action-consent-service {
	-webkit-appearance:none;
	-webkit-tap-highlight-color:transparent;
	position:relative;
	border:0;
	outline:0;
	cursor:pointer;
	margin:10px;
}
/* background */
.action-consent-service:after {
	content:'';
	width:37px;
	height:7px;
	display:inline-block;
	background:rgba(195, 195, 195, 0.5);
	border-radius:10px;
	clear:both;
}
/* handle */
.action-consent-service:before {
	content: '';
	width:19px;
	height:19px;
	display:block;
	position:absolute;
	left:-2px;
	top:-3px;
	border-radius: 50%;
	background:#444;
    border:2px solid #fff;
}
/* handle position when enabled */
.action-consent-service:checked:before {
	left:20px;
}
/* background color when enabled */
.action-consent-service:checked:after {
	background: #49764B;
}
/* animation speed */
.action-consent-service,
.action-consent-service:before,
.action-consent-service:after,
.action-consent-service:checked:before,
.action-consent-service:checked:after {
	-webkit-transition:all .2s ease;
    transition:all .2s ease;
}

.cc_root {
    position:fixed;
    width:100%;
    z-index:99999;
    bottom:0;

    -webkit-transition:all .75s ease;
	transition:all .75s ease;
}
.cc_root > div {
    color:#fff;
    min-height:100px;
    background-color:rgba(0,0,0,.9) !important;

    -webkit-backdrop-filter:blur(25px);
    backdrop-filter:blur(25px);
}
/* hide cookie icon */
.cc_root svg {
    display:none !important;
}
.cc_text {
    font-family:'Jost' !important;
    color:#EAE5E5 !important;
    font-size:18px;
    line-height:26px !important;
    padding:25px 0 45px 25px !important;
}
a.cc_link_cookie_declaration {
    color:#fff !important;
    position:relative;
    font-size:18px;
    line-height:20px !important;
    text-decoration:none !important;
    top:30px !important;
}
/* underline effect */
a.cc_link_cookie_declaration::after {
    position:absolute;
    z-index:-1;
    left:0;
    content:'';
    width:calc(100% + 5px);
    height:4px;
    background-color:#49764B;
    bottom:0px;
    transform:scale(0,1);
    transition:transform 0.25s;
    transform-origin:left top;
}
a.cc_link_cookie_declaration:hover::after {
    width:calc(100% + 32px);
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
}
/* arrow */
a.cc_link_cookie_declaration::before {
	content:'';
	position:absolute;
	top:3px;
	right:-27px;
	width:20px;
	height:20px;
	
	-webkit-transition:all .25s ease;
	transition:all .25s ease;
}
a.cc_link_cookie_declaration:hover::before {
	-webkit-transform:translateX(5px);
	transform:translateX(5px);
}
/* "Settings" button */
.cc_button_settings {
    position:relative;
    width:fit-content;
    font-size:14px !important;
    font-family:'Jost' !important;
    font-weight:700 !important;
    color:#fff !important;
    padding:0 !important;
    margin-right:20px;
}
.cc_button_settings::after {
    position:absolute;
    z-index:-1;
    left:0;
    content:'';
    width:calc(100% + 1px);
    height:4px;
    background-color:#49764B;
    bottom:1px;
    transform:scale(0,1);
    transition:transform 0.25s;
    transform-origin:left top;
}
.cc_button_settings:hover::after {
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
}
/* "Accept all cookies" button */
.cc_button_allowall {
    font-size:16px !important;
    font-family:'Jost' !important;
    font-weight:700 !important;
    text-decoration:none;
    padding:16px 55px 14px 55px !important;
    border-radius:5px !important;
    color:#fff !important;
    border:2px solid #fff !important;

    background-color:transparent !important;
    background-image:linear-gradient(#49764B, #49764B);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:0% 100%;
    transition:background-size .35s, color .35s;
}
.cc_button_allowall:hover {
    color:#fff;
    background-size:100% 100%;
}

/* adjustments for non-switchable cookies */
.action-consent-service-group[name='FUNCTIONAL']:after {
  border-color:#BCBCBC;
}
.action-consent-service-group[name='FUNCTIONAL']:before {
  border-color:#BCBCBC !important;
  opacity:1 !important;
}
.action-consent-service[name='none_Cloudflare']:before,
.action-consent-service[name='none_SiteCookies']:before,
.action-consent-service[name='none_WPML']:before {
	background-color:#BCBCBC !important;
 	left:20px;
}

/* adjustments for resolutions less than 800px */
@media screen and (max-width:800px) {
    header {
        padding-top:25px ;
        padding-left:25px ;
    }
    main {
        padding-left:25px ;
    }
    .cc_text {
        padding:15px 0 35px 15px !important;
    }
    .cc_text,
    .cc_text a {
        font-size:16px;
        line-height:20px !important;
    }
    .cc_button_settings {
        top:65px;
        margin:0 auto;
    }
    .cc_button_allowall {
        margin-top:-50px !important;
        padding:16px 25px 14px 25px !important;
    }
}




/* Schema Q&A
**************************************************/
.wpsp-faq__outer-wrap {
    margin-left:-10px !important;
}
.wpsp-faq-item:focus {
    outline:0 !important;
}
.wpsp-faq-child__outer-wrap .wpsp-faq-item {
    border:0 !important;
}
.wpsp-faq-child__outer-wrap .wpsp-question,
.wpsp-faq-child__outer-wrap .wpsp-faq-item {
    font-size:20px !important;
    line-height:160% !important;
    background-color:transparent !important;
}
.wpsp-faq-child__outer-wrap .wpsp-question {
    font-weight:600 !important;
}
.wpsp-faq-child__outer-wrap .wpsp-faq-item p {
    font-size:20px !important;
    line-height:160% !important;
    padding-left:23px !important;
}

/* mobile adjustments */
@media screen and (max-width:800px) {
    .wpsp-faq-child__outer-wrap .wpsp-question,
    .wpsp-faq-child__outer-wrap .wpsp-faq-item {
        font-size:16px !important;
        line-height:160% !important;
    }
    .wpsp-faq-child__outer-wrap .wpsp-faq-item p {
        font-size:16px !important;
        line-height:160% !important;
    }
}