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




/*------------------------------------*\
	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;
}


/*------------------------------------*\
	Lists
\*------------------------------------*/
ul > li{
	margin-bottom: .5rem;
}
ul.list-blocks{
	list-style: none;
	padding: 0;
}
ul.list-blocks > li > span{
	background-color: var(--color-primary);
	color: var(--color-primary-text);
	padding: .5rem .9rem;
	display: inline-block;
	text-transform: uppercase;
	font-size: 20px;
}
ul.list-blocks > li:after{
	display: block;
	content: "";
}


/*------------------------------------*\
	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%;}
}















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

.wp-block-buttons.is-horizontal > .wp-block-button:first-of-type{
	padding-left: 0;
}

.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;
}
@media only screen and (max-width: 767px) {
	.wp-block-buttons{
		    flex-direction: column;
	}
}

.btn,
.editor-styles-wrapper .wp-element-button,
.wp-block-button > .wp-block-button__link{
  --bs-btn-font-weight: 500;
  --bs-btn-font-size: 20px;
  --bs-btn-line-height: 1.3;
  --bs-btn-padding-x: 2.2rem;
  --bs-btn-padding-y: 1.2rem;
  --bs-btn-margin-x: 0;
  --bs-btn-margin-y: 0;

  --bs-btn-border-width: 1px;
  --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: 1;
  --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: .04em;
	text-transform: uppercase;
  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: var(--bs-btn-border-width) 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;
}