.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-3d06ed6:#2B69C7;--e-global-color-4dc8463:#E3B500;--e-global-color-54c7669:#E9F2FF;--e-global-color-a8869c8:#570072;--e-global-typography-primary-font-family:"Brandentity-abc-Regular";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Brandentity-abc-Regular";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Brandentity-abc-Regular";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Brandentity-abc-Regular";--e-global-typography-accent-font-weight:500;font-family:"Brandentity-abc-Regular", Sans-serif;font-size:1.1em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{font-family:"Brandentity ABC - Regular", Sans-serif;}.elementor-kit-6 h1{font-family:"Brandentity-abc-Regular", Sans-serif;font-size:1.8em;font-weight:600;}.elementor-kit-6 h2{font-family:"Brandentity-abc-Regular", Sans-serif;font-size:1.6em;font-weight:600;}.elementor-kit-6 h3{font-family:"Brandentity-abc-Regular", Sans-serif;font-size:1.4em;}.elementor-kit-6 h4{font-family:"Brandentity-abc-Regular", Sans-serif;font-size:1.3em;}.elementor-kit-6 h5{font-family:"Brandentity-abc-Regular", Sans-serif;font-size:1.2em;}.elementor-kit-6 h6{font-family:"Brandentity-abc-Regular", Sans-serif;font-size:1.1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.yg-h1 {
  font-size: 72px;
  background: linear-gradient(to right, green , yellow);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.purpred-h1 {
  font-size: 72px;
  background: linear-gradient(to right, #cf021d , #8602c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}
.purpred-h3 {
  font-size: 64px;
  font-weight:600;
  background: linear-gradient(to right, #cf021d , #8602c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}

.purpred-color{
  background: linear-gradient(to right, #cf021d , #8602c7);
    -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;    
}

.button-purpred {
    border:none;
    font-size: 1.4em;
    font-family: 'Brandentity-abc-Regular' !important;
    border-radius: 0.6em;
    background: linear-gradient(to right, #cf021d , #8602c7);
    color: #fff;
    padding: 10px 14px;
}
.button-purpred:hover {
    background:#8602c7;
    color:#fff;
}

.pbr-h1 {
  font-size: 72px;
  background: linear-gradient(to right, #36454f, #99272d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}
.gb-h1 {
  font-size: 72px;
  background: linear-gradient(to right, green , blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bm-h1 {
  font-size: 72px;
  background: linear-gradient(to right, darkmagenta , blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}
.bm-color {
  background: linear-gradient(to right, darkmagenta , blue);
    -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
.po-h1 {
  font-size: 72px;
  background: linear-gradient(to right, purple , orange);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}
.po-color {
  background: linear-gradient(to right, purple , orange);
    -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;    
}
.op-color {
  background: linear-gradient(to right, orange , darkmagenta);
    -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
.or-color{
  background: linear-gradient(to right, orange , red);
    -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;    
}
.ob-h1 {
  font-size: 72px;
  background: linear-gradient(to right, orange , red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}
.tg-h1 {
  font-size: 72px;
  background: linear-gradient(to right, #00dc1d, #00dcb6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
 
}
.bo-h1 {
  font-size: 72px;
  background: linear-gradient(to right, navy , orange);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}
.underline-txt {
    text-decoration:underline;
}
.yellow {
    color:#ffcc00;
}
.br-green {
    color:#a9fc03;
}
.br-blue {
    color:#36454f;    
}
.br-purple {
    color:#770ac9;
}
.gb-green {
    color:#7800ff;
}
.gb-turquoise {
    color:turquoise;
}
.gb-blueorange {
    color:orange;
}
.button-yg {
    border:none;
    font-size: 1.4em;
    font-family: 'Brandentity-abc-Regular' !important;
    border-radius: 0.6em;
    background: linear-gradient(to right, green, yellow);
    color: #fff;
    padding: 10px 14px;
}
.button-yg:hover {
    background:yellow;
}
.button-or {
    border:none;
    font-size: 1.4em;
    font-family: 'Brandentity-abc-Regular' !important;
    border-radius: 0.6em;
    background: linear-gradient(to right, orange , red);
    color: #fff;
    padding: 10px 14px;
}
.button-or:hover {
    background:orange;
}
.button-pbr {
    border:none;
    font-size: 1.4em;
    font-family: 'Brandentity-abc-Regular' !important;
    border-radius: 0.6em;
    background: linear-gradient(to right, #36454f, #99272d);
    color: #fff;
    padding: 10px 14px;
}
.button-pbr:hover {
    background:#171c30;
    color:#fff;
}

.btn_gb {
    background-color : #00ff6c;
    background-image : linear-gradient(to bottom, transparent 0%, rgba(120, 0, 255, 1) 100%);
    color : #fff;
    display : block;
    font-family : arial,sans-serif;
    font-size : 1.4em;
    border-radius:0.6em;
    padding : 10px 14px;
    text-align : center;
    text-decoration : none;
    transition : background-color 4s ease 0s;
}
.btn_gb:hover {
    color:yellow;
    background:blue;
}

.button-gb {
    border:none;
    font-size: 1.4em;
    font-family: 'Brandentity-abc-Regular' !important;
    border-radius: 0.6em;
    background-color:#00ff6c;
    background: linear-gradient(to right, #00ff6c, #7800ff);
    transition-duration: 1200ms;
    color: #fff;
    padding: 10px 14px;
}
.button-gb:hover {
    color:yellow;
    background:blue;
}
.button-bm {
    border:none;
    font-size: 1.4em;
    font-family: 'Brandentity-abc-Regular' !important;
    border-radius: 0.6em;
    background: linear-gradient(to right, #0051e8, #ef0040);
    color: #fff;
    padding: 10px 14px;
}
.button-bm:hover {
    color:white;
    background:darkmagenta;
}
.button-tg {
    border:none;
    font-size: 1.4em;
    font-family: 'Brandentity-abc-Regular' !important;
    border-radius: 0.6em;
    background: linear-gradient(to right, turquoise, green);
    color: #fff;
    padding: 10px 14px;
}
.button-tg:hover {
    color:white;
    background:turquoise
}
.button-bo {
    border:none;
    font-size: 1.4em;
    font-family: 'Brandentity-abc-Regular' !important;
    border-radius: 0.6em;
    background: linear-gradient(to right, #000080, #FF8C00);
    color: #fff;
    padding: 10px 14px;
}
.button-bo:hover {
    color:white;
    background:#FF8C00;
}
.button-po {
    border:none;
    font-size: 1.4em;
    font-family: 'Brandentity-abc-Regular' !important;
    border-radius: 0.6em;
    background: linear-gradient(to right, purple, orange);
    color: #fff;
    padding: 10px 14px;
}
.button-po:hover {
    background:darkgrey;
    color:yellow;
}

/* --- text-gradients ---*/

.text-grad-or {
  background: linear-gradient(to right, orange , red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}
.cbsg-h1 {
      font-size: 72px;
  background: linear-gradient(to right, #2fde3a, #0773cb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.button-cbsg {
    border:none;
    font-size: 1.4em;
    font-family: 'Brandentity-abc-Regular' !important;
    border-radius: 0.6em;
    background: linear-gradient(to right, #2fde3a, #0773cb);
    color: #fff;
    padding: 10px 14px;
}
.button-cbsg:hover {
    background:darkgrey;
    color:yellow;
}
.cbsg-blue {
    color:#0773cb;
}

/*--- sectiekolom met geavanceerde border ---*/
/*----- oranje-groen ---*/
.section-column-advbrdr-og {
  position: relative;
  width: auto;
  padding: 2em;
  border-radius: 12px;
  background: transparent;
}

/* Alleen toepassen als conic-gradient ondersteund wordt */
@supports (background: conic-gradient(#288cf7, #f7a428)) {
  .section-column-advbrdr-og {
    border: none; /* overschrijft fallback border */
  }

    .section-column-advbrdr-og.section-column-advbrdr-og::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px; /* simuleert een border van 2px */
    border-radius: 12px;
    background: conic-gradient(
      from 212deg,
      transparent 0%,
      transparent 12%,
      #288cf7 16.66%,       /* 2/3 van linkerzijde omhoog */
      #f7a428 25%,
      transparent 25%,
      transparent 30.66%,
      #288cf7 30.66%,
      #f7a428 50%,          /* top border stopt 1/3 */
      transparent 50%,
      transparent 66.66%,
      #288cf7 66.66%,
      #f7a428 75%,          /* rechterzijde weer gekleurd */
      transparent 75%,
      transparent 100%
    );
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
    z-index: 1;
  }

  .content {
    position: relative;
    z-index: 2;
  }
}

/* --- text-gradients ---*/

.text-grad-orgr {
  background: linear-gradient(to right, orange , green);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    
}
.orgr-h1 {
  background: linear-gradient(to right, orange, green);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.button-orgr {
    border:none;
    font-size: 1.4em;
    font-family: 'Brandentity-abc-Regular' !important;
    border-radius: 0.6em;
    background: linear-gradient(to right, orange, green);
    color: #fff;
    padding: 10px 14px;
}
.button-orgr:hover {
    background:darkgrey;
    color:orange;
}
.orgr-orange {
    color:orange;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Brandentity-abc-Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://brandentity.nl/wp-content/uploads/2025/04/Brandentity-abc-Regular.eot');
	src: url('https://brandentity.nl/wp-content/uploads/2025/04/Brandentity-abc-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://brandentity.nl/wp-content/uploads/2025/04/Brandentity-abc-Regular.woff2') format('woff2'),
		url('https://brandentity.nl/wp-content/uploads/2025/04/Brandentity-abc-Regular.woff') format('woff'),
		url('https://brandentity.nl/wp-content/uploads/2025/04/Brandentity-abc-Regular.ttf') format('truetype'),
		url('https://brandentity.nl/wp-content/uploads/2025/04/Brandentity-abc-Regular.svg#Brandentity-abc-Regular') format('svg');
}
/* End Custom Fonts CSS */