::placeholder,
input, legend, label,
.tangible-paginator-buttons button
	{font-family: var(--wp--preset--font-family--body);}

::placeholder,
input[type="text"],
input[type="email"]
	{font-size: calc(var(--wp--preset--font-size--medium) * 0.9);}

select
	{font-size: calc(var(--wp--preset--font-size--medium) * 0.9) !important;}

footer.wp-block-template-part
	{font-size: calc(var(--wp--preset--font-size--small) * 0.9);}

.footer-bottompage p.has-small-font-size
	{font-size: calc(var(--wp--preset--font-size--small) * 0.7) !important;}

.breadcrumbs p
	{font-weight: 300;}

::placeholder,
.dropdown-opties h4,
input[type="text"],
input[type="email"]
	{font-weight: 400;}

.wp-block-quote cite
	{font-weight: 500;}

strong,
article.programma a h3,
.wp-block-quote p
	{font-weight: 600;}

.wp-block-quote cite
	{font-style: normal;}

li.wp-block-post-template a,
.slider-leesmeer .tangible-slider > div a,
article.programma a,
.wp-block-navigation .wp-block-navigation-item.contact-button a.wp-block-navigation-item__content:hover,
a.next-page,
a.prev-page,
a.wp-block-button__link:hover
	{text-decoration: none;}

li.wp-block-post-template a .underline
	{text-decoration: underline;}

a:hover
	{text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--accentkleur);}


.info-partner figure
	{text-align: center}

/* COLORS */
::placeholder,
a.wp-block-button__link.has-accentkleur-background-color,
.wp-block-navigation a.wp-block-navigation-item__content.wp-block-navigation-item__content,
.tangible-paginator-buttons button,
.tangible-paginator-buttons button.active,
article.programma a span.button-lees-meer
	{color: var(--wp--preset--color--contrast);}

.has-accentkleur-donker-background-color *,
article.programma a h3,
#contact article,
#contact article a,
a.next-page span,
a.prev-page span
	{color: var(--wp--preset--color--base);}


/* BACKGROUND-COLORS */

niets
	{background: var(--wp--preset--color--contrast);}


aside.dropdown-opties div ul,
article.programma a span.button-lees-meer,
.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container
	{background: var(--wp--preset--color--base);}

.tangible-paginator-buttons button
	{background: var(--wp--preset--color--contrast-15);}

figure.image-sector.agrofood,
figure.image-programma.sffp-west-brabant,
figure.image-programma.smart-farming-foodprocessing,
aside.dropdown-opties h4::after,
.wp-block-navigation .wp-block-navigation-item.contact-button a.wp-block-navigation-item__content,
#contact article,
a.next-page,
a.prev-page,
.tangible-paginator-buttons button.active
	{background-color: var(--wp--preset--color--accentkleur);}

.has-accentkleur-donker-background-color,
footer.wp-block-template-part,
.has-accentkleur-donker-background-color .button-lees-meer
	{background: var(--wp--preset--color--accentkleur-donker);}

.blauwe-achtergrond
	{background: var(--wp--preset--color--blauw);}

figure.image-programma.smart-industry-fieldlabs
	{background: var(--wp--preset--color--maintenance);}

figure.image-sector.healthcare,
figure.image-programma.opzuid-zorgbots 
	{background: var(--wp--preset--color--healthcare);}

figure.image-sector.logistics
	{background: var(--wp--preset--color--logistics);}

figure.image-sector.maintenance
	{background: var(--wp--preset--color--maintenance);}

figure.image-sector.construction
	{background: var(--wp--preset--color--construction);}

figure.image-sector.industry
	{background: var(--wp--preset--color--industry);}

figure.image-sector.others
	{background: var(--wp--preset--color--others);}

figure.image-programma.interreg,
figure.image-programma.interreg-sffp,
figure.image-programma.interreg-art-ie 
	{background: var(--wp--preset--color--interreg-art);}

figure.image-programma.interreg-cobotassist 
	{background: var(--wp--preset--color--interreg-cobot);}

figure.image-programma.new-technology
	{background: var(--wp--preset--color--new-technology);}

figure.image-programma.minor-projecten,
figure.image-programma.toekomstmakers
	{background: var(--wp--preset--color--minors);}

.has-contrast-rgb-background-color
	{background-color: rgba(var(--wp--preset--color--contrast-rgb),0.1) !important;}

.wp-block-search__input,
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container
	{background-color: transparent;}

.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg
	{fill: var(--wp--preset--color--accentkleur-donker); }

/* background-gradient */
.background-gradient:before
	{content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(var(--wp--preset--color--contrast-rgb),0.6) 0%, rgba(var(--wp--preset--color--contrast-rgb),0.2) 65%, rgba(var(--wp--preset--color--base-rgb),0.1) 80%, rgba(var(--wp--preset--color--base-rgb),0.6) 100%);}

.background-gradient-horizontaal:before
	{content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(var(--wp--preset--color--contrast-rgb),0.6) 0%, rgba(var(--wp--preset--color--contrast-rgb),0.2) 35%, rgba(var(--wp--preset--color--base-rgb),0.1) 50%, rgba(var(--wp--preset--color--base-rgb),0.1) 100%);}

#contact article:before
	{content: " ";
	background: linear-gradient(320deg, rgba(var(--wp--preset--color--contrast-rgb),0.5) 0%, rgba(var(--wp--preset--color--accentkleur-donker-rgb),0.3) 65%, rgba(var(--wp--preset--color--contrast-rgb),0.1) 80%, rgba(var(--wp--preset--color--base-rgb),0.50) 100%);}

.background-gradient-accent::before
	{content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(var(--wp--preset--color--accentkleur-donker-rgb),0.9) 0%, rgba(var(--wp--preset--color--accentkleur-donker-rgb),0.7) 65%, rgba(var(--wp--preset--color--accentkleur-donker-rgb),0.4) 80%, rgba(var(--wp--preset--color--accentkleur-donker-rgb),0.6) 100%);}


/* BORDERS */
.wp-block-button__link.has-base-background-color,
.wp-block-button__link.has-accentkleur-background-color
	{border-color: var(--wp--preset--color--accentkleur);}

.is-style-outline.border_base .wp-block-button__link
	{border-color: var(--wp--preset--color--base);}

.footer-bottompage
	{border-top: solid calc(var(--wp--style--block-gap) * .05) var(--wp--preset--color--accentkleur); }

.twee nav.wp-block-query-pagination a span.is-arrow-arrow
	{border: solid calc(var(--wp--style--block-gap) * .15) var(--wp--preset--color--base); }

input[type="text"],
input[type="email"]
	{border: solid calc(var(--wp--style--block-gap) * .15) var(--wp--preset--color--contrast); }

.wp-block-navigation .has-child .wp-block-navigation__submenu-container,
.wp-block-button__link.has-accentkleur-donker-background-color,
.tangible-paginator-buttons button,
.tangible-paginator-buttons button.active
	{border: none;}


/* border-shadow */

.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container
	{box-shadow: 0 4px 8px 0 rgba(var(--wp--preset--color--contrast-rgb), 0.2), 0 6px 10px 0 rgba(var(--wp--preset--color--contrast-rgb), 0.19);}

/* border-radius */

input[type="text"],
input[type="email"],
.button-lees-meer,
.wp-block-navigation .wp-block-navigation-item.contact-button a.wp-block-navigation-item__content
	{border-radius: 99999px;}

aside.dropdown-opties h4::after,
.twee nav.wp-block-query-pagination a span.is-arrow-arrow,
.bullets_opmaak p.cijfer,
a.next-page,
a.prev-page
	{border-radius: 50%;}

.tangible-paginator-buttons button,
.tangible-paginator-buttons button.active
	{border-radius: 50% !important;}

.border_rond /* 6 nov 2024 aangepast van 9999px naar * 1,5 */,
.border_rond_img img,
figure.wp-block-embed.is-type-video iframe,
section.photo aside.dropdown-opties,
section.photo aside.dropdown-opties .dropdown,
section.photo aside.dropdown-opties .dropdown h4
	{border-radius: calc(var(--wp--style--block-gap) * 1.5);}

section.photo aside.dropdown-opties .dropdown:hover h4
	{border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;}

section.photo aside.dropdown-opties .dropdown ul
	{border-bottom-left-radius: calc(var(--wp--style--block-gap) * 1.5);
	border-bottom-right-radius: calc(var(--wp--style--block-gap) * 1.5);}

.rounded_corners,
#contact article:before
	{border-radius: calc(var(--wp--style--block-gap) * .5);}

.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container li
	{border-bottom-left-radius: calc(var(--wp--style--block-gap) * .5);
	border-bottom-right-radius: calc(var(--wp--style--block-gap) * .5);}

.icoontjes-kleur a::before,
.tslider-action > a
	{filter: invert(.55) sepia() hue-rotate(135deg) saturate(300%);}

*.has-background .tslider-action > a
	{filter: none;}

figure.zwart_img img,
figure.image-programma.new-technology img
	{filter: invert(1);}

/* HOVER */
a.wp-block-button__link.has-base-background-color:hover
	{color: var(--wp--preset--color--accentkleur);}

.wp-block-button__link.has-accentkleur-background-color:hover,
.wp-block-button__link.has-base-background-color:hover,
.wp-block-navigation .wp-block-navigation-item.contact-button a.wp-block-navigation-item__content:hover
	{background-color: var(--wp--preset--color--contrast) !important;
	border-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base) !important;}

.tangible-paginator-buttons button:hover
	{background: var(--wp--preset--color--contrast);
	border: none;
	color: var(--wp--preset--color--base);}

/*** Hover > dropdown ***/
section.photo aside.dropdown-opties ul li:hover a,
.tangible-paginator-buttons button.active:hover
	{background: var(--wp--preset--color--accentkleur);}

aside.dropdown-opties h4:hover::after,
.icon figure img:hover
	{opacity: 0.7;}

section.photo aside.dropdown-opties:hover
	{border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;}

section.photo aside.dropdown-opties ul li:hover:last-child a
	{border-bottom-left-radius: calc(var(--wp--style--block-gap) * 1.5);
	border-bottom-right-radius: calc(var(--wp--style--block-gap) * 1.5);}

/* FILTERS */


/* LISTS */

.wp-block-post-template li
	{list-style: none;}

/* styling button dropdown menu */
.dropdownmenu-button
	padding-top: 0;
	padding-bottom: 0;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;}

/* :BEFORE & :AFTER */

li.inloggen a:after
	{content:" ";
	background: url("https://breda-robotics.nl/wp-content/themes/Breda-Robotics/assets/images/inloggen.svg");
	background-repeat: no-repeat;
	width: calc(var(--wp--style--block-gap) * 1.8);
	height: calc(var(--wp--style--block-gap) * 1.8);
	display: inline-block; }

ul.ul_pijltjes li:before,
.telefoon a::before,
.email a::before,
.linkedin a::before
	{content:" ";
	background-repeat: no-repeat;
	display: inline-block; 
	width: calc(var(--wp--style--block-gap) * 1.5);
	height: calc(var(--wp--style--block-gap) * 1.5);
	margin-right: calc(var(--wp--style--block-gap) * .5);
	vertical-align: bottom;}

ul.ul_pijltjes li:before
	{background: url("https://breda-robotics.nl/wp-content/themes/Breda-Robotics/assets/images/pijltje.svg");
	transform: rotate(270deg);
	width: calc(var(--wp--style--block-gap) * 1.2);
	height: calc(var(--wp--style--block-gap) * 1.2);
	vertical-align: text-bottom;}

.datum-locatie-activiteit .begindatum:before,
.datum-locatie-activiteit .locatie-activiteit:before,
.wp-block-post-date:before
	{content:" ";
	background-repeat: no-repeat;
	display: inline-block; 
	width: calc(var(--wp--style--block-gap) * .8);
	height: calc(var(--wp--style--block-gap) * .8);
	margin-right: calc(var(--wp--style--block-gap) * .25);
	vertical-align: baseline;}

.telefoon a::before
	{background: url("https://breda-robotics.nl/wp-content/themes/Breda-Robotics/assets/images/telefoon.svg");}

.email a::before
	{background: url("https://breda-robotics.nl/wp-content/themes/Breda-Robotics/assets/images/email.svg");}

.datum-locatie-activiteit .begindatum:before,
.wp-block-post-date:before
	{background: url("https://breda-robotics.nl/wp-content/themes/Breda-Robotics/assets/images/calendar.svg");}

.datum-locatie-activiteit .locatie-activiteit:before
	{background: url("https://breda-robotics.nl/wp-content/themes/Breda-Robotics/assets/images/locatie.svg");}

.linkedin a::before
	{background: url("https://breda-robotics.nl/wp-content/themes/Breda-Robotics/assets/images/LinkedIn.svg");}


/* ICONS */

.wp-block-search__button svg
	{fill: var(--wp--preset--color--base);
	transform: scaleX(-1);}

/*** DROPDOWN ***/
aside.dropdown-opties h4::after
	{line-height: .5;
	text-align: center;
	content:" ";
	background: url("https://breda-robotics.nl/wp-content/themes/Breda-Robotics/assets/images/pijltje.svg");
	background-repeat: no-repeat;
	background-color: var(--wp--preset--color--accentkleur);
	border: solid var(--wp--preset--color--accentkleur) calc(var(--wp--style--block-gap) * .3); }

aside.dropdown-opties ul li,
footer .vier aside ul li
	{list-style: none;}


/*** OPMAAK BULLETS ***/
.bullets_opmaak
	{}

/* #CONTACTFORMULIER GRAVITY FORMS */
.gform-theme label,
.gform-theme input,
.gform-theme textarea,
.gform-theme legend
	{font-family: var(--wp--preset--font-family--body) !important;
	font-size: calc(var(--wp--preset--font-size--medium) * 0.9) !important;
	color: var(--wp--preset--color--contrast) !important;}

.gform-theme .gfield_description
	{font-family: var(--wp--preset--font-family--body) !important;
	font-size: calc(var(--wp--preset--font-size--medium) * 0.8) !important;
	color: var(--wp--preset--color--contrast) !important;}

.gform-theme form input:not([type="submit"]),
.gform-theme form textarea
	{border-radius: calc(var(--wp--style--block-gap) * .25) !important;}

.gform-theme form input[type="submit"]
	{border-radius: 99999px !important;
	background: var(--wp--preset--color--accentkleur) !important;
	font-size: calc(var(--wp--preset--font-size--medium) * 0.9)!important;
	color: var(--wp--preset--color--contrast) !important;
	font-weight: 600 !important;}

.gform-theme form input[type="submit"]:hover
	{background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;}

.gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before
	{background-color: var(--wp--preset--color--accentkleur) !important;}

.gform-theme--framework input[type="checkbox"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield:where(.gfield--type-multiselect, .gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-search input[type="text"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select, .gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--api, .gform-theme--framework,
#gform_wrapper_1[data-form-index="0"].gform-theme, [data-parent-form="1_0"]
	{--gf-ctrl-choice-check-color: var(--wp--preset--color--accentkleur);
	--gf-color-primary: var(--wp--preset--color--accentkleur);
  	--gf-color-primary-lighter: var(--wp--preset--color--accentkleur);
	--gf-color-primary-darker: var(--wp--preset--color--accentkleur-donker);
	--gf-color-primary-contrast-rgb: var(--wp--preset--color--accentkleur-rgb);
	--gf-color-in-ctrl-primary: var(--wp--preset--color--accentkleur);
	--gf-color-in-ctrl-primary-darker: var(--wp--preset--color--accentkleur-donker);
	--gf-color-in-ctrl-primary-lighter:var(--wp--preset--color--accentkleur);
	--gf-ctrl-outline-color: var(--wp--preset--color--accentkleur);
	--gf-ctrl-accent-color: var(--wp--preset--color--accentkleur);
	--gf-local-border-color: var(--wp--preset--color--accentkleur);
	--gf-ctrl-border-color-focus: var(--wp--preset--color--accentkleur);
	--gf-local-outline-color: var(--wp--preset--color--accentkleur);
	--gf-ctrl-outline-color-focus: var(--wp--preset--color--accentkleur);}
