/*------------------------------------*\
	General
\*------------------------------------*/
/* .block-container, .block-container-fluid, .block-row{
	--bs-gutter-x: 3rem;
} */

article ul > li{
	margin-bottom: .7rem;
}

.rounded{border-radius: var(--tm-border-radius) !important;}
.rounded-start{
  border-bottom-left-radius: var(--tm-border-radius) !important;
  border-top-left-radius: var(--tm-border-radius) !important;
}
.rounded-end {
  border-top-right-radius: var(--tm-border-radius) !important;
  border-bottom-right-radius: var(--tm-border-radius) !important;
}

.border-radius{
	border-radius: var(--border-radius-sm);
}
.border-radius-lg{
	border-radius: var(--border-radius-lg);
}

figure > img{
	border-radius: var(--border-radius-lg);
}

/*------------------------------------*\
	Containers
\*------------------------------------*/
/* .block-container-fluid.alignwide.is-layout-constrained > .container{
	max-width: var(--gb-block-default-size);
} */
.wp-block-group.alignwide.is-layout-constrained > *,
.container-fluid.alignwide.is-layout-constrained > *,
.wp-block-group.is-layout-constrained > *,
.container.is-layout-constrained > * {
	max-width: var(--gb-block-default-size);
}


/*------------------------------------*\
	Rounded images
\*------------------------------------*/
.wp-block-image .is-style-rounded img, .wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img{
	border-radius: var(--border-radius-lg);
}
.wp-block-image.alignleft,.wp-block-image.aligncenter,.wp-block-image.alignright{
	/* width: 100%; */
}
.wp-block-image.aligncenter{
	margin-right: auto;
	margin-left: auto;
}
.wp-block-image.alignleft{
	margin-right: auto
}
.wp-block-image.alignright{
	margin-left: auto;
}


/*------------------------------------*\
	Materyal Symbols Icons
\*------------------------------------*/
.icon-sc{
	width: 100%;
  text-align: center;
  font-size: 5rem;
  color: var(--color-primary);
  margin-bottom: 1.5rem;
}



/*------------------------------------*\
	Columns
\*------------------------------------*/

.block-row.are-vertically-aligned-center{
	    align-items: center;
}
.block-row.are-vertically-aligned-bottom{
	    align-items: end;
}

.block-col{
	min-width: 0;
	overflow-wrap: break-word;
	word-break: break-word;
}

.block-col.has-background-image{
	background-size: cover;
  background-position: center;
  height: 100%;
  min-height: 500px;
}
@media (max-width: 991px){
	.block-col{
		flex-basis: inherit !important;
	}

	.block-col{ margin-bottom: 2rem; }
	.block-col:last-of-type{ margin-bottom: 0; }

}




/*
.wp-block-column.has-background-image{
  align-self: stretch;
  padding: 0;
}
.wp-block-column.has-background-image > .background-image{
  background-size: cover;
  background-position: center;
  height: 100%;
  min-height: 700px;
}
.wp-block-columns.has-background { padding: 0; }
.wp-block-columns.has-background-image{
  background-size: cover;
  background-position: center;
}


.wp-block-image img{height: auto;}

@media (max-width: 992px){
  .wp-block-column.has-background-image > .background-image{
    min-height: 400px;
  }
}
 */

 .block-col.has-background-image[class*='background-overlay-']{position: relative}
 .block-col.has-background-image[class*='background-overlay-'] > *{position: relative;z-index: 2;}
 .block-col.has-background-image[class*='background-overlay-']:before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
	 transition: opacity .35s ease;
 }
 .block-col.has-background-image.background-overlay-full:before{background: rgba(0,0,0,0.36);}
 .block-col.has-background-image.background-overlay-left:before{ background: rgb(0,0,0);background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 100%);}
 .block-col.has-background-image.background-overlay-right:before{background: rgb(0,0,0);background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 100%); }
 .block-col.has-background-image.background-overlay-up:before{ background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 100%); }
 .block-col.has-background-image.background-overlay-down:before{background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.36) 100%);}

 /*------------------------------------*\
 	Wp-block-cover / Omslag
 \*------------------------------------*/
.wp-block-cover h3:first-of-type{}



/*------------------------------------*\
	Gallery
\*------------------------------------*/

.wp-block-gallery{
  display: flex;
  flex-wrap: wrap;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
  position: relative;
  background: transparent;
  font-size: 1rem;
  color: black;
  font-weight: 600;
  bottom: inherit;
  max-height: inherit;
  flex-grow: 0;
  flex-basis: content;
  margin: 0.5rem 0;
  text-align: start;
}

.wp-block-column > figure:last-child {
  margin-bottom: 0;
}



@media only screen and (max-width: 767px) {
  .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width: 100%;}
}




/*------------------------------------*\
	Timeline
\*------------------------------------*/
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: var(--page-background-color);
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid var(--color-primary);
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}









/*------------------------------------*\
	Buttons
\*------------------------------------*/
.wp-block-buttons{
	display: flex;
}

.wp-block-buttons.is-horizontal > .wp-block-button{
	align-self: center;
}
.wp-block-buttons.is-vertical > .wp-block-button{
	margin-bottom: .5rem;
}

.editor-styles-wrapper .wp-block-buttons > .wp-block-button{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.btn,
.editor-styles-wrapper .wp-element-button,
.wp-block-button > .wp-block-button__link{
  --bs-btn-font-weight: 600;
  --bs-btn-font-size: 18px;
  --bs-btn-line-height: 1.3;
  --bs-btn-padding-x: 2.4rem;
  --bs-btn-padding-y: 1rem;
  --bs-btn-margin-x: 0;
  --bs-btn-margin-y: 0;

  --bs-btn-border-width: 2px;
  --bs-btn-color: var(--color-primary-text);
  --bs-btn-bg: var(--color-primary);
  --bs-btn-border-color: var(--color-primary);
  --bs-btn-border-radius: var(--border-radius-sm);
  --bs-btn-focus-box-shadow: 0;

  --bs-btn-hover-opacity: .8;
  --bs-btn-hover-bg: var(--color-primary-light);
	--bs-btn-hover-color: var(--color-primary-text);
  --bs-btn-hover-border-color: var(--color-primary-light);

  --bs-btn-active-color: var(--color-primary);
  --bs-btn-active-bg: var(--color-primary);
  --bs-btn-active-border-color: transparent;

  border-radius: var(--bs-btn-border-radius);
  letter-spacing: .01em;
  text-decoration: none !important;
  transition: all 0.05s ease !important;
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  border-color: var(--bs-btn-border-color);
  border-width: var(--bs-btn-border-width);
  border-style: solid;
  background-color: var(--bs-btn-bg) ;
  padding-top: var(--bs-btn-padding-y) !important;
  padding-bottom:var(--bs-btn-padding-y) !important;
  padding-left: var(--bs-btn-padding-x) !important;
  padding-right: var(--bs-btn-padding-x) !important;
  margin-top: var(--bs-btn-margin-y);
  margin-right: var(--bs-btn-margin-x);
  margin-bottom: var(--bs-btn-margin-y);
  margin-left: var(--bs-btn-margin-x);
}



/* FIX */
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color), .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color) {
    color: var(--color-primary) !important;
    border-color: var(--bs-btn-border-color);
}
.editor-styles-wrapper .wp-element-button, .editor-styles-wrapper .wp-block-button__link{
  color: var(--bs-btn-color) !important;
  background-color: var(--bs-btn-bg) !important;
}

.wp-block-buttons > .wp-block-button{
  width: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* Disabled */
.btn[disabled],
.editor-styles-wrapper .wp-element-button[disabled],
.wp-block-button > .wp-block-button__link[disabled]{
  opacity: .7;
  cursor: not-allowed;
}

.wp-block-button__link.has-white-background-color,
.btn.has-white-background-color {
  --bs-btn-border-color: var(--color-white) !important;
  --bs-btn-bg: var(--color-white);
}
.wp-block-button__link.has-black-background-color,
.btn.has-black-background-color {
  --bs-btn-border-color: var(--color-black) !important;
  --bs-btn-bg: var(--color-black) !important;
	--bs-btn-hover-bg: var(--color-black);
	/* --bs-btn-hover-color: var(--color-white); */
	--bs-btn-hover-border-color: var(--color-black);
}
.wp-block-button__link.has-primary-background-color,
.btn.has-primary-background-color {
  --bs-btn-border-color: var(--color-primary) !important;
  --bs-btn-bg: var(--color-primary) !important;
}
.wp-block-button__link.has-primary-light-background-color,
.btn.has-primary-light-background-color {
  --bs-btn-border-color: var(--color-primary-light) !important;
  --bs-btn-bg: var(--color-primary-light) !important;
}

/* Style outline */
.btn.btn-outline,
.wp-block-button.is-style-outline .wp-block-button__link{
  background-color: transparent !important;
  border: 2px solid var(--bs-btn-border-color) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-blue-dark-background-color{
	--bs-btn-border-color: var(--color-blue-dark);
}


/* Style text */
.btn.btn-text,
.wp-block-button.is-style-text > .wp-block-button__link{
  --bs-btn-color: var(--color-primary);
  --bs-btn-border-color: transparent;
	--bs-btn-padding-x: 1.5rem;
  --bs-btn-active-bg: var(--color-yellow-light);
  /* --bs-btn-hover-bg: transparent; */

  --bs-btn-hover-border-color: var(--color-yellow-light);
  /* --bs-btn-border-radius: 0;
  --bs-btn-padding-x: 0;
  --bs-btn-margin-x: 1.5rem; */

  border-width: var(--bs-btn-border-width);
  background-color: transparent !important;
  border-top: 0;
  border-left: 0;
  border-right: 0;

}



/* Hover */
.btn.btn-outline:hover,.wp-block-button.is-style-outline > .wp-block-button__link:hover{
	border-color: var(--bs-btn-hover-bg) !important;
  background-color: var(--bs-btn-hover-bg) !important;
		color: var(--bs-btn-hover-color) !important;
}
.btn.btn-text, .wp-block-button.is-style-text > .wp-block-button__link:hover {
	text-decoration: underline !important;
}
.btn:hover,
.wp-block-button:not(.is-style-text) > .wp-block-button__link:hover{
	opacity: var(--bs-btn-hover-opacity);
	/* border-color: var(--bs-btn-hover-bg) !important; */
  /* background-color: var(--bs-btn-hover-bg) !important; */
	/* color: var(--bs-btn-hover-color) !important; */
}
.has-yellow-light-background-color .wp-block-button:not(.is-style-text) > .wp-block-button__link:hover{
	--bs-btn-hover-bg: #fff;

}



/*------------------------------------*\
	Block Carousel - KWB Carousel
\*------------------------------------*/
.block-carousel .image,
.wp-block-kwb-kwb-carousel-widget .slide{
	background-size: cover;
  background-position: center;
	height: 550px;
}
.carousel-control-next, .carousel-control-prev{
  width: 5%;
}
.wp-block-kwb-kwb-carousel-widget{overflow: hidden;}

/*------------------------------------*\
	Sidebar
\*------------------------------------*/

.edit-post-sidebar .components-input-control,
.edit-post-sidebar .components-select-control{height: inherit;}

/*------------------------------------*\
	Tables
\*------------------------------------*/

/* Add table style */
.is-style-single-stripe > table tr td{
  border: 0;
  border-bottom: 1px solid red;
}


.editor-styles-wrapper h2 > sub, .editor-styles-wrapper h3 > sub, .editor-styles-wrapper h4 > sub{
	text-align: right;
	display: block;
	font-weight: 700;
}
.editor-styles-wrapper h2 > sup, .editor-styles-wrapper h3 > sup, .editor-styles-wrapper h4 > sup{
	font-size: .6em;
}


/*------------------------------------*\
	Added padding
\*------------------------------------*/

.p-6 {
  padding: 4rem !important;
}

.pt-6,
.py-6 {
  padding-top: 4rem !important;
}

.pr-6,
.px-6 {
  padding-right: 4rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 4rem !important;
}

.pl-6,
.px-6 {
  padding-left: 4rem !important;
}

@media (min-width: 576px) {

	.p-sm-6 {
    padding: 4rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 4rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 4rem !important;
  }

}

@media (min-width: 768px) {

	.p-md-6 {
    padding: 4rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 4rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 4rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 4rem !important;
  }

}

@media (min-width: 992px) {

	.p-lg-6 {
    padding: 4rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 4rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 4rem !important;
  }

}

@media (min-width: 1200px) {

	.p-xl-6 {
     padding: 4rem !important;
   }
   .pt-xl-6,
   .py-xl-6 {
     padding-top: 4rem !important;
   }
   .pr-xl-6,
   .px-xl-6 {
     padding-right: 4rem !important;
   }
   .pb-xl-6,
   .py-xl-6 {
     padding-bottom: 4rem !important;
   }
   .pl-xl-6,
   .px-xl-6 {
     padding-left: 4rem !important;
   }

}


/*------------------------------------*\
	Added margin
\*------------------------------------*/
.m-6 {
  margin: 3rem !important;
}
.mt-6,
.my-6 {
  margin-top: 4rem !important;
}
.mr-6,
.mx-6 {
  margin-right: 4rem !important;
}
.mb-6,
.my-6 {
  margin-bottom: 4rem !important;
}
.ml-6,
.mx-6 {
  margin-left: 4rem !important;
}
@media (min-width: 576px) {
  .m-sm-6 {
    margin: 4rem !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 4rem !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 4rem !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 4rem !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 4rem !important;
  }
}
@media (min-width: 768px) {
  .m-md-6 {
    margin: 4rem !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 4rem !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 4rem !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 4rem !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 4rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-6 {
    margin: 4rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 4rem !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 4rem !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 4rem !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-6 {
    margin: 4rem !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 4rem !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 4rem !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 4rem !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 4rem !important;
  }
}


/*------------------------------------*\
  Added gap
\*------------------------------------*/
.g-6,
.gx-6 {
  --bs-gutter-x: 4rem;
}
.g-6,
.gy-6 {
  --bs-gutter-y: 4rem;
}

@media (min-width: 576px) {
  .g-sm-6,
  .gx-sm-6 {
    --bs-gutter-x: 4rem;
  }
  .g-sm-6,
  .gy-sm-6 {
    --bs-gutter-y: 4rem;
  }
}
@media (min-width: 768px) {
  .g-md-6,
  .gx-md-6 {
    --bs-gutter-x: 4rem;
  }
  .g-md-6,
  .gy-md-6 {
    --bs-gutter-y: 4rem;
  }
}
@media (min-width: 992px) {
  .g-lg-6,
  .gx-lg-6 {
    --bs-gutter-x: 4rem;
  }
  .g-lg-6,
  .gy-lg-6 {
    --bs-gutter-y: 4rem;
  }
}
@media (min-width: 1200px) {
  .g-xl-6,
  .gx-xl-6 {
    --bs-gutter-x: 4rem;
  }
  .g-xl-6,
  .gy-xl-6 {
    --bs-gutter-y: 4rem;
  }
}