@import url("/fonts/museo_sans/style.css");
@import url("/fonts/icofont/icofont.css");
@import url("/fonts/elekit/elekitfont.css");body {
  background: #fff;
  font-family: 'museo_sans';
  font-size: 1em;
}
h1 {
  font-family: 'Arial';
  color: #101c2c;
  font-weight: 900;
  font-size: 6em !important;
}
h2,
h3,
h4,
h5 {
  font-family: 'Arial';
  color: #FF0088;
  font-weight: 500;
}
p,
ul,
ol,
li,
span,
div {
  font-family: 'museo_sans' !important;
  color: #333333;
  font-weight: 400;
}
.sub-head p,
.neg .sub-head p {
  display: inline !important;
  font-family: 'Arial' !important;
  background-color: #28394f;
  color: #ffffff;
  font-weight: 900 !important;
  font-size: 1em;
  padding: 2px 5px;
}
.size-l p {
  font-size: 1.4em !important;
}
.size-xl p {
  font-size: 1.8em !important;
}
.size-xxl p {
  font-size: 2em !important;
}
p a,
.elementor p a,
.neg p a {
  text-decoration: underline;
}
::selection,
mark {
  background-color: #28394f;
  color: #ffffff;
}
a {
  color: #101c2c;
}
.intro-title p.elementor-heading-title,
.intro-title-neg p.elementor-heading-title {
  font-family: 'Arial' !important;
}
.neg .elementor-icon-list-icon i {
  color: #28394f;
}
.neg .elementor-icon-list-text {
  color: #ffffff;
  font-weight: 300;
}
.neg .elementor-icon-list-text a {
  color: #ffffff;
  font-weight: 300;
}
.neg .bg-blue .elementor-heading-title {
  color: #FF0088;
}
.tab-neg .eael-tab-top-icon li .fa,
.tab-neg .eael-tab-top-icon li .eael-tab-title {
  color: #ffffff;
}
.bold h1,
.bold h2,
.bold h3,
.bold h4,
.bold h5 {
  font-weight: 900;
}
#top-bar {
  padding: 0;
}
p,
ul li,
ul li li,
ol li,
ol li li {
  font-size: 1.2em !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}
ul li li {
  font-size: 1em !important;
}
ul + p,
ol + p {
  padding-top: 1em;
}
ul + h2,
ul + h3,
ul + h4,
ul + h5 {
  padding-top: 1em;
}
.quote h4 {
  font-weight: 600 !important;
}
.quote-text,
.quote-text p {
  font-weight: 200 !important;
  font-size: 1.2em;
}
.single-stories .body-content ul {
  list-style: none;
  margin: 15px 0 15px 0;
}
.single-stories .body-content ul li {
  text-indent: -30px;
  padding-left: 30px;
}
.single-stories .body-content ul li:before {
  font-family: "IcoFont";
  content: "\eaa0";
  color: #FF0088;
  padding-right: 10px;
}
.member-name h2,
.member-name h3 {
  font-size: 1.5em !important;
}
.member-function div {
  font-size: 1em !important;
  font-weight: 600 !important;
}
.single-stories h2,
.single-stories h3,
.single-stories h4 {
  margin-top: 50px;
}
.categorie-tekst .elementor-post-info__terms-list-item {
  color: #ffffff;
  font-weight: 700;
  font-size: 0.9em;
  letter-spacing: 0.4px;
}
blockquote p {
  padding: 0;
  border: none;
  color: #FF0088 !important;
  font-size: 1.1em !important;
  line-height: 1.5em !important;
  font-weight: 300 !important;
}
blockquote p::before {
  content: '❝' !important;
  margin-right: 0.3em;
  margin-bottom: 0.7em;
}
blockquote p::after {
  content: '❞' !important;
  margin-left: 0.3em;
  margin-bottom: 0.7em;
}
blockquote p::before,
blockquote p::after {
  font-family: 'museo_sans' !important;
  font-weight: 200 !important;
  display: inline-block;
  vertical-align: bottom;
  color: #28394f;
  font-size: 1em !important;
  line-height: 1em;
  position: relative;
}
.footer-text p,
.footer-text h3.elementor-heading-title {
  color: #eee !important;
  font-size: 0.9em !important;
}
.elementor-sticky--effects {
  box-shadow: 0 8px 8px -7px #666 !important;
  opacity: 0.97;
}
.neg,
.neg h1,
.neg h2,
.neg h3,
.neg h4 {
  color: #fff !important;
}
.intro-title p.elementor-heading-title,
.intro-title-neg p.elementor-heading-title {
  font-size: 1.1em !important;
  font-weight: 900 !important;
  letter-spacing: 1px;
  color: #FF0088 !important;
}
.elementor-post-info__terms-list-item {
  color: #ffffff;
  font-weight: 900;
}
.e-n-accordion-item-title .e-n-accordion-item-title-text {
  color: #ffffff;
  font-weight: 400;
}
.cat-list li a span {
  color: #28394f !important;
  font-weight: 500 !important;
  font-size: 0.85em !important;
}
.cat-list li a span:before {
  font-family: Icofont;
  padding-right: 10px;
  color: #FF0088;
  content: "\eaa0";
}
/* HEADING */
.intro-title-neg p.elementor-heading-title {
  color: #ffffff !important;
}
h1 {
  color: #FF0088;
  font-weight: 900 !important;
  font-size: 4.5em;
  line-height: 1.2;
  letter-spacing: 0.03em;
}
h2 {
  color: #28394f !important;
  font-size: 2.5em !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em;
  margin-top: 1em;
}
h3 {
  color: #FF0088 !important;
  font-size: 1.6em !important;
  line-height: 1.2em !important;
  font-weight: 600 !important;
  text-transform: none;
}
h4 {
  color: #28394f !important;
  font-size: 1.3em !important;
  font-weight: 300 !important;
  text-transform: none;
}
.dark h3,
.dark h4 {
  color: #000 !important;
}
.big.elementor-widget-heading h4 {
  font-weight: 900 !important;
  font-size: 40px;
}
/* BACKGROUND COLORS */
.bg-grey {
  background-color: #efefef !important;
}
.bg-grey-50 {
  background-color: #f2f2f2 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-blue,
.bg-theme-1 {
  background-color: #101c2c !important;
}
.bg-blue-2,
.bg-theme-2 {
  background-color: #101c2c !important;
}
.bg-theme-3 {
  background-color: #28394f !important;
}
.bg-theme-4 {
  background-color: #ffd500 !important;
}
.bg-theme-5 {
  background-color: #f1eff5 !important;
}
.clr-1,
.clr-1 span {
  color: #FF0088 !important;
  font-weight: 500;
}
.clr-2,
.clr-2 span {
  color: #101c2c !important;
  font-weight: 500;
}
.clr-3,
.clr-3 span {
  color: #28394f !important;
  font-weight: 500;
}
.border-theme-1 {
  border: 5px solid #FF0088;
}
.border-theme-2 {
  border: 5px solid #101c2c;
}
.border-theme-3 {
  border: 5px solid #28394f;
}
.bg-light-1 {
  background-color: rgba(255, 0, 136, 0.05);
}
.bg-light-2 {
  background-color: rgba(16, 28, 44, 0.05);
}
.bg-light-3 {
  background-color: rgba(40, 57, 79, 0.05);
}
.bg-dark {
  background-color: #000 !important;
}
.neg,
.neg span,
.neg h2,
.neg h3,
.neg ul li {
  color: #fff !important;
}
/* Link */
.neg a {
  background-color: none !important;
  color: #ffffff !important;
  padding: 0 3px;
  border: 0px solid #ffffff !important;
  font-weight: 500;
}
.neg a:hover,
.neg a:hover {
  border: 1px solid #ffffff !important;
}
/* MARGIN AND PADDING */
.no-margin,
.no-margin p,
.mt-0 .elementor-button-wrapper {
  margin: 0 !important;
}
.mt-0,
.mt-0 .elementor-button-wrapper {
  margin-top: 0 !important;
}
.pt-10 {
  padding-top: 10px;
}
.pt-20 {
  padding-top: 20px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-40 {
  padding-top: 40px;
}
.pt-50 {
  padding-top: 50px;
}
.pt-80 {
  padding-top: 80px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pb-40 {
  padding-bottom: 40px;
}
.pb-50 {
  padding-bottom: 50px;
}
.pb-60 {
  padding-bottom: 60px;
}
.pb-70 {
  padding-bottom: 70px;
}
.pb-80 {
  padding-bottom: 80px;
}
.p-10-cont {
  padding-top: 10px;
  padding-bottom: 10px;
}
.p-20-cont {
  padding-top: 20px;
  padding-bottom: 20px;
}
.p-30-cont {
  padding-top: 30px;
  padding-bottom: 30px;
}
.p-50-cont {
  padding-top: 50px;
  padding-bottom: 50px;
}
.p-80-cont {
  padding-top: 80px;
  padding-bottom: 80px;
}
.p-100-cont {
  padding-top: 100px;
  padding-bottom: 100px;
}
.p-120-cont {
  padding-top: 120px;
  padding-bottom: 120px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
/* MENU */
.elementor-nav-menu .menu-item .elementor-item,
.menu-item,
.e-n-menu-title-text,
.mega-menu-item span a {
  font-weight: 400;
  font-size: 1.15em !important;
  padding-right: 6px;
  color: #2C3E50;
  font-family: 'museo_sans' !important;
}
.elementor-nav-menu .sub-arrow {
  color: #fff;
}
.inline-menu li a {
  font-weight: 400 !important;
  font-size: 14px !important;
  text-transform: uppercase;
}
.inline-menu li a:hover,
.inline-menu li a:active,
.inline-menu li a:focus,
.inline-menu .elementor-item-active {
  color: #FF0088 !important;
}
/* Elementor item (hover) */
.elementor-widget-nav-menu .elementor-widget-container .elementor-nav-menu--layout-horizontal .elementor-nav-menu .menu-item .elementor-item:hover,
.elementor-nav-menu .menu-item .elementor-item:hover {
  background-color: none !important;
  font-weight: 700 !important;
  color: #FF0088;
}
/* Elementor item (active) */
.elementor-widget-nav-menu .elementor-widget-container .elementor-nav-menu--layout-horizontal .elementor-nav-menu .menu-item .elementor-item:active,
.elementor-nav-menu .menu-item .elementor-item:active,
.menu-item .elementor-item.elementor-item-active {
  background-color: none !important;
  font-weight: 700 !important;
  font-family: 'museo_sans';
  color: #FF0088;
}
.elementor-nav-menu .menu-item .elementor-item:active,
.elementor-nav-menu .menu-item .elementor-item:hover {
  font-family: 'museo_sans';
  color: #FF0088;
  background-color: none;
}
.elementor-post-info__item {
  font-size: 0.7em;
}
/* NEGATIVE STYLES */
.neg-intro .elementor-text-editor p,
.neg-intro .elementor-text-editor,
.neg-intro p {
  color: #fff !important;
  font-weight: 600 !important;
}
.neg p {
  color: #fff !important;
  font-weight: 500 !important;
}
.neg .elementor-button-link .elementor-button-text,
.neg .elementor-button-link .elementor-button-icon {
  font-size: 16px;
  color: #fff;
}
/* BUTTONS */
.neg .elementor-button-link .elementor-button-text:hover,
.neg .elementor-button-link .elementor-button-icon:hover,
.neg .elementor-button-link .elementor-button-text:active,
.neg .elementor-button-link .elementor-button-icon:hover {
  font-size: 16px;
  color: #FF0088;
}
.elementor-button .elementor-button-text {
  display: initial;
}
.btn-1 .elementor-button-text,
.btn-1 .elementor-button-icon {
  color: #fff;
  background: #FF0088;
}
.btn-sec .elementor-button-text,
.btn-sec .elementor-button-icon {
  color: #FF0088;
}
.portfolio-cat .elementor-button {
  font-size: 0.9em !important;
  background: #101c2c !important;
  border: #101c2c !important;
  padding: 3px 10px !important;
}
.elementor-button-text,
.elementor-button-icon {
  color: #fff;
  font-weight: 600;
  padding: 0 !important;
  margin: 0 !important;
}
.btn-sec .elementor-button {
  color: #fff;
  font-weight: 600;
  font-size: 1.1em !important;
  background-color: #ffffff !important;
  border: 1px solid #FF0088 !important;
  padding: 15px 15px !important;
  margin-left: 5px !important;
}
.full-width .elementor-button {
  width: 100% !important;
}
.elementor-button,
.ff-btn,
.ff-btn-submit,
.ff-btn.ff-btn-submit {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 1.1em !important;
  background-color: #FF0088 !important;
  border: 1px solid #FF0088 !important;
  padding: 10px 15px !important;
  border-radius: 50px !important;
}
.ff-btn.ff-btn-next,
.ff-btn.ff-btn-prev,
.ff_upload_btn,
.ff_upload_btn.ff-btn {
  background-color: #FF0088 !important;
  color: #ffffff !important;
  border-radius: 25px;
  font-size: 0.9em !important;
  padding: 5px 10px !important;
}
.ff-btn.ff-btn-next:hover,
.ff-btn.ff-btn-prev:hover {
  background-color: #28394f;
}
.elementor-button .elementor-button-text:after,
.ff-btn-submit:after {
  padding-left: 0.5em;
  font-family: IcoFont!important;
  /* content: "\ea94"; */
}
.elementor-button:hover {
  background-color: #28394f;
  border: 1px solid #28394f;
}
.btn-small .elementor-button {
  padding: 3px 8px !important;
}
.btn-small .elementor-button-text {
  text-transform: uppercase;
  font-size: 0.8em !important;
  background: #101c2c;
}
.neg .elementor-button {
  background-color: transparent !important;
  border: 1px solid #fff !important;
  border-radius: 50px;
}
.neg .elementor-button:hover {
  border: 0 !important;
  background-color: #28394f !important;
}
.neg .elementor-button-text,
.neg .elementor-button-icon {
  color: #fff !important;
}
.elementor-align-icon-left {
  margin-right: 8px !important;
}
.elementor-align-icon-right {
  margin-left: 8px !important;
}
.btn-small {
  padding: 3px 2px !important;
  font-size: 0.8em !important;
}
.btn-large .elementor-button {
  padding: 20px 10px !important;
}
/* BULLETED LISTS */
.content-box ul,
ul.checkbox,
.checkbox ul,
.bullet-included ul,
ul.bullet-included {
  padding-inline-start: 0;
  list-style-type: none;
  margin-left: 2.5rem;
}
ul.checkbox,
.checkbox ul li,
.bullet-included ul li,
ul.bullet-included li {
  /* To absolutly position the icons.*/
  /*To make some space for the icons.*/
}
.content-box ul li:before,
ul.checkbox li:before,
.checkbox ul li:before,
.bullet-included ul li:before,
ul.bullet-included li:before,
ul.happy li:before,
.happy ul li:before {
  position: absolute;
  margin-top: -3px;
  left: 0rem;
  font-size: 1.1em;
  font-weight: 500;
  font-family: IcoFont;
  color: #FF0088;
}
.content-box ul li:before,
ul.checkbox li:before,
.checkbox ul li:before {
  content: "\eaa0";
}
ul.happy li:before,
.happy ul li:before {
  content: "\e953";
}
ul.bullet-included li:before,
.bullet-included ul li:before {
  content: "\e94d";
}
ul.checkbox li li:before,
.checkbox li li:before {
  content: "\e1ee";
  color: black;
}
.bullet-included li li:before {
  content: "\e1ed";
  color: #101c2c;
}
.neg ul li:before,
.neg ul li li:before {
  color: #ffffff;
}
div .elementor-flip-box__layer__description span.function,
div .elementor-flip-box__layer__description span.company {
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.6);
  color: #333;
  font-weight: 600;
  text-align: left;
}
/* NOTIFICATIES HEADER */
.med-info,
.med-urgent,
.med-tekst,
.med-tekst div {
  padding: 5px 10px;
  font-weight: 700;
}
.med-info {
  background-color: #101c2c;
  color: white;
}
.med-urgent {
  background-color: #28394f;
  color: white;
}
.med-tekst {
  color: #333333;
}
/* COUNTER */
.neg .elementor-counter-number {
  color: #fff;
}
.neg .elementor-counter-title {
  color: #101c2c !important;
}
/* Case studies */
.result-description p {
  font-size: 1em !important;
  font-weight: 400 !important;
}
.result-value div {
  font-size: 1.4em;
  font-weight: 700 !important;
  color: #28394f;
}
div.increase {
  background-image: url('/bd-upload/static-images/result_increase.svg');
  width: 60px;
  height: 60px;
}
div.decrease {
  background-image: url('/bd-upload/static-images/result_decrease.svg');
  width: 60px;
  height: 60px;
}
/* FORMS */
.fluentform,
.fluentform button,
.fluentform input,
.fluentform textarea,
.fluentform label {
  font-family: 'museo_sans';
}
.fluentform label {
  font-weight: 300 !important;
}
.fluentform input,
.fluentform textarea {
  border-radius: 0;
  padding: 12px !important;
  border: 1px solid #28394f !important;
}
.ff-el-form-control {
  padding: 20px;
  border: none;
  background-color: white;
  text-transform: none;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1.2px;
  transition: 0.3s ease background, color;
  color: #333333;
  border-radius: 0 !important;
  resize: none;
}
.ff-el-form-control:focus {
  color: #101c2c;
  background-color: #fff;
  border: 3px solid #FF0088 !important;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ff-el-form-control {
  color: #999999;
}
.ff-el-form-control::placeholder {
  color: #999;
}
.ff-el-form-control:focus::placeholder {
  color: white;
}
.ff-btn:focus,
.ff-btn:hover {
  box-shadow: none;
  opacity: 1;
}
.fluentform label.ff-el-image-input-src {
  background: contain !important;
  width: 240px !important;
  height: 400px !important;
}
.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label > span {
  background-color: #28394f;
}
.fluentform .text-danger {
  color: #28394f !important;
  font-weight: 700;
}
.fluentform .ff-el-progress-bar {
  background-color: #28394f !important;
}
.ff-el-is-error .ff-el-form-control {
  border: 1.5px solid #28394f !important;
}
.ff-el-is-error .ff-el-form-check-label,
.ff-el-is-error .ff-el-form-check-label a {
  color: #28394f !important;
}
.ff-message-success {
  color: #FF0088 !important;
  border-color: #FF0088 !important;
  text-align: center;
  box-shadow: none;
  font-size: 17px;
  font-weight: 600;
}
.neg .ff_tc_label,
.neg .ff_t_c {
  color: #fff;
}
/* ICON COLORS */
.icon-white .elementor-icon svg {
  fill: #ffffff !important;
  width: 1.5em;
  height: 1.5em;
}
.icon-color-2 .elementor-icon svg {
  fill: #101c2c !important;
  width: 1.5em;
  height: 1.5em;
}
#cookie-law-info-again {
  box-shadow: none;
}
/* Facet stylinh */
.wpgb-select,
.wpgb-input {
  border-radius: 0px !important;
  border: 2px solid #101c2c !important;
}
.wpgb-facet .wpgb-facet-title {
  margin: 0 0 8px 0 !important;
}
.wpgb-select-dropdown ul li[aria-selected="true"] {
  background-color: #101c2c !important;
}
.wpgb-select-dropdown {
  border-radius: 0px !important;
}
.seopress-user-consent p {
  margin: 0;
  font-size: 0.9em !important;
  font-weight: 600 !important;
  padding: 5px 20px;
}
#seopress-user-consent-accept {
  background: #FF0088 !important;
  color: #fff !important;
  border: 0;
  border-radius: 0;
}
#seopress-user-consent-close {
  background: #101c2c;
  color: #fff;
  border: 0;
  border-radius: 0;
}
#seopress-user-consent-accept:hover,
#seopress-user-consent-close:hover {
  background: #28394f;
  color: #fff;
  border: 0;
  border-radius: 0;
}
/* Tooltip */
.tippy-box {
  background-color: #101c2c;
}
.tippy-content {
  color: #fff !important;
  font-weight: 600 !important;
}
/* FIXES */
.logo .elementor-widget-image .elementor-image > a {
  display: inline;
}
.full-height {
  height: 100% !important;
}
#main #content-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.bd-cover-img {
  background-size: cover;
}
.e-n-menu-content,
.e-n-menu-content .e-con-inner {
  background: #ffffff !important;
  background-blend-mode: normal;
}
.e--pointer-double-line .elementor-item:after,
.e--pointer-double-line .elementor-item:before,
.e--pointer-overline .elementor-item:after,
.e--pointer-overline .elementor-item:before,
.e--pointer-underline .elementor-item:after,
.e--pointer-underline .elementor-item:before {
  background-color: none !important;
  height: 0 !important;
}
/* Bartistiek homepage: rustige opening en heldere typografie */
.elementor-6793 h1,
.elementor-6793 h2,
.elementor-6793 h3,
.elementor-6793 h4 {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.025em !important;
}
.elementor-6793 .bartistiek-hero {
  background-color: #101c2c !important;
  background-image: none !important;
  padding: 100px 32px !important;
}
.bartistiek-hero::before,
.bartistiek-hero > .elementor-background-overlay,
.bartistiek-hero > .elementor-background-slideshow {
  display: none !important;
}
.elementor-6793 .bartistiek-hero-title h1 {
  font-size: 60px !important;
  line-height: 1.12 !important;
  max-width: 19ch;
  margin: 0 auto;
  color: #fff !important;
}
.bartistiek-hero .elementor-widget-text-editor p {
  font-size: 19px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  color: #DAE1EA !important;
  max-width: 660px;
  margin: 0 auto;
}
.bartistiek-hero .elementor-widget-social-icons {
  display: none;
}
/* Projectcarrousel: ruime kaarten en zachte landing */
.bartistiek-project-carousel .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.bartistiek-project-carousel {
  width: 100%;
  margin-top: 36px;
}
.bartistiek-project-card {
  width: 100%;
  padding: 0 !important;
  gap: 16px;
  text-align: left;
}
.bartistiek-project-image img {
  width: 100%;
  aspect-ratio: 1.33333333;
  object-fit: cover;
  display: block;
}
.bartistiek-project-title h3,
.bartistiek-project-title h3 a {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  color: #101c2c !important;
  margin: 4px 0 0 !important;
}
.bartistiek-project-intro,
.bartistiek-project-intro p {
  font-size: var(--body-text-size) !important;
  line-height: var(--body-text-leading) !important;
  color: #536070 !important;
  margin: 0 !important;
}
.bartistiek-project-carousel .elementor-swiper-button {
  background: #fff;
  color: #101c2c;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 12px rgba(16, 28, 44, 0.1);
}
/* Rustige typografie voor de website */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .elementor-heading-title,
body .elementor-icon-box-title {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.025em !important;
}
body h1 {
  font-size: clamp(38px, 4.8vw, 64px) !important;
  line-height: 1.1 !important;
  color: #101c2c;
}
body h2 {
  font-size: clamp(30px, 3.2vw, 44px) !important;
  line-height: 1.15 !important;
  color: #101c2c;
}
body h3 {
  font-size: 28px !important;
  line-height: 1.2 !important;
  color: #101c2c;
}
body h4,
body h5,
body h6 {
  font-size: 22px !important;
  line-height: 1.3 !important;
}
/* bartistiek: brede achtergronden, content maximaal 1280px */
.page .site-main {
  max-width: none !important;
  width: 100% !important;
}
.page-id-6792 .page-header {
  display: none;
}
.bartistiek-page-hero {
  width: 100% !important;
  max-width: none !important;
  min-height: 620px;
  padding: 110px 40px !important;
  background-size: cover !important;
  background-position: center !important;
}
.bartistiek-page-hero > .e-con-inner {
  max-width: 1280px !important;
  width: 100%;
  margin: 0 auto !important;
  justify-content: flex-start !important;
}
.bartistiek-page-hero .bartistiek-hero-content {
  width: 100% !important;
  max-width: 760px !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: flex-start !important;
  text-align: left !important;
}
.bartistiek-page-hero h1,
.bartistiek-page-hero h2 {
  color: #fff !important;
  font-size: clamp(38px, 4.4vw, 62px) !important;
  line-height: 1.1 !important;
  max-width: 750px;
}
.bartistiek-page-hero p {
  color: #eef2f7 !important;
  text-align: left !important;
  max-width: 640px;
}
.bartistiek-services-hero {
  background-image: linear-gradient(90deg, rgba(16, 28, 44, 0.92), rgba(16, 28, 44, 0.58)), url("https://www.bartistiek.nl/storage/2026/10/hero-diensten-mensen.png") !important;
}
.elementor-6793 .bartistiek-hero {
  background-image: linear-gradient(90deg, rgba(16, 28, 44, 0.93), rgba(16, 28, 44, 0.45)), url("https://www.bartistiek.nl/storage/2026/10/hero-home-mensen.png") !important;
  background-size: cover !important;
  background-position: center !important;
}
.bartistiek-page-hero .elementor-widget-button {
  text-align: left !important;
}
.elementor-button {
  background-color: #FF0088 !important;
}
.bartistiek-project-carousel .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.bartistiek-page-hero .elementor-button-wrapper {
  text-align: left !important;
}
/* Blokken en CTA’s op een gezamenlijke basislijn */
.bartistiek-services-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 32px !important;
  align-items: stretch !important;
}
.bartistiek-project-carousel .swiper-slide {
  height: auto !important;
  display: flex;
}
.bartistiek-project-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.bartistiek-project-image {
  width: 100% !important;
}
.bartistiek-project-title {
  width: 100% !important;
  min-height: 64px;
}
.bartistiek-project-intro {
  flex-grow: 1 !important;
}
/* bartistiek — ruimte, contrast en compacte knoppen */
body .elementor .elementor-button {
  padding: 10px 20px !important;
  width: auto !important;
  min-height: 0 !important;
  line-height: 1.4 !important;
  border-radius: 4px !important;
  font-size: 15px !important;
}
body .elementor .elementor-button-wrapper {
  width: auto;
}
.elementor .e-con.p-50-cont {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.elementor .e-con.p-80-cont {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.elementor .e-con.p-120-cont {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
.elementor-6793 > .e-con > .e-con-inner {
  max-width: 1280px !important;
}
.elementor-6793 .bartistiek-hero {
  min-height: 720px;
  padding-left: clamp(24px, 5vw, 80px) !important;
  padding-right: clamp(24px, 5vw, 80px) !important;
  background-image: linear-gradient(90deg, rgba(16, 28, 44, 0.94) 0%, rgba(16, 28, 44, 0.78) 42%, rgba(16, 28, 44, 0.18) 100%), url("https://www.bartistiek.nl/storage/2026/10/hero-home-mensen.png") !important;
}
.elementor-6793 .bartistiek-hero > .e-con-inner {
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 28px !important;
}
.elementor-6793 .bartistiek-hero .elementor-widget {
  width: 100% !important;
  max-width: 680px !important;
  text-align: left !important;
}
.elementor-6793 .bartistiek-hero-title h1 {
  font-size: clamp(42px, 5.4vw, 76px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
  max-width: 16ch;
  margin: 0 !important;
}
.elementor-6793 .bartistiek-hero .elementor-widget-text-editor p {
  font-size: 18px !important;
  max-width: 550px;
  margin: 0 !important;
}
.elementor-6793 .bartistiek-hero .elementor-button-wrapper {
  text-align: left !important;
}
.elementor-6793 .elementor-element-4595999 {
  max-width: 1280px !important;
  margin: auto !important;
  padding: 80px 40px !important;
}
.elementor-6793 .elementor-element-4595999 p {
  font-size: clamp(24px, 2.8vw, 36px) !important;
  line-height: 1.4 !important;
  color: #101c2c !important;
  max-width: 1000px;
}
.elementor-6793 .elementor-element-a663260 {
  background: #101c2c !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.elementor-6793 .elementor-element-a663260 > .e-con-inner {
  gap: 48px !important;
}
.elementor-6793 .elementor-element-bbd3cfe {
  gap: 24px !important;
  max-width: 800px !important;
  align-items: flex-start !important;
}
.elementor-6793 .elementor-element-a663260 h2,
.elementor-6793 .elementor-element-a663260 h3,
.elementor-6793 .elementor-element-a663260 h3 a {
  color: #fff !important;
}
.elementor-6793 .elementor-element-a663260 h6 {
  color: #FF0088 !important;
  font-size: 14px !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.elementor-6793 .elementor-element-a663260 p {
  color: #c8d1db !important;
}
.elementor-6793 .bartistiek-project-carousel {
  margin-top: 0 !important;
}
.elementor-6793 .bartistiek-project-card {
  background: transparent !important;
  gap: 18px !important;
  padding: 0 !important;
}
.elementor-6793 .bartistiek-project-card img {
  border-radius: 0 !important;
}
.elementor-6793 .bartistiek-services-grid {
  padding-left: 40px !important;
  padding-right: 40px !important;
  background: #f4f3ef !important;
}
/* Transparante navigatie en donkerblauwe footer */
.elementor-6793 .bartistiek-hero .elementor-widget {
  align-self: flex-start !important;
}
body .elementor-location-header .elementor-element-12f9a7d7,
body .elementor-location-header .elementor-element-d7c8ffb {
  background: transparent !important;
  box-shadow: none !important;
}
body .elementor-location-header .elementor-nav-menu--main .elementor-item {
  color: #fff !important;
}
body .elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
body .elementor-location-header .elementor-nav-menu--main .elementor-item-active {
  color: #FF0088 !important;
}
body .elementor-location-header .elementor-menu-toggle {
  color: #fff !important;
  background: transparent !important;
}
body .elementor-location-footer,
body .elementor-location-footer > .e-con {
  background: #101c2c !important;
}
body .elementor-location-footer > .e-con {
  padding: 80px 40px 32px !important;
}
body .elementor-location-footer h2,
body .elementor-location-footer h3,
body .elementor-location-footer p,
body .elementor-location-footer a,
body .elementor-location-footer .elementor-icon {
  color: #fff !important;
}
body .elementor-location-footer .e-con-inner {
  max-width: 1280px !important;
  gap: 40px !important;
}
body .elementor-location-footer .elementor-element-bd9a855 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px !important;
}
body .elementor-location-footer .elementor-element-104371f {
  margin-top: 48px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  color: #aab6c4 !important;
}
.elementor-6793 .bartistiek-hero .elementor-element-bfee5f6 {
  display: block !important;
  max-width: 550px !important;
}
.elementor-6793 .elementor-element-a663260 > .e-con-inner {
  align-items: flex-start !important;
}
.elementor-6793 .elementor-element-bbd3cfe {
  padding: 0 !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
}
.elementor-6793 .elementor-element-04ef3fb {
  padding: 0 !important;
}
.elementor-6793 .elementor-element-04ef3fb .elementor-button-wrapper {
  text-align: left !important;
}
/* bartistiek — gedeelde paginastijl */
body.page-id-6792 .page-header,
body.page-id-6797 .page-header,
body.page-id-6794 .page-header,
body.page-id-6802 .page-header {
  display: none !important;
}
.elementor-6794 > .elementor-element-f9b6b41 {
  padding: 80px 40px !important;
}
.elementor-6797 > .e-con > .e-con-inner,
.elementor-6794 > .e-con > .e-con-inner {
  max-width: 1280px !important;
  gap: 32px !important;
}
body .bartistiek-page-hero {
  min-height: 720px !important;
  padding: 160px 40px 100px !important;
  background-color: #101c2c !important;
  background-size: cover !important;
  background-position: center !important;
  display: flex;
  align-items: center;
}
body .bartistiek-page-hero > .e-con-inner {
  max-width: 1280px !important;
  width: 100%;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 28px !important;
}
body .bartistiek-page-hero .e-con:not(.e-con-inner) {
  padding: 0 !important;
  width: 100% !important;
  max-width: 780px !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 28px !important;
}
body .bartistiek-page-hero .elementor-widget {
  align-self: flex-start !important;
  text-align: left !important;
  width: 100% !important;
  max-width: 780px !important;
}
body .bartistiek-page-hero h1 {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-size: clamp(42px, 5.3vw, 72px) !important;
  font-weight: 500 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.04em !important;
  max-width: 18ch !important;
  color: white !important;
  margin: 0 0 28px !important;
}
body .bartistiek-page-hero p {
  color: #e1e6ec !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  max-width: 580px !important;
  margin: 0 0 28px !important;
  text-align: left !important;
}
body .bartistiek-page-hero .elementor-button-wrapper {
  text-align: left !important;
}
body .bartistiek-page-hero .elementor-widget-text-editor {
  display: block !important;
  max-width: 580px !important;
}
body .bartistiek-page-hero .elementor-widget-heading p.elementor-heading-title,
body .bartistiek-kicker {
  font-size: 14px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase;
  color: #FF0088 !important;
}
.bartistiek-services-hero {
  background-image: linear-gradient(90deg, rgba(16, 28, 44, 0.94), rgba(16, 28, 44, 0.74) 45%, rgba(16, 28, 44, 0.24)), url("https://www.bartistiek.nl/storage/2026/10/hero-diensten-mensen.png") !important;
}
.bartistiek-portfolio-hero {
  background-image: linear-gradient(90deg, rgba(16, 28, 44, 0.94), rgba(16, 28, 44, 0.74) 45%, rgba(16, 28, 44, 0.24)), url("https://www.bartistiek.nl/storage/2026/10/hero-portfolio-mensen.png") !important;
}
.bartistiek-contact-hero,
.bartistiek-about-hero {
  background-image: linear-gradient(90deg, rgba(16, 28, 44, 0.94), rgba(16, 28, 44, 0.74) 45%, rgba(16, 28, 44, 0.24)), url("https://www.bartistiek.nl/storage/2026/10/hero-contact-mensen.png") !important;
}
.bartistiek-content {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.bartistiek-section {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.bartistiek-editorial {
  max-width: 900px;
  margin-left: 0px;
}
.bartistiek-section h2 {
  margin: 0 0 28px !important;
  font-size: clamp(32px, 3.3vw, 46px) !important;
  line-height: 1.15 !important;
}
.bartistiek-section p {
  font-size: 18px;
  line-height: 1.7;
  margin: 0 0 24px;
  max-width: 900px;
}
.bartistiek-dark {
  background: #101c2c !important;
}
.bartistiek-dark h2,
.bartistiek-dark h3,
.bartistiek-dark p {
  color: #fff !important;
}
.bartistiek-three-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
  margin: 48px 0;
  align-items: stretch;
}
.bartistiek-three-columns article {
  border-top: 1px solid rgba(128, 144, 164, 0.35);
  padding-top: 28px;
}
.bartistiek-three-columns h3 {
  font-size: 28px !important;
  margin: 0 0 20px;
}
.bartistiek-three-columns a {
  color: #101c2c;
}
.elementor-6802 .elementor-element-2238fade,
.elementor-6794 .elementor-element-6185da5 {
  padding: 0 !important;
  max-width: none !important;
}
.elementor-6802 .elementor-element-2238fade > .e-con-inner,
.elementor-6794 .elementor-element-6185da5 > .e-con-inner {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  gap: 0 !important;
}
.elementor-6802 .elementor-element-52e2b3a1,
.elementor-6794 .elementor-element-fb70a6f,
.elementor-6794 .elementor-element-fb70a6f .e-con {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.elementor-6794 .elementor-element-6185da5 .e-con {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
}
.elementor-6797 .elementor-element-f54e6f2 {
  padding: 0 !important;
  gap: 24px !important;
  max-width: 900px;
  align-items: flex-start !important;
}
.elementor-6797 .bartistiek-portfolio-grid .elementor-loop-container {
  column-gap: 32px !important;
  row-gap: 56px !important;
}
.elementor-6797 .bartistiek-project-card {
  padding: 0 !important;
  background: transparent !important;
  gap: 20px !important;
}
body .elementor-button:hover {
  background-color: #d90074 !important;
}
body .bartistiek-page-hero p.bartistiek-kicker {
  color: #FF0088 !important;
  font-size: 14px !important;
}
body .elementor a.elementor-button {
  text-decoration: none !important;
  display: inline-block;
}
.elementor-6794 .elementor-element-8fd0565 {
  flex-basis: 100% !important;
  width: 100% !important;
}
.elementor-6794 .elementor-element-6185da5 > .e-con-inner {
  flex-direction: column !important;
}
body .bartistiek-page-hero::before {
  background: none !important;
}
body .bartistiek-page-hero {
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
}
body .bartistiek-page-hero > .bartistiek-content {
  margin-left: auto;
  margin-right: auto;
}
html:has(body.logged-in):not(:has(#wpadminbar)) {
  margin-top: 0 !important;
}
/* Compacte navigatie, ronde knoppen en contrastrijke negatieve tekst */
body .elementor .elementor-button,
body .fluentform .ff-btn-submit {
  border-radius: 25px !important;
  padding: 10px 20px !important;
}
body .elementor-location-header .elementor-nav-menu--main .elementor-item {
  font-size: 17px !important;
  line-height: 1.4 !important;
}
body .elementor-location-footer p,
body .elementor-location-footer .elementor-icon-box-description,
body .elementor-location-footer .elementor-element-104371f {
  font-size: 16px !important;
  line-height: 1.65 !important;
}
body .elementor-location-footer h3 {
  font-size: 22px !important;
}
body .neg,
body .neg p,
body .neg li,
body .neg span,
body .neg .elementor-widget-text-editor {
  color: #e7edf4 !important;
}
body .neg h1,
body .neg h2,
body .neg h3,
body .neg h4,
body .neg h5,
body .neg h6,
body .neg .elementor-heading-title,
body .neg a {
  color: #fff !important;
}
body .neg a:not(.elementor-button):hover {
  color: #ff8fc8 !important;
}
body .elementor-location-footer .elementor-element-104371f,
body .elementor-location-footer .elementor-element-104371f * {
  color: #e7edf4 !important;
}
.elementor-6793 .bartistiek-services-grid {
  background: #f7f3ee !important;
}
.elementor-6797 .bartistiek-project-card {
  background: #fff !important;
  padding: 0 !important;
  gap: 0 !important;
  height: 100% !important;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(16, 28, 44, 0.04);
}
.elementor-6797 .bartistiek-project-title {
  padding: 24px 24px 16px !important;
  min-height: 100px !important;
}
.elementor-6797 .bartistiek-project-intro {
  padding: 0 24px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}
.bartistiek-project-intro > .elementor-widget-container {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.bartistiek-project-cta {
  margin-top: auto;
  padding-top: 28px;
}
.elementor-6797 .bartistiek-project-intro p {
  font-size: var(--body-text-size) !important;
  line-height: var(--body-text-leading) !important;
}
body .elementor .elementor-button,
body .fluentform .ff-btn-submit {
  background: #FF0088 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 25px !important;
  padding: 10px 20px !important;
  transition: background-color 0.2s ease !important;
}
body .elementor .elementor-button:hover,
body .elementor .elementor-button:active,
body .fluentform .ff-btn-submit:hover,
body .fluentform .ff-btn-submit:active {
  background: #cc006d !important;
}
body .elementor .elementor-button:focus-visible,
body .fluentform .ff-btn-submit:focus-visible {
  outline: 2px solid #ff8fc8;
  outline-offset: 4px;
}
.bartistiek-contact-form {
  background: #f7f3ee;
  padding: 80px 40px;
}
.bartistiek-contact-form .bartistiek-content {
  max-width: 900px;
}
.bartistiek-contact-form .fluentform {
  background: #fff;
  padding: 40px;
  border-radius: 8px;
}
.bartistiek-contact-form .ff-el-form-control {
  border: 1px solid #c7cfd7;
  border-radius: 4px;
  padding: 12px 14px;
  font-size: 17px;
}
.bartistiek-contact-form .ff-el-input--label label {
  font-size: 16px;
  color: #101c2c;
}
.bartistiek-contact-form h2 {
  margin-bottom: 24px !important;
}
.bartistiek-contact-form .ff-el-group {
  margin-bottom: 24px;
}
body .elementor-6797 .bartistiek-project-cta .elementor-button {
  padding: 7px 14px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
}
/* Consistente contentbreedte en modern sectieritme */
body .elementor .e-con-boxed > .e-con-inner {
  max-width: 1280px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.elementor-6793 .bartistiek-services-grid,
.bartistiek-contact-form {
  background: #f5f5f7 !important;
}
.bartistiek-section:not(.bartistiek-dark) {
  background: #fff !important;
}
.bartistiek-dark {
  background: #101c2c !important;
}
.elementor-6797 .elementor-element-f54e6f2 {
  margin: 0 !important;
  text-align: left !important;
  align-self: flex-start !important;
}
.elementor-6797 .elementor-element-f54e6f2 .elementor-widget {
  text-align: left !important;
}
body .bartistiek-page-hero {
  padding-top: 160px !important;
  padding-bottom: 100px !important;
}
body .elementor-location-footer > .e-con {
  padding-top: 80px !important;
  padding-bottom: 32px !important;
}
/* ACF projectpagina — echte beelden en een helder leesritme */
body.single-project .site-main {
  max-width: none !important;
  width: 100% !important;
}
.bartistiek-case-template,
.bartistiek-case-template > .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}
.bartistiek-case-template .elementor-widget-shortcode {
  width: 100% !important;
}
.bartistiek-case-hero {
  position: relative;
  overflow: hidden;
  background: #101c2c;
  padding: 160px 40px 100px;
  min-height: 650px;
  display: flex;
  align-items: center;
}
.bartistiek-case-backdrop {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  opacity: 0.45;
}
.bartistiek-case-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(16, 28, 44, 0.95), rgba(16, 28, 44, 0.4));
}
.bartistiek-case-hero > .bartistiek-content {
  position: relative;
  z-index: 1;
}
.bartistiek-case-hero h1 {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-size: clamp(42px, 5.3vw, 72px) !important;
  line-height: 1.08 !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
  max-width: 18ch;
  margin: 24px 0 !important;
}
.bartistiek-case-intro {
  max-width: 700px;
}
.bartistiek-case-intro p {
  font-size: 18px;
  line-height: 1.7;
}
.bartistiek-case-client {
  font-size: 15px !important;
  margin-top: 28px !important;
}
.bartistiek-case-hero .bartistiek-kicker {
  color: #ff8fc8 !important;
}
.bartistiek-case-section,
.bartistiek-case-showcase {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.bartistiek-case-light {
  background: #f5f5f7;
}
.bartistiek-case-white,
.bartistiek-case-showcase {
  background: white;
}
.bartistiek-case-columns {
  display: grid;
  grid-template-columns: minmax(220px, 0.7fr) minmax(0, 1.3fr);
  gap: 80px;
  align-items: start;
}
.bartistiek-case-section h2 {
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.2 !important;
  color: #101c2c !important;
  margin: 0 0 28px !important;
}
.bartistiek-case-section p {
  font-size: 18px;
  line-height: 1.8;
  margin: 0 0 24px;
  max-width: 850px;
}
.bartistiek-case .bartistiek-dark h2 {
  color: white !important;
}
.bartistiek-case-main-image {
  width: 100% !important;
  height: auto !important;
  max-height: 900px;
  object-fit: contain;
  background: #f5f5f7;
}
.bartistiek-case-showcase figure {
  margin-top: 0;
  margin-bottom: 0;
}
.bartistiek-case-showcase img {
  max-width: 100%;
  height: auto;
}
.bartistiek-case-back-link {
  display: inline-block;
  margin: 16px 24px;
  color: #101c2c;
}
/* Projectonderdelen en resultaatbeelden */
.bartistiek-project-part {
  padding: 56px 0;
  border-top: 1px solid rgba(16, 28, 44, 0.12);
}
.bartistiek-project-part:first-child {
  padding-top: 0;
  border-top: 0;
}
.bartistiek-project-part > h2 {
  margin: 0 0 20px;
  color: #101c2c;
}
.bartistiek-project-part > p {
  max-width: 760px;
  margin-bottom: 32px;
}
.bartistiek-project-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  margin: 32px 0 0;
}
.bartistiek-project-gallery figure {
  margin: 0;
  min-width: 0;
}
.bartistiek-project-gallery a {
  display: block;
  background: #f5f5f7;
  border-radius: 6px;
  overflow: hidden;
}
.bartistiek-project-gallery img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.33333333;
  object-fit: contain;
  padding: 16px;
  box-sizing: border-box;
}
.bartistiek-project-gallery figcaption {
  font-size: 14px;
  line-height: 1.5;
  color: #101c2c;
  padding: 12px 0;
}
/* Volle sectiebreedte; alleen de inhoud begrenzen */
body.elementor-page #content.site-main,
body.elementor-page #content .page-content,
body.elementor-page #content .page-content > .elementor {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.elementor-6797 > .e-con {
  width: 100% !important;
  max-width: none !important;
  align-self: stretch !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.elementor-6797 > .e-con > .e-con-inner {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Tot de kern: eigen plek bij merkontdekking */
body.page-id-7199 #content,
body.page-id-7199 .site-main,
body.page-id-7199 .page-content {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.bartistiek-workshop {
  width: 100%;
  color: #101c2c;
}
.bartistiek-workshop-hero {
  background-image: linear-gradient(90deg, rgba(16, 28, 44, 0.94), rgba(16, 28, 44, 0.76) 45%, rgba(16, 28, 44, 0.25)), url(https://www.bartistiek.nl/storage/2026/10/hero-diensten-mensen.png);
}
.bartistiek-workshop .bartistiek-content {
  max-width: 1280px;
}
.bartistiek-workshop .bartistiek-workshop-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  margin: 40px 0;
}
.bartistiek-workshop .bartistiek-workshop-grid > div {
  background: #f5f5f7;
  padding: 32px;
  border-top: 3px solid #101c2c;
}
.bartistiek-workshop h3 {
  font-family: 'Arial', Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 20px;
}
.bartistiek-workshop img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.bartistiek-workshop .elementor-button {
  display: inline-block;
  background: #FF0088;
  color: white !important;
  font: 14px/1.3 Arial, Helvetica, sans-serif;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
}
.bartistiek-workshop .elementor-button:hover,
.bartistiek-workshop .elementor-button:active {
  background: #cc006d;
}
.bartistiek-workshop .elementor-button:focus-visible {
  outline: 2px solid #ff8fc8;
  outline-offset: 4px;
}
.bartistiek-workshop .bartistiek-workshop-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}
.elementor-6793 .elementor-element-4595999 .e-paragraph-base {
  padding: 0 !important;
  margin: 0 auto !important;
  font-size: clamp(24px, 2.4vw, 32px) !important;
  line-height: 1.4 !important;
}
.elementor-6793 .elementor-element-4595999 .e-con-inner {
  padding: 0 !important;
}
.bartistiek-project-carousel .bartistiek-project-card {
  background: #fff !important;
  border-radius: 8px;
  overflow: hidden;
  color: #101c2c !important;
  height: 100%;
}
.bartistiek-project-carousel .bartistiek-project-card > .e-con-inner {
  padding: 0 !important;
  gap: 0 !important;
}
.bartistiek-project-carousel .bartistiek-project-image img {
  display: block;
  width: 100%;
  aspect-ratio: 1.6;
  object-fit: cover;
}
.bartistiek-project-carousel .bartistiek-project-title {
  padding: 24px 24px 12px !important;
}
.bartistiek-project-carousel .bartistiek-project-title .elementor-heading-title,
.bartistiek-project-carousel .bartistiek-project-title a {
  font-size: 28px !important;
  line-height: 1.2 !important;
  color: #101c2c !important;
}
.bartistiek-project-carousel .bartistiek-project-intro {
  padding: 0 24px 28px !important;
  color: #101c2c !important;
}
.bartistiek-project-carousel .bartistiek-project-intro p {
  color: #101c2c !important;
  font-size: var(--body-text-size) !important;
  line-height: var(--body-text-leading) !important;
}
.bartistiek-project-carousel .bartistiek-project-cta .elementor-button {
  font-size: 13px !important;
  padding: 7px 14px !important;
}
body.single-project #content,
body.single-project .site-main,
body.single-project .page-content {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.single-project .bartistiek-case-template,
body.single-project .bartistiek-case-template > .e-con-inner,
body.single-project .bartistiek-case-template .elementor-widget-shortcode,
body.single-project .bartistiek-case-template .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.bartistiek-case > .bartistiek-case-section:last-child {
  background: #101c2c !important;
  color: #e7edf4 !important;
}
.bartistiek-case > .bartistiek-case-section:last-child h2,
.bartistiek-case > .bartistiek-case-section:last-child p,
.bartistiek-case > .bartistiek-case-section:last-child .bartistiek-case-back-link {
  color: #fff !important;
}
.bartistiek-project-gallery a {
  background: transparent !important;
}
.bartistiek-project-gallery img {
  padding: 0 !important;
}
.bartistiek-workshop .elementor-button {
  background: #FF0088 !important;
  color: #fff !important;
  border: 0 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  padding: 10px 20px !important;
  border-radius: 25px !important;
}
.bartistiek-workshop .elementor-button:hover,
.bartistiek-workshop .elementor-button:active {
  background: #cc006d !important;
}
body #content .elementor-6793 .bartistiek-project-carousel .bartistiek-project-card .bartistiek-project-title a {
  color: #101c2c !important;
}
/* Gelijke beeldvlakken voor projectkaarten */
body .elementor .bartistiek-project-card .bartistiek-project-image {
  height: 280px !important;
  min-height: 280px !important;
  max-height: 280px !important;
  width: 100% !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #f5f5f7 !important;
}
body .elementor .bartistiek-project-card .bartistiek-project-image > .elementor-widget-container {
  height: 280px !important;
  width: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
body .elementor .bartistiek-project-card .bartistiek-project-image img {
  opacity: 0 !important;
  height: 280px !important;
  width: 100% !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}
body .bartistiek-case > .bartistiek-case-section:last-child {
  background: #263b50 !important;
}
/* Randloos beeldvlak en uitleg direct bij het logo */
body .elementor .bartistiek-project-card > .e-con-inner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  gap: 0 !important;
}
.bartistiek-logo-explanation {
  margin: 32px 0 0;
  max-width: 900px;
}
.bartistiek-logo-explanation h3 {
  font-size: 24px !important;
  margin: 28px 0 12px !important;
}
/* bartistiek beheerbalk — huisstijl */
body #wpadminbar,
body #wpadminbar .menupop .ab-sub-wrapper {
  background: #101c2c !important;
}
body #wpadminbar .ab-item,
body #wpadminbar .ab-label,
body #wpadminbar .ab-icon:before {
  color: #fff !important;
}
body #wpadminbar .ab-top-menu > li:hover > .ab-item,
body #wpadminbar .ab-top-menu > li.hover > .ab-item,
body #wpadminbar .ab-top-menu > li > .ab-item:focus,
body #wpadminbar .ab-submenu .ab-item:hover {
  background: #263b50 !important;
  color: #fff !important;
}
body #wpadminbar #wp-admin-bar-new-content > .ab-item {
  background: #FF0088 !important;
  color: #101c2c !important;
}
body #wpadminbar #wp-admin-bar-new-content > .ab-item:hover {
  background: #cc006d !important;
  color: #fff !important;
}
/* bartistiek LoginPress — verfijning en contrast */
body.login {
  background-color: #101c2c !important;
}
body.login #login form {
  border-radius: 16px!important;
  padding: 32px!important;
}
body.login #login label {
  color: #101c2c !important;
  font-size: 15px!important;
}
body.login #login .forgetmenot label {
  font-size: 14px!important;
}
body.login #login .button-primary {
  background: #FF0088 !important;
  border-color: #FF0088 !important;
  border-radius: 25px!important;
  font-size: 16px!important;
  padding: 9px 20px!important;
  color: #101c2c !important;
}
body.login #login .button-primary:hover,
body.login #login .button-primary:focus {
  background: #cc006d !important;
  border-color: #cc006d !important;
  color: #fff !important;
}
body.login .language-switcher label,
body.login .language-switcher .dashicons {
  color: #fff !important;
}
body.login .dashicons,
body.login .dashicons:before {
  font-family: dashicons!important;
}
body.login #login .language-switcher label,
body.login #login .language-switcher .dashicons {
  color: #fff !important;
}
/* Projectpresentatie: uitdaging naast het werk, met royaal beeldritme */
.bartistiek-case-opening {
  padding: 96px 40px!important;
}
.bartistiek-case-opening-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: clamp(40px, 6vw, 96px);
  align-items: center;
}
.bartistiek-case-opening-grid > * {
  min-width: 0;
}
.bartistiek-case-challenge h2 {
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.2 !important;
  margin: 16px 0 28px!important;
  color: #101c2c !important;
}
.bartistiek-case-challenge p {
  font-size: 18px;
  line-height: 1.8;
  max-width: 560px;
}
.bartistiek-case-opening-visual {
  margin: 0!important;
  padding: 24px 0;
}
.bartistiek-case-opening-visual .bartistiek-case-main-image {
  display: block;
  width: 100%!important;
  height: auto!important;
  max-height: 660px;
  object-fit: contain;
  background: transparent;
}
.bartistiek-case-opening-grid > :only-child {
  grid-column-start: 1;
  grid-column-end: -1;
}
.bartistiek-project-part {
  padding: 80px 0;
}
.bartistiek-project-gallery {
  gap: 48px;
  margin-top: 40px;
}
.bartistiek-project-gallery > :only-child {
  grid-column-start: 1;
  grid-column-end: -1;
}
.bartistiek-project-gallery > :only-child img {
  aspect-ratio: auto;
  max-height: 850px;
}
/* Wisselend beeldritme: hoofdbeeld gevolgd door een tweeluik */
.bartistiek-project-gallery > :first-child:nth-last-child(3) {
  grid-column-start: 1;
  grid-column-end: -1;
}
.bartistiek-project-gallery > :first-child:nth-last-child(3) img {
  aspect-ratio: auto;
  max-height: 800px;
}
.bartistiek-case-logo-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(40px, 6vw, 96px);
  align-items: center;
}
.bartistiek-case-logo-grid figure {
  margin: 0;
  padding: 40px;
}
.bartistiek-case-logo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 480px;
  object-fit: contain;
}
/* Logo’s volledig zichtbaar binnen het vaste kaartbeeld */
body .elementor .bartistiek-project-card .bartistiek-project-image > .elementor-widget-container:has(img[src*="-logo"]) {
  background-size: contain !important;
  background-origin: content-box;
  padding: 20px !important;
}
/* Twee uitgelichte portfolio-projecten, onafhankelijk van de homepage */
.elementor-6797 .bartistiek-portfolio-featured {
  width: 100%;
  margin-bottom: 56px !important;
}
.elementor-6797 .bartistiek-portfolio-featured .elementor-loop-container {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body .elementor-6797 .bartistiek-portfolio-featured .bartistiek-project-card .bartistiek-project-image,
body .elementor-6797 .bartistiek-portfolio-featured .bartistiek-project-card .bartistiek-project-image > .elementor-widget-container,
body .elementor-6797 .bartistiek-portfolio-featured .bartistiek-project-card .bartistiek-project-image img {
  height: 360px !important;
  min-height: 360px !important;
  max-height: 360px !important;
}
/* Vierkante portfolio-composities met ruimte voor het volledige ontwerp */
body .elementor .bartistiek-project-card .bartistiek-project-image,
body .elementor-6797 .bartistiek-portfolio-featured .bartistiek-project-card .bartistiek-project-image {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 !important;
  background-color: #fff !important;
}
body .elementor .bartistiek-project-card .bartistiek-project-image > .elementor-widget-container,
body .elementor-6797 .bartistiek-portfolio-featured .bartistiek-project-card .bartistiek-project-image > .elementor-widget-container {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 1 !important;
  box-sizing: border-box !important;
  background-size: contain !important;
  background-origin: content-box !important;
  padding: 9% !important;
  background-color: #fff !important;
}
body .elementor .bartistiek-project-card .bartistiek-project-image img,
body .elementor-6797 .bartistiek-portfolio-featured .bartistiek-project-card .bartistiek-project-image img {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
}
body .elementor-location-header .elementor-nav-menu--main .elementor-item {
  color: #101c2c !important;
}
body .elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
body:has(.bd-home) .elementor-location-header .elementor-nav-menu--main .elementor-item-active {
  color: #FF0088 !important;
}
body .elementor-location-header .elementor-menu-toggle {
  color: #101c2c !important;
}
body .elementor-location-header .elementor-element-12f9a7d7 {
  max-width: 1360px !important;
  margin: auto !important;
  padding: 28px 40px !important;
}
body .elementor-location-header .elementor-element-7f9989a {
  display: none !important;
}
body .elementor-6793 .bartistiek-hero .bartistiek-home-editorial {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}
body .elementor-6793 .bartistiek-home-editorial > .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}
/* Homepage: lichte ondergrond, witte kaarten en rustige beweging */
body .elementor-6793 .bd-home .bd-opening {
  background: #f5f3f8;
  padding-top: 64px;
}
@keyframes bd-arrive {
  from {
    opacity: 0;
    transform: translateY(26px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bd-scroll-arrive {
  from {
    opacity: 0.25;
    transform: translateY(36px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Websiteontwerpen blijven volledig zichtbaar, zonder uitsnede */
body .elementor-6793 .bd-home .bd-screen img {
  object-fit: contain;
  object-position: center;
  background: #fff;
}
/* Homepage-header op dezelfde linkerlijn als de inhoud */
body .elementor-location-header .elementor-element-12f9a7d7 {
  justify-content: space-between !important;
}
body .elementor-location-header .elementor-widget-theme-site-logo {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
}
/* Homepage-hero: vormgeving in CSS Hero; Flexbox en responsive breedtes in Elementor. */
html body .elementor .bartistiek-native-hero {
  background: #FF0088;
  padding: 80px 40px 0;
  overflow: hidden;
}
html body .elementor .bartistiek-native-hero h1 {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-size: clamp(42px, 5.5vw, 76px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.045em !important;
  font-weight: 700!important;
  color: #101c2c !important;
  margin: 0!important;
}
html body .elementor .bartistiek-native-hero h1 span {
  font-family: inherit!important;
  font-weight: inherit!important;
}
html body .elementor .bartistiek-native-hero h1 .bd-accent {
  color: #ffffff !important;
}
html body .elementor .bartistiek-native-hero h1 .bd-dot {
  display: inline-block;
  width: 0.14em;
  height: 0.14em;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #FF0088;
  color: transparent!important;
  margin-left: 0.035em;
  overflow: hidden;
  line-height: 0!important;
}
html body .elementor .bartistiek-native-hero > .e-con-inner > .elementor-widget-text-editor p {
  color: #ffffff !important;
  margin: 0;
}
/* Native Elementor-projectslider */
body .elementor-6793 .bartistiek-home-projects {
  grid-column-start: 1;
  grid-column-end: -1;
  width: 100% !important;
  max-width: none !important;
  background: #eeedf3 !important;
  box-shadow: 0 0 0 100vmax #eeedf3;
  clip-path: inset(0 -100vmax);
  padding: 56px 0 64px !important;
  margin-top: 40px;
  gap: 18px !important;
}
body .elementor-6793 .bartistiek-home-work-title {
  order: -3;
  max-width: none !important;
  width: 100% !important;
}
body .elementor-6793 .bartistiek-home-work-title h2 {
  font: 700 clamp(30px, 3.4vw, 46px)/1.12 Arial, Helvetica, sans-serif !important;
  letter-spacing: -0.04em !important;
  color: #101c2c !important;
  margin: 0 !important;
}
body .elementor-6793 .bartistiek-home-work-intro {
  order: -2;
  max-width: 680px !important;
  margin-bottom: 20px;
}
body .elementor-6793 .bartistiek-home-work-intro p {
  font-size: 17px !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  padding-bottom: 60px;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-card {
  background: #fff !important;
  border-radius: 22px;
  overflow: hidden;
  height: 460px !important;
  position: relative;
  padding: 0 !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-card > .e-con-inner {
  display: grid !important;
  grid-template-columns: 56% 44%;
  grid-template-rows: 1fr 1.5fr;
  height: 460px !important;
  padding: 0 !important;
  gap: 0 !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-image {
  grid-column: 1;
  grid-row-start: 1;
  grid-row-end: 3;
  height: 460px !important;
  min-height: 460px !important;
  max-height: 460px !important;
  aspect-ratio: auto !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-image > .elementor-widget-container {
  height: 460px !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  background-image: none !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-image img {
  opacity: 1 !important;
  width: 100% !important;
  height: 460px !important;
  max-height: 460px !important;
  object-fit: cover !important;
  aspect-ratio: auto !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-title {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  padding: 36px 40px 18px !important;
  min-height: 0 !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-title h3,
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-title a {
  font: 700 clamp(28px, 3.1vw, 42px)/1.12 Arial, Helvetica, sans-serif !important;
  letter-spacing: -0.035em !important;
  color: #101c2c !important;
  margin: 0 !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-title h3:after {
  content: '.';
  color: #FF0088;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-intro {
  grid-column: 2;
  grid-row: 2;
  padding: 0 40px 40px !important;
  min-width: 0;
  max-width: none !important;
  position: static !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-intro > .elementor-widget-container {
  color: #354050 !important;
  font-size: var(--body-text-size) !important;
  line-height: var(--body-text-leading) !important;
  position: static !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-cta {
  margin-top: 24px;
  padding-top: 0;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-cta a.elementor-button {
  background: transparent !important;
  color: #101c2c !important;
  padding: 0 !important;
  font-size: 14px !important;
  border: 0 !important;
  position: static;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-cta a:before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-cta a:after {
  content: '↗';
  color: #FF0088;
  font-size: 24px;
  margin-left: 14px;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel [data-swiper-slide-index='1'] .bartistiek-project-card > .e-con-inner {
  grid-template-columns: 44% 56%;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel [data-swiper-slide-index='1'] .bartistiek-project-image {
  grid-column: 2;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel [data-swiper-slide-index='1'] .bartistiek-project-title,
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel [data-swiper-slide-index='1'] .bartistiek-project-intro {
  grid-column: 1;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7109 .bartistiek-project-image img,
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image img {
  object-fit: contain !important;
  padding: 32px !important;
  background: #f6f5fa;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .elementor-swiper-button {
  top: auto !important;
  bottom: 0 !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #FF0088 !important;
  width: 48px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .elementor-swiper-button-prev {
  left: auto !important;
  right: 64px !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .elementor-swiper-button-next {
  left: auto !important;
  right: 0 !important;
}
/* Kleurproef op verzoek: magenta hero boven de lichte projectsectie */
/* Accelerant: volledige website binnen een rustig desktopmockup */
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image > .elementor-widget-container {
  position: relative;
  background: #f0edf5 !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image img {
  position: absolute;
  left: 10%;
  top: 19%;
  width: 80% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 70% !important;
  padding: 0 !important;
  object-fit: contain !important;
  border: 12px solid #fff;
  border-bottom: 36px solid #dadce0;
  border-radius: 12px;
  box-shadow: 0 16px 28px rgba(16, 28, 44, 0.15);
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image > .elementor-widget-container:after {
  content: '';
  position: absolute;
  width: 20%;
  height: 40px;
  left: 40%;
  top: 78%;
  background: linear-gradient(#acb0b5, #e4e6e9);
  clip-path: polygon(28% 0, 72% 0, 80% 85%, 100% 92%, 100% 100%, 0 100%, 0 92%, 20% 85%);
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image > .elementor-widget-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image img {
  position: static;
  flex: none;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image > .elementor-widget-container:after {
  position: static;
  flex: none;
  margin-top: -1px;
}
/* Zilveren iMac: dun zwart glas, aluminium onderrand en voet. Oude generieke schermvorm vervallen. */
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image > .elementor-widget-container {
  background: radial-gradient(ellipse at 50% 42%, #fff 0%, #f4f3f6 72%) !important;
  padding: 40px 28px !important;
  isolation: isolate;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image img {
  box-sizing: border-box;
  position: relative;
  width: 94% !important;
  max-height: none !important;
  aspect-ratio: auto;
  object-fit: contain !important;
  border: 10px solid #18191c;
  border-bottom: 38px solid #d7d8da;
  border-radius: 13px 13px 10px 10px;
  outline: 1px solid #b9bcc1;
  box-shadow: 0 20px 34px -12px rgba(16, 28, 44, 0.28), inset 0 0 1px #fff;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image > .elementor-widget-container:after {
  width: 24%;
  height: 48px;
  background: linear-gradient(180deg, #92969c 0%, #bfc2c6 24%, #e5e7e9 84%, #f4f5f6 88%, #b4b8bd 94%, #d4d7da 100%);
  clip-path: polygon(31% 0, 69% 0, 73% 74%, 96% 89%, 100% 94%, 100% 100%, 0 100%, 0 94%, 4% 89%, 27% 74%);
  border-radius: 0;
  margin-top: 0;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image img {
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  clip-path: none !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image img {
  border: 10px solid #18191c !important;
  border-radius: 10px !important;
  outline: 1px solid #b9bcc1;
  box-shadow: 0 34px 0 #d7d8da, 0 48px 30px -15px rgba(16, 28, 44, 0.22) !important;
}
body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .e-loop-item-7115 .bartistiek-project-image > .elementor-widget-container:after {
  margin-top: 34px !important;
}
/* Onze aanpak — native Elementor containers */
body .ba-section {
  width: 100%;
  max-width: none;
  padding: 80px 40px !important;
  gap: 0;
}
body .ba-section > .e-con-inner {
  width: 100%;
  max-width: 1280px !important;
  padding: 0 !important;
  gap: 24px;
}
body .ba-section h1,
body .ba-section h2,
body .ba-section h3 {
  font-family: 'museo_sans', sans-serif !important;
  letter-spacing: -0.035em !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  margin: 0 !important;
  color: #101c2c !important;
}
body .ba-section h1 {
  font-size: clamp(44px, 5.5vw, 76px) !important;
}
body .ba-section h2 {
  font-size: clamp(32px, 3.5vw, 48px) !important;
}
body .ba-section h3 {
  font-size: 22px !important;
}
body .ba-section p {
  font-size: 17px !important;
  line-height: 1.7 !important;
  margin: 0 0 16px;
}
body .ba-section .ba-dot {
  color: #FF0088 !important;
  font-weight: 900 !important;
}
body .ba-hero {
  min-height: 560px;
  justify-content: center;
  background: linear-gradient(90deg, rgba(16, 28, 44, 0.95), rgba(16, 28, 44, 0.78) 55%, rgba(16, 28, 44, 0.35)), url('https://www.bartistiek.nl/storage/2026/10/hero-diensten-mensen.png') center / cover;
}
body .ba-hero h1,
body .ba-hero p,
body .ba-cta h2,
body .ba-cta p {
  color: #fff !important;
}
body .ba-hero .elementor-widget-text-editor {
  max-width: 720px;
}
body .ba-eyebrow p {
  font-size: 12px !important;
  letter-spacing: 0.16em;
  font-weight: 700 !important;
}
body .ba-intro {
  background: #eeedf3;
}
body .ba-intro > .e-con-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}
body .ba-number p {
  font-size: 54px !important;
  line-height: 1 !important;
  color: #FF0088 !important;
  font-weight: 900 !important;
  margin: 0 0 18px;
}
body .ba-subtitle p {
  max-width: 400px;
  font-size: 22px !important;
  line-height: 1.4 !important;
}
body .ba-light {
  background: #f1eff5;
}
body .ba-white {
  background: #fff;
}
body .ba-example {
  padding: 24px 0 0;
  border-top: 1px solid #cfd1db;
}
body .ba-example p {
  font-size: 15px !important;
}
body .ba-link .elementor-button {
  background: #FF0088 !important;
  color: #101c2c !important;
  padding: 10px 20px !important;
  border-radius: 25px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  transition: background 0.25s ease;
}
body .ba-link .elementor-button span {
  color: inherit !important;
  font-weight: 700 !important;
}
body .ba-link .elementor-button:hover,
body .ba-link .elementor-button:focus {
  background: #bd0065 !important;
  color: #fff !important;
}
body .ba-cta {
  background: #28394f;
}
body .ba-home-process {
  background: #101c2c;
}
body .ba-home-process h2,
body .ba-home-process h3,
body .ba-home-process p {
  color: #fff !important;
}
body .ba-home-process > .e-con-inner {
  gap: 36px;
}
body .ba-process-grid {
  width: 100%;
  padding: 0 !important;
}
body .ba-process-card {
  width: 100%;
  padding: 25px 0 0 !important;
  border-top: 1px solid #526070;
}
body .ba-process-card > .e-con-inner {
  padding: 0 !important;
  gap: 18px;
  height: 100%;
}
body .ba-process-card h3 {
  font-size: 26px !important;
}
body .ba-process-card p {
  font-size: 15px !important;
}
body .ba-process-card .ba-number p {
  color: #FF0088 !important;
  font-size: 24px !important;
}
body .ba-process-card .ba-link {
  margin-top: auto;
}
body .ba-process-card .ba-link .elementor-button {
  background: transparent !important;
  color: #FF0088 !important;
  padding: 8px 0 !important;
}
/* Homepage approach placement */
body .elementor-6793 {
  display: flex;
  flex-direction: column;
}
body .ba-section h1,
body .ba-section h2,
body .ba-section h3 {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-weight: 700!important;
}
body .ba-hero .elementor-widget-text-editor {
  max-width: 720px!important;
}
body .ba-home-process > .e-con-inner > .elementor-widget-text-editor {
  max-width: 900px!important;
}
/* Shared page style and accessible actions */
body .elementor-button,
body .fluentform .ff-btn-submit {
  background: #d60072 !important;
  color: #fff !important;
  border-radius: 25px!important;
  padding: 10px 20px!important;
  font-size: 14px!important;
  line-height: 1.45 !important;
  min-height: 40px;
}
body .elementor-button .elementor-button-text,
body .elementor-button .elementor-button-content-wrapper {
  color: #fff !important;
}
body .elementor-button:hover,
body .elementor-button:active,
body .fluentform .ff-btn-submit:hover {
  background: #a80059 !important;
  color: #fff !important;
}
body .ba-process-card .ba-link .elementor-button {
  background: transparent!important;
  color: #FF0088 !important;
  padding: 8px 0!important;
  min-height: 44px;
}
body .ba-process-card .ba-link .elementor-button span {
  color: #FF0088 !important;
}
body a:focus-visible,
body button:focus-visible,
body [role=button]:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 3px!important;
  box-shadow: 0 0 0 6px #101c2c !important;
}
body input:focus-visible,
body textarea:focus-visible {
  outline: 3px solid #101c2c !important;
  outline-offset: 3px!important;
}
body .fluentform input,
body .fluentform textarea {
  border: 1px solid #737a86 !important;
  color: #101c2c !important;
  background: #fff !important;
}
body .bartistiek-page-hero {
  min-height: 600px!important;
  padding: 100px 40px 80px!important;
}
body .bartistiek-page-hero h1 {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-weight: 700!important;
  font-size: clamp(44px, 5.5vw, 76px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  color: #fff !important;
  max-width: 980px!important;
}
body .bartistiek-page-hero p {
  font-size: 17px!important;
  line-height: 1.7 !important;
  max-width: 720px!important;
  color: #fff !important;
}
body .bartistiek-page-hero .bartistiek-kicker,
body .bartistiek-page-hero .elementor-widget-heading:first-child .elementor-heading-title {
  font-size: 12px!important;
  letter-spacing: 0.16em !important;
  font-weight: 700!important;
  color: #fff !important;
}
body .ba-dot {
  color: #FF0088 !important;
}
body .elementor-6797 h2 {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-size: clamp(32px, 3.5vw, 48px) !important;
  font-weight: 700!important;
  letter-spacing: -0.035em !important;
  line-height: 1.08 !important;
}
body .elementor-6797 > .e-con:not(.bartistiek-page-hero) {
  max-width: none!important;
  width: 100%!important;
}
body .elementor-6797 > .e-con > .e-con-inner {
  max-width: 1280px!important;
  width: 100%!important;
}
body .bartistiek-project-card {
  background: #fff !important;
  border-radius: 16px!important;
  overflow: hidden;
  box-shadow: 0 12px 36px rgba(16, 28, 44, 0.06) !important;
}
/* About and contact: native Elementor sections */
body .ba-about-hero,
body .ba-contact-hero {
  background: linear-gradient(90deg, rgba(16, 28, 44, 0.96), rgba(16, 28, 44, 0.82) 60%, rgba(16, 28, 44, 0.6)), url('https://www.bartistiek.nl/storage/2026/10/hero-contact-mensen.png') center / cover !important;
}
body .ba-three-grid {
  width: 100%;
  padding: 12px 0!important;
}
body .ba-three-grid > .e-con-inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px;
  padding: 0;
  max-width: none;
}
body .ba-feature {
  width: 100%!important;
  padding: 28px 0 0!important;
  border-top: 1px solid #737a86;
}
body .ba-feature > .e-con-inner {
  gap: 20px;
  padding: 0!important;
}
body .ba-feature .ba-number p {
  font-size: 26px!important;
}
body .ba-feature h3 {
  font-size: 28px!important;
}
body .ba-dark {
  background: #101c2c !important;
}
body .ba-dark h2,
body .ba-dark h3,
body .ba-dark p {
  color: #fff !important;
}
body .ba-copy {
  width: 100%;
  padding: 0!important;
}
body .ba-copy > .e-con-inner {
  padding: 0!important;
  gap: 24px;
}
body .ba-contact-section > .e-con-inner {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 80px;
}
body .ba-contact-section .fluentform {
  background: #fff;
  padding: 36px;
  border-radius: 16px;
}
body .ba-section a:not(.elementor-button) {
  color: #a80059;
  text-decoration: underline;
  text-underline-offset: 4px;
}
body .bartistiek-page-hero .elementor-widget-heading h1.elementor-heading-title {
  font-size: clamp(44px, 5.5vw, 76px) !important;
  letter-spacing: -0.035em !important;
  line-height: 1.08 !important;
  font-weight: 700!important;
}
body .ba-section .ba-link .elementor-button {
  background: #d60072 !important;
  color: #fff !important;
}
body .ba-section .ba-link .elementor-button span {
  color: #fff !important;
}
body .ba-section .ba-link .elementor-button:hover {
  background: #a80059 !important;
}
body .ba-home-process .ba-process-card .ba-link .elementor-button {
  background: transparent!important;
}
body .ba-home-process .ba-process-card .ba-link .elementor-button span {
  color: #FF0088 !important;
}
/* Final specificity and contrast refinements */
html body .elementor .elementor-button,
html body .fluentform .ff-btn-submit,
html body .bartistiek-workshop .elementor-button {
  background: #d60072 !important;
  color: #fff !important;
  min-height: 40px!important;
  font-size: 14px!important;
}
html body .elementor .elementor-button span {
  color: #fff !important;
}
html body .elementor .elementor-button:hover,
html body .elementor .elementor-button:active,
html body .fluentform .ff-btn-submit:hover {
  background: #a80059 !important;
  color: #fff !important;
}
html body .ba-home-process .ba-process-card .ba-link .elementor-button,
html body .ba-home-process .ba-process-card .ba-link .elementor-button:hover {
  background: transparent!important;
}
html body .ba-home-process .ba-process-card .ba-link .elementor-button span {
  color: #FF0088 !important;
}
html body .elementor .ba-dot {
  font-family: inherit!important;
  font-size: inherit!important;
  font-weight: inherit!important;
  line-height: inherit!important;
}
html body .elementor .bartistiek-page-hero h1.elementor-heading-title {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-size: clamp(44px, 5.5vw, 76px) !important;
  font-weight: 700!important;
  letter-spacing: -0.035em !important;
  line-height: 1.08 !important;
  max-width: 980px!important;
}
html body .elementor .bartistiek-page-hero {
  background-color: #101c2c !important;
}
html body .elementor .elementor-button:focus-visible,
html body .fluentform .ff-btn-submit:focus-visible {
  outline: 3px solid white!important;
  outline-offset: 3px!important;
  box-shadow: 0 0 0 6px #101c2c !important;
}
html body .elementor-6797 .bartistiek-project-cta .elementor-button {
  font-size: 13px!important;
  min-height: 34px!important;
  padding: 7px 14px!important;
}
html body .elementor.elementor-6797 .bartistiek-page-hero h1 .ba-dot,
html body .elementor .ba-dot {
  color: #FF0088 !important;
}
html body .elementor.elementor-6797 h2,
html body .elementor.elementor-6797 h2 span {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-size: clamp(32px, 3.5vw, 48px) !important;
  font-weight: 700!important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}
html body .elementor.elementor-6797 .bartistiek-page-hero h1 {
  max-width: 1000px!important;
}
html body .ba-dark .ba-number p {
  color: #FF0088 !important;
}
html body .fluentform input::placeholder,
html body .fluentform textarea::placeholder {
  color: #5c6572 !important;
  opacity: 1;
}
html body .elementor.elementor-6797 .bartistiek-project-card h3,
html body .elementor.elementor-6797 .bartistiek-project-card h3 * {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-weight: 700!important;
  font-size: 26px!important;
  line-height: 1.15 !important;
  letter-spacing: -0.025em !important;
}
html body.page-id-7348 .ba-hero {
  padding-top: 160px!important;
}
/* Diensten: five editorial rows{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;grid-template-rows:auto auto auto!important;align-items:start!important;column-gap:90px!important;row-gap:28px!important;}



/* Native Elementor content: shared typography and image appearance only */
html body .elementor .bn-section h1,
html body .elementor .bn-section h2,
html body .elementor .bn-section h3 {
  font-family: 'Arial', Helvetica, sans-serif !important;
  font-weight: 700!important;
  letter-spacing: -0.035em !important;
  color: #101c2c;
}
html body .elementor .bn-section h1 {
  font-size: clamp(44px, 5.3vw, 76px) !important;
  line-height: 1.04 !important;
}
html body .elementor .bn-section h2 {
  font-size: clamp(32px, 3.5vw, 48px) !important;
  line-height: 1.12 !important;
}
html body .elementor .bn-section h3 {
  font-size: 24px!important;
  line-height: 1.2 !important;
}
html body .elementor .bn-section p {
  font-size: 17px;
  line-height: 1.7;
}
html body .elementor .bn-number p {
  font: 700 54px/1 Arial, Helvetica, sans-serif !important;
  color: #FF0088 !important;
  margin: 0;
}
html body .elementor .bn-project-image img {
  border-radius: 16px;
  max-height: 460px;
  width: 100%;
  object-fit: contain;
}
html body .elementor .bn-project-image figcaption {
  font-size: 13px;
  line-height: 1.5;
  color: #4d5662;
  margin-top: 12px;
  text-align: left;
}
html body .elementor .bn-hero {
  background-image: linear-gradient(90deg, rgba(16, 28, 44, 0.94), rgba(16, 28, 44, 0.74) 45%, rgba(16, 28, 44, 0.24)), url("https://www.bartistiek.nl/storage/2026/10/hero-diensten-mensen.png");
  background-size: cover;
  background-position: center;
}
html body .elementor .bn-hero .elementor-widget-heading,
html body .elementor .bn-hero .elementor-widget-text-editor {
  max-width: 760px!important;
}
html body .elementor .bn-section.neg h1,
html body .elementor .bn-section.neg h2,
html body .elementor .bn-section.neg p {
  color: #fff;
}
/* Projectonderdelen: afwisselend licht en wit, beheerd in CSS Hero */
html body .bartistiek-case-showcase:has(.bartistiek-project-part) {
  padding: 0!important;
}
html body .bartistiek-case-showcase > .bartistiek-content:has(.bartistiek-project-part) {
  max-width: none!important;
  width: 100%!important;
}
html body .bartistiek-case-showcase .bartistiek-project-part {
  margin: 0!important;
  border: 0!important;
  padding: 80px 40px !important;
}
html body .bartistiek-case-showcase .bartistiek-project-part:nth-child(odd of .bartistiek-project-part:not([hidden])) {
  background: #f1eff5 !important;
}
html body .bartistiek-case-showcase .bartistiek-project-part:nth-child(even of .bartistiek-project-part:not([hidden])) {
  background: #fff !important;
}
/* Gecentreerde inhoud binnen aflopende projectsecties */
html body .bartistiek-case-showcase .bartistiek-project-part {
  display: grid!important;
  grid-template-columns: minmax(0, 1280px) !important;
  justify-content: center!important;
  padding: 80px 40px!important;
}
html body .bartistiek-case-showcase .bartistiek-project-part > * {
  min-width: 0;
  max-width: 100%;
}
html body .bartistiek-case-showcase .bartistiek-project-part > p {
  max-width: 760px;
}
html body .bartistiek-case-showcase .bartistiek-project-gallery img {
  max-height: 680px;
  object-fit: contain;
}
/* Projectmockups: vaste kaartmaten en rustige navigatie */
html body .ba-project-mockup-slider {
  margin-top: 28px;
  min-width: 0;
  width: 100%;
}
html body .ba-project-mockup-slider .elementor-image-carousel-wrapper {
  padding-bottom: 64px;
}
html body .ba-project-mockup-slider .swiper-slide {
  box-sizing: border-box;
  padding: 0 12px;
  height: 460px;
}
html body .ba-project-mockup-slider .swiper-slide-inner {
  margin: 0!important;
  padding: 24px;
  background: #fff;
  border-radius: 20px;
  height: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
html body .ba-project-mockup-slider .swiper-slide-image {
  width: 100%;
  height: 412px!important;
  max-height: none!important;
  object-fit: contain!important;
}
html body .ba-project-mockup-slider .elementor-swiper-button {
  top: auto;
  bottom: 0;
  transform: none;
  width: 48px;
  height: 48px;
  color: #FF0088;
  background: transparent;
  font-size: 32px;
}
html body .ba-project-mockup-slider .elementor-swiper-button-prev {
  left: auto;
  right: 64px;
}
html body .ba-project-mockup-slider .elementor-swiper-button-next {
  right: 8px;
}
html body .ba-project-mockup-slider .elementor-swiper-button:focus-visible {
  outline: 2px solid #101c2c;
  outline-offset: 3px;
}
html body .ba-project-mockup-slider .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}
html body .ba-project-mockup-slider .elementor-swiper-button i {
  display: none;
}
html body .ba-project-mockup-slider .elementor-swiper-button:after {
  content: "→";
  font: 400 38px/1 Arial, sans-serif;
}
html body .ba-project-mockup-slider .elementor-swiper-button-prev:after {
  content: "←";
}
html body .ba-project-mockup-slider .elementor-swiper-button {
  top: auto!important;
  bottom: 0!important;
  transform: none!important;
  color: #FF0088 !important;
}
html body .ba-project-mockup-slider .elementor-swiper-button i {
  display: none!important;
}
html body .ba-project-mockup-slider .elementor-swiper-button:after {
  content: "→" !important;
  font: 400 38px/1 Arial, sans-serif;
  color: #FF0088 !important;
}
html body .ba-project-mockup-slider .elementor-swiper-button-prev:after {
  content: "←" !important;
}
html body .bartistiek-case .bartistiek-case-showcase .ba-project-mockup-slider.ba-project-mockup-slider .elementor-swiper-button.elementor-swiper-button {
  top: auto!important;
  bottom: 0!important;
  transform: none!important;
  color: #FF0088 !important;
}
html body .bartistiek-case .bartistiek-case-showcase .ba-project-mockup-slider.ba-project-mockup-slider .elementor-swiper-button-prev {
  left: auto!important;
  right: 64px!important;
}
html body .bartistiek-case .bartistiek-case-showcase .ba-project-mockup-slider.ba-project-mockup-slider .elementor-swiper-button-next {
  left: auto!important;
  right: 8px!important;
}
html body .bartistiek-case .bartistiek-case-showcase .ba-project-mockup-slider.ba-project-mockup-slider .elementor-swiper-button:after {
  color: #FF0088 !important;
}
/* Portfolio: helder onderscheid tussen beeld en tekst */
html body .elementor-6797 .bartistiek-portfolio-grid .bartistiek-project-card {
  background: #f8f7fb !important;
}
html body .elementor-6797 .bartistiek-portfolio-grid .bartistiek-project-image {
  background: #fff !important;
}
html body .elementor-6797 .bartistiek-portfolio-grid .bartistiek-project-title,
html body .elementor-6797 .bartistiek-portfolio-grid .bartistiek-project-intro {
  background: #f8f7fb !important;
}
/* Centrale ruimteklassen: bestaande ritmes, aparte leesmarge */
.elementor .e-con.p-100-cont {
  padding-top: 100px!important;
  padding-bottom: 100px!important;
}
.elementor .e-con.content-gutter {
  padding-left: 0!important;
  padding-right: 0!important;
}
html body .elementor .e-con.content-gutter > .e-con-inner {
  width: calc(100% - 80px) !important;
  max-width: 1280px!important;
  margin-left: auto!important;
  margin-right: auto!important;
}
/* Titelaccenten behouden het gewicht en formaat van de kop */
html body .elementor .elementor-heading-title span.clr-1,
html body .elementor .elementor-heading-title span.ba-dot {
  color: #FF0088 !important;
  font-family: inherit!important;
  font-size: inherit!important;
  font-weight: inherit!important;
  line-height: inherit!important;
}
/* Centrale leestekst: desktop en mobiel */
:root {
  --body-text-size: 19px;
  --body-text-leading: 1.65;
}
html body .elementor[data-elementor-type="wp-page"] .elementor-widget-text-editor:not(.ba-number):not(.bn-number):not(.ba-subtitle):not(.ba-eyebrow),
html body .elementor[data-elementor-type="wp-page"] .elementor-widget-text-editor:not(.ba-number):not(.bn-number):not(.ba-subtitle):not(.ba-eyebrow) :is(p,li),
html body .bartistiek-project-intro > .elementor-widget-container,
html body .body-text,
html body .body-text :is(p,li) {
  font-size: var(--body-text-size) !important;
  line-height: var(--body-text-leading) !important;
}
/* Gedeelde footer: compacte contactinformatie */
body .ba-footer-columns .elementor-icon-box-icon {
  display: none;
}
body .ba-footer-columns .elementor-icon-box-wrapper {
  display: block;
  text-align: left;
}
body .ba-footer-columns .elementor-icon-box-title {
  margin: 0 0 20px!important;
  font-family: 'Arial' !important;
  font-size: 22px!important;
  font-weight: 700!important;
  line-height: 1.3 !important;
  color: #ffffff !important;
}
body .ba-footer-columns .elementor-icon-box-description,
body .ba-footer-columns .elementor-icon-box-description a {
  font-size: 16px!important;
  line-height: 1.8 !important;
  color: #ffffff !important;
}
body .ba-footer-columns .elementor-icon-box-description a:hover {
  color: #FF0088 !important;
}
/* Centrale header/hero: gedeelde componenten, geen pagina-afhankelijke offsets */
html body .elementor-location-header {
  position: relative!important;
  top: 0!important;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #ffffff !important;
}
html body .elementor-location-header .elementor-nav-menu--main .elementor-item,
html body .elementor-location-header .elementor-menu-toggle {
  color: #101c2c !important;
}
html body:has(:is(.ba-hero,.bn-hero,.bartistiek-page-hero,.bartistiek-hero,.bartistiek-case-hero):first-child) .elementor-location-header {
  position: absolute!important;
  top: 0!important;
  background: transparent!important;
}
html body.admin-bar:has(:is(.ba-hero,.bn-hero,.bartistiek-page-hero,.bartistiek-hero,.bartistiek-case-hero):first-child) .elementor-location-header {
  top: var(--wp-admin--admin-bar--height, 32px) !important;
}
html body:has(:is(.ba-hero,.bn-hero,.bartistiek-page-hero,.bartistiek-hero,.bartistiek-case-hero):first-child) .elementor-location-header .elementor-nav-menu--main .elementor-item,
html body:has(:is(.ba-hero,.bn-hero,.bartistiek-page-hero,.bartistiek-hero,.bartistiek-case-hero):first-child) .elementor-location-header .elementor-menu-toggle {
  color: #ffffff !important;
}
html body .elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
html body .elementor-location-header .elementor-nav-menu--main .elementor-item-active {
  color: #FF0088 !important;
}
html body :is(.ba-hero,.bn-hero,.bartistiek-page-hero,.bartistiek-hero,.bartistiek-case-hero):first-child {
  padding-top: 160px!important;
}
/* Contactkaarten: gedeelde opmaak voor de drie contactmogelijkheden */
html body .ba-contact-card {
  background: #fff;
  border: 1px solid #d6d9df;
  border-radius: 20px;
  padding: 32px!important;
  gap: 16px;
}
html body .ba-contact-card > .elementor-widget-icon {
  order: -1;
}
html body .ba-contact-card .elementor-icon-wrapper {
  text-align: left;
}
html body .ba-contact-card .elementor-icon {
  font-size: 32px;
  color: #FF0088;
}
html body .ba-contact-card .elementor-icon svg {
  fill: #FF0088;
  width: 32px;
  height: 32px;
}
html body .ba-contact-card h3 {
  font-size: 24px!important;
  line-height: 1.2;
}
html body .ba-contact-card p {
  margin: 0;
}
html body .fluentform .ff-el-form-control {
  font-size: var(--body-text-size);
  line-height: 1.5;
  padding: 12px 16px;
  border-radius: 8px!important;
}
html body .fluentform .ff-el-input--label label {
  font-size: var(--body-text-size);
  line-height: 1.5;
}
html body .fluentform .ff-el-form-check-label {
  font-size: var(--body-text-size);
  line-height: 1.5;
}
/* Gedeelde pagina-intro: titel en toelichting mobiel onder elkaar */
/* Herbruikbare secties en gedeelde projectpresentatie */
.bg-theme-light-1 {
  background-color: #f1eff5 !important;
}
.bg-theme-light-3 {
  background-color: #28394f !important;
}
html body .ba-native-project-section:not(.ba-native-project-details) > .e-con-inner {
  max-width: 1280px!important;
  width: calc(100% - 80px) !important;
  margin-inline: auto!important;
}
html body .ba-native-project :is(h1,h2,h3),
html body .ba-native-project :is(h1,h2,h3) span {
  font-family: 'Arial' !important;
  font-weight: 700!important;
  line-height: 1.12 !important;
}
html body .ba-native-project h1 {
  font-size: clamp(40px, 5.5vw, 76px) !important;
}
html body .ba-native-project h2 {
  font-size: clamp(30px, 3.5vw, 48px) !important;
}
html body .ba-native-project .elementor-widget-text-editor,
html body .ba-native-project :is(p,li) {
  font-size: var(--body-text-size) !important;
  line-height: var(--body-text-leading) !important;
}
html body .ba-native-project .neg :is(h1,h2,h3,p,li,.elementor-widget-text-editor,.elementor-widget-container) {
  color: #ffffff !important;
}
html body .ba-native-project .ba-dot,
html body .ba-native-project .ba-accent {
  color: #FF0088 !important;
}
html body .ba-native-brand-logo img {
  max-height: 340px;
  width: 100%;
  object-fit: contain;
}
html body .ba-native-project-featured img {
  max-height: 480px;
  width: 100%;
  object-fit: contain;
}
html body .ba-native-project-details .bartistiek-project-part {
  display: grid;
  grid-template-columns: minmax(0, 1280px);
  justify-content: center;
  padding: 80px 40px!important;
  margin: 0;
  border: 0;
}
html body .ba-native-project-details .bartistiek-project-part:nth-child(odd) {
  background: #f1eff5;
}
html body .ba-native-project-details .bartistiek-project-part:nth-child(even) {
  background: #ffffff;
}
html body .ba-native-project-details .bartistiek-project-part > * {
  min-width: 0;
  max-width: 100%;
}
html body .ba-native-mockups figure {
  background-size: contain!important;
  background-position: center!important;
  background-repeat: no-repeat !important;
}
html body .ba-project-acf-slider .wrap-item-acfslider,
html body .ba-project-acf-slider img {
  height: 100%;
  width: 100%;
  object-fit: contain!important;
}
html body .ba-project-acf-slider .swiper-button-next,
html body .ba-project-acf-slider .swiper-button-prev {
  color: #FF0088 !important;
}
/* Gedeelde nieuwskaarten */
.ba-accent,
.elementor-heading-title .ba-accent {
  color: #FF0088 !important;
  font-family: inherit !important;
  font-weight: inherit !important;
}
body .elementor .ba-news-card {
  height: 100%;
  text-decoration: none !important;
  background: #ffffff;
  border-radius: 24px;
  overflow: hidden;
}
body .elementor .ba-news-card .bartistiek-project-image {
  aspect-ratio: 1.77777778 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
}
body .elementor .ba-news-card .bartistiek-project-image .elementor-widget-container {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.77777778 !important;
  padding: 0 !important;
}
body .elementor .ba-news-card .bartistiek-project-image img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1.77777778;
  object-fit: cover !important;
  opacity: 1 !important;
  display: block !important;
  padding: 0 !important;
}
body .elementor .ba-news-card .bartistiek-project-title {
  margin: 0 !important;
  padding: 24px 24px 16px !important;
  background: #ffffff;
}
body .elementor .ba-news-card .bartistiek-project-title .elementor-heading-title {
  font-family: 'Arial' !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #101c2c !important;
}
body .elementor .ba-news-card .bartistiek-project-intro {
  margin: 0 !important;
  padding: 0 24px 28px !important;
  background: #ffffff;
}
body .elementor .ba-news-card:focus-visible {
  outline: 3px solid #FF0088;
  outline-offset: 4px;
}
.ba-news-carousel .elementor-swiper-button {
  color: #FF0088 !important;
}
.neg .elementor-widget-theme-post-excerpt,
.neg .elementor-widget-theme-post-excerpt .elementor-widget-container {
  color: #ffffff !important;
  font-size: 19px;
  line-height: 1.65;
}
.ba-article-content > .e-con-inner {
  max-width: 960px !important;
  margin-inline: auto;
}
.ba-article-content .elementor-widget-theme-post-content {
  max-width: 800px;
  margin-inline: auto;
}
.ba-article-content .elementor-widget-theme-post-content :is(h2,h3) {
  font-family: 'Arial' !important;
  font-weight: 700 !important;
  color: #101c2c !important;
  line-height: 1.2 !important;
  margin-top: 1.5em;
  margin-bottom: 0.6em;
}
.ba-article-content .elementor-widget-theme-post-content h2 {
  font-size: 32px !important;
}
.ba-article-content .elementor-widget-theme-post-content h3 {
  font-size: 25px !important;
}
.ba-article-image img {
  width: 100%;
  max-height: 560px;
  object-fit: contain;
  border-radius: 20px;
}
body .bn-column:first-child {
  padding: 0 32px 0 0 !important;
}
body .bn-column:last-child {
  padding: 0 0 0 32px !important;
}
/* Verse blik: gedeelde redactionele artikelopmaak */
html body .ba-article-hero {
  padding-bottom: 160px!important;
  border-bottom: 6px solid #FF0088;
}
html body .ba-article-hero > .e-con-inner {
  max-width: 1120px!important;
  gap: 28px;
}
html body .ba-article-hero h1 {
  max-width: 1000px;
  font-size: clamp(36px, 4.7vw, 66px) !important;
  line-height: 1.08 !important;
}
html body .ba-article-hero .ba-eyebrow p {
  color: #FF0088 !important;
}
html body .ba-article-hero .elementor-widget-theme-post-excerpt {
  max-width: 760px;
  font-size: 20px;
  line-height: 1.65;
}
html body .ba-article-content > .e-con-inner {
  max-width: 1120px!important;
  gap: 48px;
}
html body .ba-article-image {
  margin-top: -140px;
  position: relative;
  z-index: 1;
  width: 100%;
}
html body .ba-article-image img {
  display: block;
  width: 100%;
  max-height: 640px;
  object-fit: contain;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(16, 28, 44, 0.14);
}
html body .ba-article-content .elementor-widget-theme-post-content {
  width: 100%;
  max-width: 760px;
  margin-inline: auto;
}
html body .ba-article-content .elementor-widget-theme-post-content p,
html body .ba-article-content .elementor-widget-theme-post-content li {
  font-size: var(--body-text-size) !important;
  line-height: 1.8 !important;
}
html body .ba-article-content .ba-news {
  padding: 48px!important;
  border-radius: 24px;
  width: 100%;
}
/* Gedeelde pagina-hero: gelijke afstand tot logo en navigatie */
html body .elementor .e-con:is(.ba-hero,.bn-hero,.bartistiek-page-hero) {
  min-height: 600px!important;
  padding: 180px 0 100px!important;
  justify-content: flex-start !important;
}
html body .elementor .e-con:is(.ba-hero,.bn-hero,.bartistiek-page-hero) > .e-con-inner {
  width: calc(100% - 80px) !important;
  max-width: 1280px!important;
  margin-inline: auto!important;
  padding: 0!important;
  justify-content: flex-start !important;
  align-content: flex-start !important;
  gap: 24px!important;
}
html body .elementor .e-con:is(.ba-hero,.bn-hero,.bartistiek-page-hero) .elementor-widget {
  margin-top: 0!important;
  margin-bottom: 0!important;
}
html body .elementor .e-con:is(.ba-hero,.bn-hero,.bartistiek-page-hero) :is(h1,p) {
  margin-top: 0!important;
  margin-bottom: 0!important;
}
/* Mobiele projectslider: volgorde uit Elementor; compacte beeldhoogte en ruimte voor tekst. */
/* Gedeelde kleur voor native SVG-sliderpijlen */
.elementor .elementor-swiper-button svg {
  fill: #FF0088 !important;
}
/* Knopiconen volgen centraal de tekstkleur van de knop. */
.elementor .elementor-button .elementor-button-icon svg {
  fill: currentColor !important;
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 3.5em !important;
    line-height: 1.1;
  }
  .elementor-button {
    margin: 0 !important;
    margin-bottom: 5px !important;
    padding: 15px 0 !important;
    width: 100% !important;
  }
  .elementor-button-icon {
    padding-right: 15px !important;
  }
  .btn-small .elementor-button {
    padding: 12px 8px !important;
  }
  .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-toggle[aria-expanded=true] + .e-n-menu-wrapper {
    background: #ffffff !important;
    margin: 25px 0 !important;
    padding: 20px 0 !important;
  }
  .elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title {
    background: #eee !important;
  }
}
@media only screen and (max-width: 1200px) {
  .elementor-nav-menu--dropdown a {
    border-bottom: 1px solid #eee;
  }
  .elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
    font-size: 15px;
  }
  .elementor-nav-menu--dropdown .elementor-item:hover,
  .elementor-nav-menu--dropdown .elementor-item:focus,
  .elementor-nav-menu--dropdown .elementor-sub-item:hover,
  .elementor-nav-menu--dropdown .elementor-sub-item:focus {
    background: rgba(0, 166, 221, 0.9);
  }
}
@media (max-width: 1024px) {
  .elementor-6793 .bartistiek-hero-title h1 {
    font-size: 48px !important;
  }
}
@media (max-width: 767px) {
  .bartistiek-project-title h3,
  .bartistiek-project-title h3 a {
    font-size: 23px !important;
  }
}
@media (max-width: 767px) {
  body :is(.elementor-6793,.elementor-6797) .bartistiek-home-carousel .bartistiek-project-card > .e-con-inner {
    display: var(--display) !important;
    height: auto!important;
    gap: 0!important;
  }
}
@media only screen and (max-width: 767px) {
  html body .elementor .e-con:is(.ba-hero,.bn-hero,.bartistiek-page-hero) {
    padding-top: 140px!important;
    padding-bottom: 64px!important;
    min-height: 540px!important;
  }
  html body .elementor .e-con:is(.ba-hero,.bn-hero,.bartistiek-page-hero) > .e-con-inner {
    width: calc(100% - 48px) !important;
  }
  html body .elementor .e-con.content-gutter > .e-con-inner {
    width: calc(100% - 48px) !important;
  }
  html body .bn-column:first-child,
  html body .bn-column:last-child {
    padding: 0 !important;
  }
  html body .ba-native-project-section:not(.ba-native-project-details) > .e-con-inner {
    width: calc(100% - 40px) !important;
  }
  html body .ba-native-project-details .bartistiek-project-part {
    padding: 48px 20px!important;
  }
  html body .ba-contact-section > .e-con-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 32px!important;
  }
  html body .ba-contact-section .fluentform {
    padding: 24px;
  }
  html body .ba-contact-card {
    padding: 24px!important;
  }
  body .ba-intro > .e-con-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  body .ba-intro > .e-con-inner > .elementor-element {
    width: 100%;
    min-width: 0;
  }
  body .elementor-location-header .elementor-element-12f9a7d7 {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    padding: 16px 24px !important;
    gap: 20px !important;
  }
  body .elementor-location-header .elementor-element-66c146f {
    width: 48px !important;
    max-width: 48px !important;
    flex: 0 0 48px !important;
  }
  body .elementor-location-header .elementor-element-d7c8ffb {
    width: auto !important;
    flex: 1 !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
    padding: 0 !important;
  }
  body .elementor-location-header .elementor-element-7f9989a {
    display: none !important;
  }
  body .elementor-location-header .elementor-element-59a0ce9 {
    width: auto !important;
    min-width: 40px !important;
  }
  body .elementor-location-header .elementor-menu-toggle {
    margin: 0 !important;
  }
  body .bartistiek-page-hero {
    min-height: 650px !important;
    padding: 130px 24px 64px !important;
    background-position: 65% center !important;
  }
  body .bartistiek-page-hero h1 {
    font-size: 42px !important;
  }
  body .bartistiek-page-hero p {
    font-size: 17px !important;
  }
  .bartistiek-section {
    padding: 64px 24px !important;
  }
  .bartistiek-three-columns {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .elementor-6797 .bartistiek-portfolio-grid .elementor-loop-container,
  .elementor-6793 .bartistiek-services-grid > .e-con-inner {
    grid-template-columns: 1fr !important;
  }
  body .elementor-location-footer .elementor-element-bd9a855 {
    grid-template-columns: 1fr !important;
  }
  body .elementor-location-footer > .e-con {
    padding: 64px 24px 24px !important;
  }
  .elementor .e-con.p-80-cont,
  .elementor .e-con.p-120-cont {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .elementor .e-con.p-50-cont {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .elementor-6793 .bartistiek-hero {
    min-height: 650px !important;
    background-position: 62% center !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .elementor-6793 .bartistiek-hero-title h1 {
    font-size: 44px !important;
  }
  .elementor-6793 .elementor-element-4595999 {
    padding: 56px 24px !important;
  }
  .elementor-6793 .elementor-element-a663260,
  .elementor-6793 .bartistiek-services-grid {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .bartistiek-project-title {
    min-height: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .bartistiek-contact-form {
    padding: 64px 24px !important;
  }
  .bartistiek-contact-form .fluentform {
    padding: 24px !important;
  }
}
@media only screen and (max-width: 650px) {
  body .bartistiek-page-hero {
    padding-top: 130px !important;
    padding-bottom: 64px !important;
  }
  body .elementor-location-footer > .e-con {
    padding-top: 64px !important;
    padding-bottom: 24px !important;
  }
}
@media only screen and (max-width: 700px) {
  .bartistiek-case-hero {
    padding: 130px 24px 64px;
    min-height: 600px;
  }
  .bartistiek-case-hero h1 {
    font-size: 42px !important;
  }
  .bartistiek-case-section,
  .bartistiek-case-showcase {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .bartistiek-case-columns {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .bartistiek-case-section p {
    font-size: 17px;
  }
  .bartistiek-case-back-link {
    margin-left: 0;
  }
}
@media only screen and (max-width: 680px) {
  .bartistiek-project-gallery {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .bartistiek-project-part {
    padding: 40px 0;
  }
  .bartistiek-project-gallery img {
    padding: 8px;
  }
}
@media only screen and (max-width: 690px) {
  .bartistiek-workshop .bartistiek-workshop-grid,
  .bartistiek-workshop .bartistiek-workshop-split {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (max-width: 767px) {
  body.login #login {
    width: calc(100% - 32px) !important;
    max-width: 400px!important;
  }
  body.login #login form {
    padding: 24px!important;
  }
}
@media (max-width: 767px) {
  .bartistiek-case-opening {
    padding: 64px 24px!important;
  }
  .bartistiek-case-opening-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .bartistiek-case-opening-visual {
    padding: 0;
  }
  .bartistiek-case-challenge p {
    font-size: 17px;
  }
  .bartistiek-project-part {
    padding: 48px 0;
  }
  .bartistiek-project-gallery {
    gap: 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto!important;
  }
  body *,
  body *:before,
  body *:after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1!important;
    transition-duration: 0.01ms !important;
  }
}
@media (min-width: 1025px) {
  body .ba-process-card .elementor-widget-heading {
    min-height: 58px;
  }
}