/*DEFAULTS START*/
html {
    font-family: var(--default-font);
	font-size: var(--default-font-size);
	line-height: var(--line-height);
	letter-spacing: var(--letter-spacing);
	background-color: var(--bg-color);
	color: var(--primary-font-color);
	scroll-behavior: smooth;
}

body {
	display: flex;
	flex-direction: column;
	line-height: var(--line-height);
}

*:focus,
.logo-container:focus img,
*:focus-visible,
.logo-container:focus-visible img {
	outline: 0.25rem solid var(--focus-color);
	outline-offset: 0.25rem;
	border-radius: 0.25rem;
	z-index: 9997;	
}

*:focus,
.logo-container:focus img {
	background-color: unset;
	color: unset;
}

*:focus-visible,
.logo-container:focus-visible img {
	background-color: var(--info-color)!important;
	color: var(--secondary-font-color)!important;	
}

::selection {
	color: var(--primary-font-color);
	background: var(--highlight-color);
}

[data-accessibility~="noimg"] img {
    display: none!important;
    visibility: hidden!important;
    opacity: 0!important;
}

[data-accessibility~="noimg"] a:has(> img) + * {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

[data-accessibility~="low-saturation"] {
    filter: saturate(50%)!important;
	-webkit-backdrop-filter: saturate(.75);
	backdrop-filter: saturate(.75);
}

[data-accessibility~="high-saturation"] {
	filter: saturate(200%)!important;
	-webkit-backdrop-filter: saturate(5);
	backdrop-filter: saturate(5)
}

[data-accessibility~="monochrome"] {
	filter: grayscale(100%)!important;
	-webkit-backdrop-filter: grayscale(1)!important;
	backdrop-filter: grayscale(1) !important;
}

[data-accessibility~="titles"] h1,
[data-accessibility~="titles"] h2,
[data-accessibility~="titles"] h3,
[data-accessibility~="titles"] h4,
[data-accessibility~="titles"] h5 {
	outline: 0.25rem solid var(--info-color);
	outline-offset: 0.2rem;
	border-radius: 0.25rem;
}

[data-accessibility~="disabled"] * {
	transition: none!important;
	animation-fill-mode: forwards!important;
	animation-iteration-count: 1!important;
	animation-duration: 10ms!important;
}

[data-accessibility~="spacing"] * {
	letter-spacing: 0.25rem!important;
	word-spacing: 0.5rem!important;
}

[data-accessibility~="line"] #main * {
	line-height: 3rem!important;
}

[data-accessibility~="black-cursor"] {
	cursor: url(../img/black-cursor.svg), default!important
}

[data-accessibility~="black-cursor"] [role=button],
[data-accessibility~="black-cursor"] a,
[data-accessibility~="black-cursor"] button,
[data-accessibility~="black-cursor"] label,
[data-accessibility~="black-cursor"] input,
[data-accessibility~="black-cursor"] select,
[data-accessibility~="black-cursor"] textarea {
	cursor: url(../img/black-pointer.svg), default!important
}

[data-accessibility~="white-cursor"] {
	cursor: url(../img/white-cursor.svg), default!important
}

[data-accessibility~="white-cursor"] [role=button],
[data-accessibility~="white-cursor"] a,
[data-accessibility~="white-cursor"] button,
[data-accessibility~="white-cursor"] label,
[data-accessibility~="white-cursor"] input,
[data-accessibility~="white-cursor"] select,
[data-accessibility~="white-cursor"] textarea {
	cursor: url(../img/white-pointer.svg), default!important
}

html[data-accessibility~="focus-mask"] #focus-mask {
  display: block;
}

#focus-mask {
  display: none;
}

#focus-mask {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* dim color */
    pointer-events: none;
    z-index: 10000;

    /* initial inverted mask: strip is dimmed */
    -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 40%, transparent 60%, black 60%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;

    mask-image: linear-gradient(to bottom, black 40%, transparent 40%, transparent 60%, black 60%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

a[href]:not(:where(
	[href^="#"],
	[href^="/"]:not([href^="//"]),
	[href^="mailto:"],
    a[href^="mailto:"],
	[href^="tel:"],
	[href^="http://epikoda.test"],
	[href^="https://epikoda.test"],
	[href^="https://test.epikoda.ee"],
	[href^="https://epikoda.ee"],
	[href^="https://www.epikoda.ee"],
	[href*="javascript:void(0);"],
    figure > a,
    [data-type="button"],
    [data-type="info_block"] a,
    [data-type="highlight-item"] a,
    [data-type="reference-list"] a,
    #accessibilityButton,
    .wp-block-button
)):after {
	position: absolute;
	top: 0;
	right: 0;
 	content: url(../img/newtab.svg);
	margin-left: var(--spacing-tiny);
	width: var(--spacing-normal);
	height: var(--spacing-normal);
}

a[href]:not(:where(
	[href^="#"],
	[href^="/"]:not([href^="//"]),
	[href^="mailto:"],
	[href^="tel:"],
	[href^="http://epikoda.test"],
	[href^="https://epikoda.test"],
	[href^="https://test.epikoda.ee"],
	[href^="https://epikoda.ee"],
	[href^="https://www.epikoda.ee"],
	[href*="javascript:void(0);"],
    figure > a,
    [data-type="button"],
    [data-type="info_block"] a,
    [data-type="highlight-item"] a,
    [data-type="reference-list"] a,
	#accessibilityButton
)) {
	padding-right: calc(var(--spacing-normal) + 0.25rem);
}

footer a[href]:not(:where(
	[href^="#"],
	[href^="/"]:not([href^="//"]),
	[href^="mailto:"],
	[href^="tel:"],
	[href^="http://epikoda.test"],
	[href^="https://epikoda.test"],
	[href^="https://test.epikoda.ee"],
	[href^="https://epikoda.ee"],
	[href^="https://www.epikoda.ee"],
	[href*="javascript:void(0);"],
    figure > a,
    [data-type="button"],
    [data-type="info_block"] a,
    [data-type="highlight-item"] a
)):after {
	filter: invert(1);
}

a { 
	position: relative;
	font-weight: 700;
	color: var(--primary-font-color);
	text-decoration: underline;
	text-underline-offset: var(--spacing-tiny);
	text-decoration-thickness: calc(var(--spacing-xx-small) / 2);
	transition-duration: 200ms;
}

a:hover {
	color: var(--primary-font-color);
	text-decoration: underline;
	text-underline-offset: var(--spacing-tiny);
	text-decoration-thickness: calc(var(--spacing-xx-small) / 2);	
	text-decoration-style: wavy;
	transition-duration: 200ms;
}

[data-accessibility~="links"] a {
	background-color: var(--highlight-color)!important;
	color: var(--primary-font-color)!important;
}

[data-type="button"]:hover {
	color: unset;
	text-decoration: unset;
	text-underline-offset: unset;
	text-decoration-thickness: unset;	
	text-decoration-style: unset;
	transition-duration: unset;	
}

p {
	text-underline-offset: 0.25rem;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: var(--title-font);
	line-height: var(--title-line-height);
    width: fit-content;
}

h1 {
	font-size: var(--title-1-size);
}

h2 {
	font-size: var(--title-2-size);
}

h3 {
	font-size: var(--title-3-size);
}

h4 {
	font-size: var(--title-4-size);
}

:is(h1, h2, h3, h4, h5) + :is(h2, h3, h4, h5, h6) {
    margin-top: 0.25rem;
}

main {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/*DEFAULTS END*/



/*SCROLLBAR START*/
::-webkit-scrollbar {
	width: var(--spacing-x-small);
}

::-webkit-scrollbar-track {
	background: rgba(240,242,248,.66);
}

::-webkit-scrollbar-thumb {
  background: #606060;
}

::-webkit-scrollbar-thumb:hover {
	background: #808080;
}

[data-scroll="false"],
.no-scroll {
	overflow: hidden;
}
/*SCROLLBAR END*/



/*ACCESSIBILITY START*/
#wpadminbar .screen-reader-shortcut {
	display: none;
	visibility: hidden;
}

.skip-to-main-content,
#wpadminbar .screen-reader-shortcut {
	position: fixed;
    top: -100rem;
	left: 50%;
	transform: translate(-50%, 0);
    width: 100%;
	max-width: 400px;
    height: auto;
    z-index: -999;
	text-decoration: none;
    color: var(--primary-font-color);
    background-color: var(--primary-color);
    overflow: auto;
	margin-top: 10px; 
	margin-bottom: 10px;
	padding: var(--spacing-tiny);
	border-radius: var(--default-border-radius);
	border: var(--spacing-xx-small) solid var(--highlight-color);
	box-shadow: 0 0 var(--spacing-xx-small) 0 var(--shadow-color);	
	outline: none;
    text-align: center;
    font-size: var(--title-4-size);	
}

footer .skip-to-main-content {
    top: unset;
	bottom: -100rem;
}

.skip-to-main-content:hover,
#wpadminbar .screen-reader-shortcut:hover {
	text-decoration: none;
}

.skip-to-main-content:focus, 
.skip-to-main-content:active,
#wpadminbar .screen-reader-shortcut:focus,
#wpadminbar .screen-reader-shortcut:active {
	top: 1.3rem;
	z-index: 999;
}

footer .skip-to-main-content:focus,
footer .skip-to-main-content:active {
	top: unset;
    bottom: 1.3rem;
	z-index: 999;
	height: fit-content;
}
/*ACCESSIBILITY END*/



/*NAVIGATION START*/
[data-type="navbar-container"] {
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;	
	height: 110px;
	max-height: 110px;
	padding: var(--spacing-normal) var(--spacing-large);
	background-color: var(--bg-color-alt);
	width: 100%;
	z-index: 9999;
}

@media only screen and (max-width: 80rem) {
	[data-type="navbar-container"] {
		height: fit-content;
		max-height: unset;
	}
}

@media only screen and (max-width: 48rem) {
	[data-type="navbar-container"] {
		padding: var(--spacing-normal) 12px;
		height: fit-content;
		min-height: 10.875rem;
		max-height: unset;
	}
}

[data-type="navbar-container"] img {
    height: 50px;
}

.navigation-logo-container img {
    height: 50px;
    transform: scale(1.5);
	margin-left: 60px;	
}

@media only screen and (max-width: 40rem) {
	.navigation-logo-container img {
		transform: unset;
		margin-left: unset;	
	}
}

[data-type="navigation-content"] {
	width: 100%;
	max-width: calc(var(--content-width) - 1.75rem);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: var(--spacing-normal);
}

@media only screen and (max-width: 80rem) {
	[data-type="navigation-content"] {
		flex-direction: column;
	}
}

[data-type="navbar-main-items"] {
    display: flex;
	gap: var(--spacing-medium);
	list-style-type: none;
	padding-inline-start: unset;
}

[data-type="navbar-main-items"] a {
	white-space: nowrap;
}

@media only screen and (max-width: 48rem) {
	[data-type="navbar-main-items"] {
		display: none;
	}
}

[data-type="navigation-menu"] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 36px;
	height: 52px;
	padding: 1rem;
	background-color: var(--primary-color);
	border-radius: 30px;
}

[data-type="navigation-menu"] a,
[data-type="navigation-menu"] button {
	letter-spacing: 0.7px;
	font-weight: 700;
	color: var(--bg-color-alt);
	text-decoration: none;
	background-color: unset;
	box-shadow: unset;
	border: unset;
	padding: unset;
	cursor: pointer;
}

[data-type="main-container"] {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: var(--spacing-large);
	padding: var(--spacing-large);
}

[data-type="content-sidebar"] {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px var(--spacing-normal) var(--spacing-normal) var(--spacing-normal);
	background-color: var(--bg-color-alt);
	border-radius: var(--spacing-x-small);
	width: 380px;
}

[data-type="content-sidebar"] h2 {
	margin: 0 0 0 var(--spacing-xx-small);
}

[data-type="content-sidebar"] h2 a {
	font-weight: 400;
	text-decoration: none;
	margin-bottom: var(--spacing-normal);
}

[data-type="content-sidebar"] > ul {
	display: flex;
	flex-direction: column;  
	gap: var(--spacing-xx-small)
}

[data-type="content-sidebar"] ul > li {
	display: flex;
	flex-direction: column;  
	gap: var(--spacing-xx-small)
}

[data-type="content-sidebar"] ul > li a {
	padding: 10px 42px 10px 12px;
	text-decoration: none;
	position: relative;
}

[data-type="content-sidebar"] ul > li a::before {
	content: '';
	background : url(../img/description.svg) no-repeat;
	position: absolute;	
	width: 25px;
	height: 25px;	
}

[data-type="content-sidebar"] ul > li > a {
	padding: 10px 42px 10px 34px;
	transition-duration: 200ms;
}

[data-type="content-sidebar"] ul > li > a:hover {
	background-color: var(--bg-color-opposite);
	color: var(--secondary-font-color);
	transition-duration: 200ms;
}

[data-type="content-sidebar"] [data-menu-level="1"] > li > a[aria-expanded]::before,
[data-type="content-sidebar"] [data-menu-level="2"] > li > a[aria-expanded]::before,
[data-type="content-sidebar"] [data-menu-level="3"] > li > a[aria-expanded]::before,
[data-type="content-sidebar"] [data-menu-level="4"] > li > a[aria-expanded]::before {
	background : url(../img/folder.svg) no-repeat;
}

[data-type="content-sidebar"] [data-menu-level="1"] > li > a[aria-expanded="true"]::before,
[data-type="content-sidebar"] [data-menu-level="2"] > li > a[aria-expanded="true"]::before,
[data-type="content-sidebar"] [data-menu-level="3"] > li > a[aria-expanded="true"]::before,
[data-type="content-sidebar"] [data-menu-level="4"] > li > a[aria-expanded="true"]::before {
	background : url(../img/folderOpen.svg) no-repeat;
}

[data-type="content-sidebar"] ul > li > a:hover::before,
[data-menu-level="3"] [data-type="current-menu-ancestor"] > a::before,
[data-menu-level="4"] [data-type="current-menu-ancestor"] > a::before,
[data-type="current-menu-item"] > a::before {
	filter: invert();
}

[data-type="content-sidebar"] ul > li > ul > li a {
	padding: 10px 42px 10px 58px;
}

[data-type="content-sidebar"] ul > li > ul > li a::before {
	background : url(../img/description.svg) no-repeat;
}

[data-type="content-sidebar"] ul > li > ul > [data-type="current-menu-ancestor"] > a::before,
[data-type="content-sidebar"] ul > li > ul > [data-type="current-menu-item"] a::before {
	background : url(../img/draft.svg) no-repeat;
}

[data-type="content-sidebar"] ul > li > ul > li > ul > li a {
	padding: 10px 42px 10px 78px;
}

[data-type="content-sidebar"] ul > li > ul > li > ul > li > ul > li a {
	padding: 10px 42px 10px 98px;
}

[data-type="content-sidebar"] ul > li > ul > li > ul > li > ul > li > ul > li a {
	padding: 10px 42px 10px 118px;
}

[data-type="content-sidebar"] ul > li a::before {
	left: var(--spacing-tiny);	
}

[data-type="content-sidebar"] ul > li > ul > li a::before {
	left: 25px;	
}

[data-type="content-sidebar"] ul > li > ul > li > ul > li a::before {
	left: 45px;	
}

[data-type="content-sidebar"] ul > li > ul > li > ul > li > ul > li a::before {
	left: 65px;	
}

[data-type="content-sidebar"] ul > li > ul > li > ul > li > ul > li > ul > li a::before {
	left: 85px;	
}

[data-type="content-sidebar"] [data-menu-level]:not([data-menu-level="1"])[data-type="submenu"] li:not(:last-child) {
	margin-bottom: var(--spacing-xx-small);
}

[data-type="content-sidebar"] > ul > li:first-child > a:first-child {
	border-top-left-radius: var(--spacing-x-small);
	border-top-right-radius: var(--spacing-x-small);
}

[data-type="content-sidebar"] > ul > li:last-child > a:last-child {
	border-bottom-left-radius: var(--spacing-x-small);
	border-bottom-right-radius: var(--spacing-x-small);
}

[data-type="content-sidebar"] ul > li > a {
	background-color: var(--bg-color);
}

[data-type="content-sidebar"] ul > li > ul > li > a {
	background-color: var(--surface-alt-color);
}    

[data-type="content-sidebar"] ul > li > ul > li > ul > li > a {
	background-color: var(--surface-color);
}

[data-type="content-sidebar"] ul > li > ul > li > ul > li[data-type="current-menu-ancestor"] > a {
	background-color: var(--primary-color);
	color: var(--bg-color-alt);
}

@media only screen and (max-width: 80rem) {
	[data-type="main-container"] {
		flex-direction: column;
	}
	
	[data-type="main-container"] aside {
		order: 2;
	}
	
	[data-type="content-sidebar"] {
		width: 100%;
	}
}

@media only screen and (max-width: 48rem) {
	[data-type="main-container"] {
		padding: var(--spacing-small);
	}    
}

[data-type="submenu"] {
	margin: unset;
	padding-inline-start: unset;
}

[data-type="submenu"][data-active="false"] {
    display: none;
}

[data-type="submenu"][data-menu-level="1"][data-active="false"] {
    display: flex;
}

[data-type="submenu"][data-active="true"] {
    display: flex;
	flex-direction: column;
}

[data-type="current-menu-ancestor"] > [data-type="submenu"][data-menu-level] {
	display: flex;
	flex-direction: column;
}

[data-type="content-sidebar"] li[data-type="current-menu-item"] > a {
	background-color: var(--primary-color);
	color: var(--bg-color-alt);
}

[data-type="submenu"] [aria-expanded] {
	position: relative;
}

[data-type="submenu"] [aria-expanded]::after {
	content: '';
	position: absolute;
	right: 10px;
	width: 25px;
	height: 25px;
}

[data-type="submenu"] [aria-expanded="true"]::after {
	background : url(../img/up.svg) no-repeat;
	opacity: 0.25;
}

[data-type="submenu"] [aria-expanded="false"]::after {
	background : url(../img/down.svg) no-repeat;
}

[data-type="content-sidebar"] li[data-type="current-menu-item"] > a[aria-expanded]::after {
	filter: invert();
}

[data-type="contextual-submenu"] {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-normal);
	row-gap: 12px;
	list-style-type: none; 
	padding: 0; 
	margin: 12px 0 var(--spacing-normal) 0;
}

[data-type="contextual-submenu"] li {
	position: relative;
}

[data-type="contextual-submenu"] li a {
	display: block;
	padding: 12px var(--spacing-normal);
	border: calc(var(--spacing-xx-small) / 2) solid var(--primary-color);
	border-radius: 30px;
	background-color: var(--primary-color);
	color: var(--secondary-font-color);
	text-decoration: none;
}

[data-type="contextual-submenu"] [data-type="current-menu-item"] a {
	color: rgba(0, 0, 0, 0.5);
	background-color: var(--bg-color);
	border: calc(var(--spacing-xx-small) / 2) solid var(--primary-color);
	cursor: default;
}

[data-type="content-illustration"] img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

[data-type="home-content-area"] {
	width: 100%;
} 

[data-type~="videos-page"] {
	width: 100%;
	max-width: calc(var(--content-width) - 1.75rem);
}

[data-type~="videos-page"] [data-type="videos-container"] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 1rem;
}

[data-type~="videos-page"] [data-type="videos-container"] [data-type="video-category"] h2 {
	margin-bottom: 0.5rem;
}

[data-type~="videos-page"] [data-type="videos-container"] [data-type="video-category"]:not(:last-of-type) {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--bg-color);
}

[data-type~="videos-page"] [data-type="videos-container"] [data-type="video-list"] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}

@media only screen and (max-width: 80rem) {
	[data-type~="videos-page"] [data-type="videos-container"] [data-type="video-list"] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 60rem) {
	[data-type~="videos-page"] [data-type="videos-container"] [data-type="video-list"] {
		grid-template-columns: repeat(1, 1fr);
	}
}

[data-type="video-item"] {
	display: grid;
	grid-template-rows: auto auto 1fr;
	gap: 0.5rem;
	padding: var(--spacing-normal);
	background: var(--alt-gradient);
	border-top-right-radius: var(--spacing-x-small);
	border-top-left-radius: var(--spacing-x-small);	
	border-bottom-right-radius: var(--spacing-xx-large);
	border-bottom-left-radius: var(--spacing-x-small);
	height: 100%;
}

[data-type~="videos-page"] iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border-radius: 0.5rem 0.5rem 4.5rem 0.5rem;
	justify-self: flex-end;	
	align-self: flex-end; 
}

[data-type~="landing-page"],
[data-type~="content-area"] {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-mini);
	width: 100%;
	padding-top: var(--spacing-mini);
}

[data-type~="content-area"],
[data-type~="landing-page"] {
    max-width: calc(var(--content-width) - 28rem);
}

[data-type~="focused-page"] {
	width: 100%;
	max-width: calc(var(--content-width) - 1.25rem);
}

[data-type~="focused-page"] > h1,
[data-type~="landing-page"] > h1,
[data-type~="content-area"] > h1 {
	margin-left: var(--spacing-xx-small);
}

[data-type~="landing-page"] hr {
	display: none;
}

[data-type~="landing-page"]:has([data-type~="readable-area"]) hr {
	display: block;
}

[data-type="main-content"] {
	padding: calc(var(--spacing-normal) + 0.25rem) calc(var(--spacing-medium) + 0.5rem) calc(var(--spacing-medium) + 0.5rem) calc(var(--spacing-medium) + 0.5rem);
	background-color: var(--bg-color-alt);
	border-radius: var(--spacing-x-small);
}

@media only screen and (max-width: 48rem) {
	[data-type="main-content"] {
		padding: calc(var(--spacing-small) + 0.25rem) calc(var(--spacing-normal) + 0.5rem) calc(var(--spacing-normal) + 0.5rem) calc(var(--spacing-normal) + 0.5rem);
	}	
}

@media only screen and (max-width: 32rem) {
	[data-type="main-content"] {
		padding: calc(var(--spacing-x-small) + 0.25rem) calc(var(--spacing-small) + 0.5rem) calc(var(--spacing-small) + 0.5rem) calc(var(--spacing-small) + 0.5rem);
	}	
}

[data-type*="readable-area"] {
	max-width: 50rem;
}

[data-type*="readable-area"] a {
	color: var(--primary-color);
	line-break: auto;
	padding-right: unset;
}

[data-type*="readable-area"] a:not(:where(
	[href^="#"],
	[href^="/"]:not([href^="//"]),
	[href^="mailto:"],
    a[href^="mailto:"],
	[href^="tel:"],
	[href^="http://epikoda.test"],
	[href^="https://epikoda.test"],
	[href^="https://test.epikoda.ee"],
	[href^="https://epikoda.ee"],
	[href^="https://www.epikoda.ee"],
	[href*="javascript:void(0);"],
    figure > a,
    [data-type="button"],
    [data-type="info_block"] a,
    [data-type="highlight-item"] a,
    [data-type="reference-list"] a,
    #accessibilityButton,
    .wp-block-button a
)):after {
	content: "";
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(../img/newtab.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	margin-bottom: -0.5rem;
	margin-left: 0.2rem!important;
}

[data-type*="readable-area"] a:hover {
	text-decoration: underline;
	text-underline-offset: var(--spacing-tiny);
	text-decoration-thickness: calc(var(--spacing-xx-small) / 2);	
}

[data-type*="readable-area"] ul {
	list-style-type: disc;
	padding-inline-start: var(--spacing-normal);
	margin-top: unset;
	margin-bottom: var(--spacing-small);
}

[data-type*="readable-area"] .sitemap ul li a {
	color: var(--primary-font-color);
	text-decoration: none;
}

[data-type*="readable-area"] .sitemap ul li a::after {
	display: none;
}

[data-type*="readable-area"] .sitemap ul li a:hover {
	text-decoration: underline;
}

[data-type*="readable-area"] ul li::marker {
	font-size: var(--spacing-normal);
}

[data-type*="readable-area"] > h2:first-child {
    margin-bottom: 12px;	
}

[data-type*="readable-area"] p:not(:last-child) {
    margin-bottom: 12px;
}

[data-type*="readable-area"] p:has(+ ul),
[data-type*="readable-area"] p:has(+ ol) {
    margin-bottom: unset!important;
}

[data-type*="readable-area"] figure:not(:last-child) {
    margin-bottom: var(--spacing-normal);
}

[data-type*="readable-area"] img,
[data-type*="readable-area"] figure img {
	border-radius: var(--spacing-x-small);
}

[data-type*="readable-area"] figure.is-style-rounded img {
	border-radius: 9999px;
    aspect-ratio: 1;
	object-fit: cover;	
}

[data-type*="readable-area"] [data-type="featured"] {
	padding: var(--spacing-normal);
	background-color: var(--bg-color);
	border-radius: var(--spacing-x-small);
}

[data-type*="readable-area"] [data-type="featured"]:not(:last-child) {
	margin-bottom: var(--spacing-normal);
}

[data-type="last-updated"] {
	margin-top: 0.25rem;
	margin-left: 0.5rem;
}

[data-type="landing-page-shortcuts"] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	list-style-type: none;
	padding-inline-start: unset;
	margin: unset;
	margin-top: 24px;
	max-width: 50rem;
}

@media only screen and (max-width: 80rem) {
	[data-type="landing-page-shortcuts"] {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 48rem) {
	[data-type="landing-page-shortcuts"] {
		grid-template-columns: 1fr;
	}
}

[data-type="landing-page-shortcuts"] li a {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	height: 100%;
	border: 2px solid transparent;
	border-radius: 0.5rem;
	transition-duration: unset;
}	

[data-type="landing-page-shortcuts"] li a:hover {
	border: 2px solid var(--primary-color);
	transition-duration: unset;
}

[data-type="landing-page-shortcuts"] li a img {
	width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 16 / 10;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}

[data-type="landing-page-shortcuts"] li a span {
	width: 100%;
	height: 100%;
	padding: 16px;
	background-color: var(--bg-color-opposite);
	color: var(--secondary-font-color);
	border: 2px solid var(--bg-color-opposite);
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;	
	border-top: 2px solid transparent;
}

[data-type="landing-page-shortcuts"] li a:hover span {
	background-color: var(--bg-color-alt);
	color: var(--primary-color);	
	border: 2px solid transparent;
}			

[data-type="landing-page-shortcuts"] li a:hover img {
	object-fit: cover;
	filter: opacity(0.75);
	border-top-left-radius: 0.4rem;
	border-top-right-radius: 0.4rem;	
}

[data-type="hero-container"] {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;	
	background: var(--main-gradient);
	width: 100%;
	height: calc(100vh - 110px);
	min-height: 720px;
	padding: var(--spacing-normal) var(--spacing-large);
}

[data-type="hero-content"] {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	align-items: center;
	gap: 20px;
	max-width: calc(var(--content-width) - 1.75rem);
}

@media only screen and (max-width: 60rem) {
	[data-type="hero-content"] {
		display: flex;
		flex-direction: column;
	}	
	
	[data-type="hero-container"] {
		height: fit-content;
		min-height: unset;
	}
}

@media only screen and (max-width: 48rem) {
	[data-type="hero-container"] {
		padding: var(--spacing-normal) var(--spacing-normal);
	}
}

[data-type="hero-text-container"] {
	grid-column: 2 span;
	width: 100%;
}

[data-type="hero-text-container"] > div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-normal);
	margin-top: var(--spacing-normal);
}

[data-type="hero-text-container"] > p:not(:last-of-type) {
	margin-bottom: 0.5rem;
}

@media only screen and (max-width: 24rem) {
	[data-type="hero-text-container"] [data-type="button"] {
		width: 100%;
	}
}

[data-type="hero-img-container"] {
	display: grid;
	justify-self: flex-end;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	grid-column: 4 span;
	max-width: calc(var(--content-width) / 1.5);
}

[data-accessibility~="wider"] [data-type="hero-img-container"],
[data-accessibility~="extra-wide"] [data-type="hero-img-container"],
[data-accessibility~="unlimited"] [data-type="hero-img-container"] {
	max-width: calc(var(--content-width) / 1.75);
}

[data-type="hero-img-container"] img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

[data-type="hero-img-container"] img:first-child {
	min-height: 232px;
	border-top-left-radius: var(--spacing-x-small);
	border-top-right-radius: 80px;
	border-bottom-right-radius: var(--spacing-x-small);
	border-bottom-left-radius: 80px;	
}
[data-type="hero-img-container"] img:nth-child(2) {
	min-height: 217px;
}

[data-type="hero-img-container"] img:nth-child(2),
[data-type="hero-img-container"] img:nth-child(3) {
	border-top-right-radius: var(--spacing-x-small);
	border-top-left-radius: 80px;
	border-bottom-left-radius: var(--spacing-x-small);
	border-bottom-right-radius: 80px;	
}			

[data-type="hero-img-container"] img:nth-child(3) {
	grid-column: 2;
	grid-row: 1 / span 2;
}

@media only screen and (max-width: 38rem) {
	[data-type="hero-img-container"] {
		display: flex;
		flex-direction: column;
	}
	
	[data-type="hero-img-container"] img:first-child {
		min-height: unset;
		object-fit: 2 / 1;
	}
	
	[data-type="hero-img-container"] img:nth-child(2),
	[data-type="hero-img-container"] img:nth-child(3) {	
	    display: none;
	}
} 

[data-type="button"],
.wp-element-button {
	display: flex;
	justify-content: center;
	align-items: center;	
	flex-direction: row;
	gap: 0.75rem;
	background-color: var(--primary-color);
	color: var(--secondary-font-color);
	padding: 0.625rem calc(var(--spacing-medium) + 0.5rem);
	border: calc(var(--spacing-xx-small) / 2) solid var(--primary-color);
	border-radius: 1.875rem;
	text-decoration: unset;
	width: fit-content;
	height: fit-content;
	transition-duration: 200ms;
	-webkit-user-select: none; 
	-ms-user-select: none;
	user-select: none; 
}

[data-accessibility~="button"] [data-type="button"],
[data-accessibility~="button"] .wp-element-button {
	padding: 1rem calc(var(--spacing-medium) + 1rem);
	font-size: 1.5rem;
}

[data-type*="readable-area"] .wp-element-button {
	color: var(--secondary-font-color);
}

[data-type="button"]:hover,
.wp-element-button:hover {
	background-color: var(--bg-alt-color);
	color: var(--primary-color);
	transition-duration: 200ms;
	cursor: pointer;
}

[data-button~="return"]::before {
	display: flex;
	width: var(--spacing-normal);
	height: var(--spacing-normal);
	content: "";
	background : url(../img/return.svg) no-repeat;
	filter: invert();
}

[data-button~="return"]:hover::before {
	filter: unset;
}

[data-button~="secondary"] {
	background-color: var(--bg-color-alt);
	color: var(--primary-color);
	border: 2px solid var(--bg-color-alt);
}

[data-button~="secondary"][data-button~="bordered"]  {
	border: 2px solid var(--primary-color);
}

[data-button~="secondary"]:hover {
	background-color: var(--primary-color);
	color: var(--secondary-font-color);
}

[data-button~="secondary"][data-button~="bordered"]:hover {
	border: 2px solid var(--primary-color);
}

[data-type="content-sidebar"] [data-type="button"] {
	margin-top: 12px;
}

[data-type="breadcrumb"] {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.5rem;
    font-size: 1rem;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--bg-color);
}

[data-type="breadcrumb-list"] {
	padding: 0;
	margin: 0;
	list-style: none;
}

[data-type="breadcrumb-list"] li {
	display: inline-block;
	padding-right: var(--spacing-x-small);
}

[data-type="breadcrumb-list"] li:last-of-type {
	display: inline;
}

[data-type="breadcrumb-list"] li a {
	text-decoration: unset;
	transition-duration: 200ms;
}

[data-type="breadcrumb-list"] li a:hover {
	text-decoration: underline;
	transition-duration: 200ms;
}

[data-type="breadcrumb-list"] li::after {
    content: "➔";
	padding-left: 10px;
	font-size: 1.125rem;
	vertical-align: middle;
}

[data-type="breadcrumb-list"] li:last-child::after {
    content: "";
}

[data-type="breadcrumb-date"] {
	font-weight: 700;
}

[data-type="navigation-sitemap-container"] {
	display: none;
	justify-content: center;
	background-color: var(--surface-color);
	position: absolute;
	top: 6.875rem;
	left: 0;
	width: 100%;
	z-index: 9999;
	border-bottom: calc(var(--spacing-xx-small) / 2) solid var(--primary-color);
	border-top: calc(var(--spacing-xx-small) / 2) solid var(--primary-color);
}

@media only screen and (max-width: 80rem) {
	[data-type="navigation-sitemap-container"] {
		min-height: calc(100% - 174px);
		justify-content: flex-start;
		align-items: flex-start;
		top: 174px;
	}
}

[data-type="navigation-sitemap-container"][data-active="false"],
[data-type="navigation-specific-menu"][data-active="false"] {
	display: none;
}

[data-type="navigation-sitemap-container"][data-active="true"],
[data-type="navigation-specific-menu"][data-active="true"] {
	display: flex;
}

[data-type="navigation-sitemap"] {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	max-width: calc(var(--content-width) - 1.75rem);
	margin: 0;
	list-style-type: none;
	padding-inline-start: 0;
	width: 100%;
	height: auto;
	max-height: calc(100vh - 174px);
	overflow: auto;
}

[data-type="navigation-sitemap"] > li {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
	max-width: calc(var(--content-width) - 1.75rem);
	padding: 20px;
	flex-basis: 250px;
}

[data-type="navigation-sitemap"] a {
	color: var(--primary-color);
}

[data-type="navigation-sitemap"] > li > a {
	font-size: 20px;
}

[data-type="navigation-sitemap"] > li > ul,
[data-type="navigation-sitemap"] > li > ul > li,
[data-type="navigation-sitemap"] > li > ul > li > ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

[data-type="navigation-sitemap"] > li > ul > li a {
	display: flex;
	flex-direction: row;
	gap: var(--spacing-x-small);
	font-size: var(--font-size);
	color: black;
	font-weight: 400;
	padding-left: var(--spacing-medium);
	position: relative;
}

[data-type="navigation-sitemap"] > li > ul > li a:hover {
	text-decoration: underline;
}

[data-type="navigation-sitemap"] > li > ul > li a::before {
	display: flex;
	width: var(--spacing-normal);
	height: var(--spacing-normal);
	content: "";
	background : url(../img/link.svg) no-repeat;
	transition-duration: 200ms;
	position: absolute;
	left: 0;
}

[data-type="navigation-sitemap"] > li > ul > li a:hover::before {
	background : url(../img/linkActive.svg) no-repeat;
	transition-duration: 200ms;
}

[data-type="navbar-container"] [data-type="navigation-menu"] > a,
[data-type="navbar-container"] [data-type="navigation-menu"] > div > a,
[data-type="navbar-container"] [data-type="navigation-menu"] > p {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	gap: var(--spacing-x-small);
}

[data-type="navbar-container"] [data-type="navigation-menu"] > p {
	gap: 0;
}

#sitemap {
	font-weight: 700;
	color: var(--secondary-font-color);
	cursor: default;
	font-size: 0;
}

/*#sitemap[data-active="false"]::after,
#sitemap[data-active="true"]::after {
	content: "";
	width: var(--spacing-normal);
	height: var(--spacing-normal);	
	filter: invert();	
}

#sitemap[data-active="false"]::after {
	background : url(../img/down.svg) no-repeat;	
}

#sitemap[data-active="true"]::after {
	background : url(../img/up.svg) no-repeat;	
}*/

#accessibilityButton::before {
	content: "";
	background : url(../img/accessibility.svg) no-repeat;	
	width: 30px;
	height: 30px;
}

[data-type="navigation-menu"] > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	height: 100%;
	background-color: var(--primary-color);
	border-radius: 30px;
}

[data-type="navigation-menu"] > div > a img {
	height: 42px;
}

[data-type="navigation-menu"] > div > p {
    display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}

#sitemap::after {
	content: "";
	background : url(../img/sitemap.svg) no-repeat;	
	width: 30px;
	height: 30px;
	margin-left: var(--spacing-x-small);
}

#searchButton::after {
	content: "";
	background : url(../img/search.svg) no-repeat;	
	width: 30px;
	height: 30px;
}

#easy-to-read-icon::after {
	content: unset;
}

@media only screen and (max-width: 80rem) {
	[data-type="navigation-menu"] {
		gap: 12px;
	}
	
	#accessibilityButton {
		font-size: 0;
		gap: 0;
	}
}

@media only screen and (max-width: 48rem) {
	[data-type="navigation-menu"] {
		justify-content: space-between;
	}
	
	#sitemap {
		font-size: var(--font-size);
	}	
}

footer {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
	background-color: var(--primary-color);
	color: var(--secondary-font-color);
}

footer a {
    color: var(--secondary-font-color);
}

footer ul {
	list-style-type: none;
	padding-inline-start: unset;
}

footer > div {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-large);	
	width: 100%;
	max-width: calc(var(--content-width) - 1.75rem);
	padding: var(--spacing-large) var(--spacing-large) var(--spacing-xx-large) var(--spacing-large);
}

@media only screen and (max-width: 80rem) {
	footer > div {
		padding: var(--spacing-normal) var(--spacing-normal) var(--spacing-xx-large) var(--spacing-normal);
	}
}

@media only screen and (max-width: 48rem) {
	footer > div {
		justify-content: flex-start;
		gap: 36px;
	}
}

footer > div > div {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-x-small);
	width: fit-content;
}

footer > div > div > img {
	height: 5rem;
	width: auto;
}

footer > div > div > ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-x-small);
	margin-block-start: unset;
	margin-block-end: unset;
}

footer > div > div > ul > li a {
	font-weight: 400;
	text-decoration: none;
}

footer > div > div > ul > li a:hover {
	text-decoration: underline;
    color: var(--secondary-font-color);
}

footer [data-type="contacts"] a {
	font-weight: 700;
	text-decoration: underline;
}

footer [data-type="about"] {
	gap: var(--spacing-normal);
	justify-content: space-between;
}

@media only screen and (max-width: 80rem) {
	footer [data-type="about"] {
		justify-content: flex-start;
	}
}

hr {
	margin-top: var(--spacing-large);
	margin-bottom: var(--spacing-large);
	border-top: 1px solid var(--bg-color-opposite);
	border-bottom: unset;
	border-left: unset;
	border-right: unset;
}

hr[data-type~="small"] {
	border-top: 1px solid var(--muted-color);
	margin-top: var(--spacing-x-small);
	margin-bottom: var(--spacing-small);
	opacity: 0.5;
}

hr[data-size~="normal"] {
	border-top: 1px solid var(--muted-color);
	margin-top: var(--spacing-medium);
	margin-bottom: var(--spacing-medium);
	opacity: 0.5;
}

hr[data-size~="normal"][data-type~="alt"] {
	width: 100%;
	border-top: 1px solid var(--muted-color);
	margin-top: var(--spacing-small);
	margin-bottom: var(--spacing-small);
	opacity: 0.5;
}

hr[data-size~="large"] {
	border-top: 1px solid var(--muted-color);
	margin-top: var(--spacing-large);
	margin-bottom: var(--spacing-large);
	opacity: 0.5;
}

.wp-block-separator {
	border-top: 1px solid var(--bg-color);
	border-bottom: unset;
	border-left: unset;
	border-right: unset;	
	margin-top: var(--spacing-medium);
	margin-bottom: var(--spacing-medium);
}

[data-type="colors-container"],
[data-type="gradients-container"] {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

[data-type="colors-container"] {
	flex-direction: row;
}

[data-type="colors-container"] + [data-type="colors-container"] {
	margin-top: 20px;
}

[data-type="gradients-container"] {
	flex-direction: column;
}

[data-color] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-basis: 246px;
	height: 246px;
	border-radius: var(--spacing-x-small);
	border: calc(var(--spacing-xx-small) / 2) solid var(--muted-color);
}

[data-color] p {
	font-size: 20px;
}

[data-mode="light"] p {
	color: var(--primary-font-color);
}

[data-mode="light"] p {
	color: var(--secondary-font-color);
}

[data-color="1"] {
	background-color: var(--primary-color);
}

[data-color="2"] {
	background-color: var(--bg-color-opposite);
}

[data-color="3"] {
	background-color: var(--bg-color);
}

[data-color="4"] {
	background-color: var(--alt-font-color);
}

[data-color="5"] {
	background-color: var(--surface-alt-color);
}

[data-color="6"] {
	background-color: var(--surface-color);
}

[data-color="7"] {
	background-color: #FAF8F5;
}

[data-color="8"] {
	background-color: #FAFAFA;
}

[data-color="9"] {
	background-color: #FEFEFE;
}

[data-color="10"] {
	background-color: var(--bg-color-opposite-alt);
}

[data-color="11"] {
	background-color: #565353;
}

[data-color="12"] {
	background-color: #7B7979;
}

[data-color="13"] {
	background-color: var(--muted-color);
}

[data-color="14"] {
	background-color: #C7C6C6;
}

[data-color="15"] {
	background-color: #ECECEC;
}

[data-color="gradient-1"] {
	background: linear-gradient(
		90deg,
		rgba(253, 231, 245, 1) 0%,
		rgba(253, 231, 245, 1) 50%,
		rgba(45, 44, 113, 1) 100%
	);
}

[data-color="gradient-2"] {
	background: linear-gradient(
		90deg,
		rgba(241, 230, 245, 1) 0%,
		rgba(241, 230, 245, 1) 50%,
		rgba(129, 128, 188, 1) 100%
	);
}

[data-color="gradient-3"] {
	background: linear-gradient(
		90deg,
		rgba(252, 248, 251, 1) 0%,
		rgba(252, 248, 251, 1) 50%,
		rgba(233, 235, 248, 1) 100%
	);
}

[data-color="gradient-4"] {
	background: linear-gradient(
		90deg,
		rgba(253, 231, 245, 1) 0%,
		rgba(253, 231, 245, 1) 50%,
		rgba(252, 248, 251, 1) 100%
	);
}

[data-color="error"] {
	background-color: var(--error-color);
}

[data-color="warning"] {
	background-color: var(--warning-color);
}

[data-color="info"] {
	background-color: var(--info-color);
}

[data-color="success"] {
	background-color: var(--success-color);
}

[data-type="CVI-logos"] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	margin-top: var(--spacing-normal);
}

[data-type="CVI-logos"] img {
	height: var(--spacing-xx-large);
	width: auto;
	padding: var(--spacing-normal);
	border: calc(var(--spacing-xx-small) / 2) solid var(--muted-color);
	border-radius: var(--spacing-x-small);
}

[data-type="CVI-logos"] img[data-mode="dark"] {
	background-color: var(--bg-color-opposite-alt);
}

[data-type*="readable-area"] [data-type="notification"]:not(:last-child) {
	margin-bottom: var(--spacing-normal);
}

[data-type="notification"] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	width: 100%;
}

[data-type="notification"] > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	width: 100%;
	max-width: calc(var(--content-width) - 1.75rem);
	padding: 20px;
	border-radius: var(--spacing-x-small);
	position: relative;
}

[data-type="notification"] > div > div {
	width: 100%;
}

[data-type="notification"] [data-status="info"] {
	background-color: rgba(113, 137, 255, 0.2);	
	border: calc(var(--spacing-xx-small) / 2) solid var(--info-color);
}

[data-type="notification"] [data-status="error"] {
	background-color: rgba(187, 68, 48, 0.2);	
	border: calc(var(--spacing-xx-small) / 2) solid var(--error-color);
}

[data-type="notification"] [data-status="warning"] {
	background-color: rgba(253, 202, 64, 0.2);	
	border: calc(var(--spacing-xx-small) / 2) solid var(--warning-color);
}

[data-type="notification"] [data-status="success"] {
	background-color: rgba(108, 174, 117, 0.2);	
	border: calc(var(--spacing-xx-small) / 2) solid var(--success-color);
}

.is-style-highlight-box {
	padding: var(--spacing-normal);
	background-color: var(--bg-color);
	border-radius: var(--spacing-x-small);
	margin-bottom: var(--spacing-normal)!important;
}

.wp-block-group h1,
.wp-block-group h2,
.wp-block-group h3,
.wp-block-group h4,
.wp-block-group h5 {
	width: 100%;
}

.wp-block-group .is-style-highlight-box:not(:last-child) {
	margin-bottom: 0!important;
	padding-bottom: 0;
	border-bottom-left-radius: unset;
	border-bottom-right-radius: unset;
}

.wp-block-group .is-style-highlight-box:not(:first-child) {
	padding-top: 12px;
	border-top-left-radius: unset;
	border-top-right-radius: unset;	
}

.is-style-info-box,
.is-style-warning-box,
.is-style-error-box,
.is-style-success-box,
.wp-block-group:has(.is-style-warning-box),
.wp-block-group:has(.is-style-info-box),
.wp-block-group:has(.is-style-success-box),
.wp-block-group:has(.is-style-error-box) {
	display: flex;
	align-items: center;
	gap: 20px;	
	border-radius: var(--spacing-x-small);
	flex-wrap: nowrap;  
}

.is-style-info-box,
.is-style-warning-box,
.is-style-error-box,
.is-style-success-box {
	margin-bottom: var(--spacing-normal)!important;
}

.wp-block-group:has(.is-style-warning-box),
.wp-block-group:has(.is-style-info-box),
.wp-block-group:has(.is-style-success-box),
.wp-block-group:has(.is-style-error-box) {
	padding-bottom: unset;
	margin-bottom: var(--spacing-normal)!important;
	padding-left: var(--spacing-normal);
}

.wp-block-group .is-style-info-box:not(:last-child),
.wp-block-group .is-style-warning-box:not(:last-child),
.wp-block-group .is-style-error-box:not(:last-child),
.wp-block-group .is-style-success-box:not(:last-child) {
	margin-bottom: 0!important;
	padding-bottom: 0;
	border-bottom: unset;
	border-bottom-left-radius: unset;
	border-bottom-right-radius: unset;	
}

.wp-block-group .is-style-info-box:not(:first-child),
.wp-block-group .is-style-warning-box:not(:first-child),
.wp-block-group .is-style-error-box:not(:first-child),
.wp-block-group .is-style-success-box:not(:first-child) {
	padding-top: 12px;
	border-top: unset;
	border-top-left-radius: unset;
	border-top-right-radius: unset;		
}

.wp-block-group .is-style-info-box,
.wp-block-group .is-style-warning-box,
.wp-block-group .is-style-error-box,
.wp-block-group .is-style-success-box {
	background-color: unset;
	border: unset;
}

.wp-block-group .is-style-info-box:last-child,
.wp-block-group .is-style-warning-box:last-child,
.wp-block-group .is-style-error-box:last-child,
.wp-block-group .is-style-success-box:last-child {
	margin-bottom: unset!important;	
}

.is-style-info-box {
	background-color: rgba(113, 137, 255, 0.2);	
	border: calc(var(--spacing-xx-small) / 2) solid var(--info-color);
}

.is-style-warning-box {
	background-color: rgba(253, 202, 64, 0.2);
	border: calc(var(--spacing-xx-small) / 2) solid var(--warning-color);
}

.wp-block-group:has(.is-style-warning-box) {
	background-color: rgba(253, 202, 64, 0.2);
	border: calc(var(--spacing-xx-small) / 2) solid var(--warning-color);
}

.is-style-error-box {
	background-color: rgba(187, 68, 48, 0.2);	
	border: calc(var(--spacing-xx-small) / 2) solid var(--error-color);
}

.is-style-success-box {
	background-color: rgba(108, 174, 117, 0.2);	
	border: calc(var(--spacing-xx-small) / 2) solid var(--success-color);
}

.is-style-info-box::before,
.is-style-warning-box::before,
.is-style-error-box::before,
.is-style-success-box::before,
.wp-block-group:has(.is-style-warning-box)::before,
.wp-block-group:has(.is-style-info-box)::before,
.wp-block-group:has(.is-style-success-box)::before,
.wp-block-group:has(.is-style-error-box)::before {
	content: "";
	display: inline-block;
	width: 42px;
	height: var(--spacing-medium);
	flex-shrink: 0;
}

.wp-block-group .is-style-info-box::before,
.wp-block-group .is-style-warning-box::before,
.wp-block-group .is-style-error-box::before,
.wp-block-group .is-style-success-box::before {
	display: none;
}

.is-style-info-box::before,
.wp-block-group:has(.is-style-info-box)::before {
	background: url(../img/info.svg) no-repeat;	
	background-size: var(--spacing-medium) var(--spacing-medium);
	filter: invert(57%) sepia(65%) saturate(3645%) hue-rotate(208deg) brightness(103%) contrast(101%);
}

.is-style-warning-box::before,
.wp-block-group:has(.is-style-warning-box)::before {
	background: url(../img/warning.svg) no-repeat center;
	background-size: var(--spacing-medium) var(--spacing-medium);
	filter: invert(76%) sepia(84%) saturate(422%) hue-rotate(340deg) brightness(101%) contrast(98%);
}

.is-style-error-box::before,
.wp-block-group:has(.is-style-error-box)::before {
	background: url(../img/error.svg) no-repeat;	
	background-size: var(--spacing-medium) var(--spacing-medium);	
	filter: invert(30%) sepia(56%) saturate(1458%) hue-rotate(335deg) brightness(97%) contrast(91%);
}

.is-style-success-box::before,
.wp-block-group:has(.is-style-success-box)::before {
	background: url(../img/success.svg) no-repeat;	
	background-size: var(--spacing-medium) var(--spacing-medium);	
	filter: invert(70%) sepia(6%) saturate(2596%) hue-rotate(77deg) brightness(90%) contrast(79%);
}

[data-type="notification"] [data-status]::before {
	content: "";
	width: 42px;
	height: var(--spacing-medium);	
	position: relative;
}

[data-type="notification"] [data-status="info"]::before {
	background: url(../img/info.svg) no-repeat;	
	background-size: var(--spacing-medium) var(--spacing-medium);
	filter: invert(57%) sepia(65%) saturate(3645%) hue-rotate(208deg) brightness(103%) contrast(101%);
}

[data-type="notification"] [data-status="warning"]::before {
	background: url(../img/warning.svg) no-repeat;	
	background-size: var(--spacing-medium) var(--spacing-medium);	
	filter: invert(76%) sepia(84%) saturate(422%) hue-rotate(340deg) brightness(101%) contrast(98%);	
}

[data-type="notification"] [data-status="error"]::before {
	background: url(../img/error.svg) no-repeat;	
	background-size: var(--spacing-medium) var(--spacing-medium);	
	filter: invert(30%) sepia(56%) saturate(1458%) hue-rotate(335deg) brightness(97%) contrast(91%);
}

[data-type="notification"] [data-status="success"]::before {
	background: url(../img/success.svg) no-repeat;	
	background-size: var(--spacing-medium) var(--spacing-medium);	
	filter: invert(70%) sepia(6%) saturate(2596%) hue-rotate(77deg) brightness(90%) contrast(79%);
}

[data-type="reference-list"],
[data-type="highlight-list"] {
	display: grid;
	gap: var(--spacing-normal);
	width: 100%;
	max-width: calc(var(--content-width) - 1.75rem);
	list-style-type: none;
	padding-inline-start: unset;	
	margin-bottom: unset;
}

[data-type="reference-list"] {
	grid-template-columns: repeat(4, 1fr);	
}

[data-type="highlight-list"] {
	grid-template-columns: repeat(3, 1fr);
}

[data-type="reference-list"] > li,
[data-type="highlight-list"] li {
	display: flex;
	flex-direction: column;
	height: 100%;
}

[data-type="highlight-list"] li h3 {
	margin-bottom: var(--spacing-small);
}

[data-type="post-date"] {
	margin-bottom: 0.5rem;
}

[data-type="reference-list"] > li {
	justify-content: space-between;
	align-items: center;
	gap: var(--spacing-normal);
	background-color: var(--primary-color);
	border-top-left-radius: calc(var(--spacing-medium) + 0.5rem);
	border-top-right-radius: var(--spacing-x-small);
	border-bottom-right-radius: calc(var(--spacing-medium) + 0.5rem);
	border-bottom-left-radius: var(--spacing-x-small);
	padding: var(--spacing-normal);
}

[data-type="reference-list"] > li h3 {
	text-align: center;
}

[data-type="reference-list"] > li h3 a {
	color: var(--alt-font-color);
	text-align: center;
}

[data-type="reference-list"] li a,
[data-type="highlight-list"] li a {
	text-decoration: none;
}

[data-type="highlight-list"] li > a {
	border-top-left-radius: var(--spacing-xxx-large);
	border-top-right-radius: var(--spacing-x-small);	
}

[data-type="highlight-list"] li [data-type="button"] {
	margin-top: 12px;
}

[data-type="reference-list"] li img {
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	width: 100px;
}

[data-type="highlight-list"] li img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-top-left-radius: var(--spacing-xxx-large);
	border-top-right-radius: var(--spacing-x-small);
}

[data-type="highlight-list"] li > div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
	padding: var(--spacing-normal);
   	background: var(--alt-gradient);
	border-bottom-right-radius: var(--spacing-xxx-large);
	border-bottom-left-radius: var(--spacing-x-small);	
	height: 100%;
}

[data-type="reference-list"] [data-type="button"] {
	width: 100%;
	color: var(--primary-color);
	background-color: var(--alt-font-color);
	border-color: var(--alt-font-color);
}

[data-type="reference-list"] [data-type="button"]:hover {
	background-color: var(--primary-color);
	color: var(--alt-font-color);
}

[data-type="reference-points"] {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-x-small);
	width: 100%;
	color: var(--secondary-font-color);
    list-style: none;
    padding-left: 0;	
}

[data-type="reference-points"] li {
	display: flex;
	gap: 10px;
    position: relative;
}

[data-type="reference-points"] li::before {
    content: "❤";
    color: var(--secondary-font-color);
}

@media only screen and (max-width: 88rem) {
	[data-type="reference-list"] {
		grid-template-columns: repeat(4, 1fr);
	}	
}

@media only screen and (max-width: 80rem) {
	[data-type="highlight-list"] {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	
	[data-type="highlight-list"] li:nth-child(3n) {
		grid-column: span 2;
	}
	
	[data-type="highlight-list"] li img {
		aspect-ratio: 2 / 1;
	}		
}

@media only screen and (max-width: 71.75rem) {
	[data-type="reference-list"] {
		grid-template-columns: repeat(3, 1fr);
	}	
}

@media only screen and (max-width: 60rem) {
	[data-type="reference-list"] {
		grid-template-columns: repeat(2, 1fr);
	}	
}

@media only screen and (max-width: 42rem) {
	[data-type="highlight-list"] {
		display: flex;
		flex-direction: column;
	}
}

@media only screen and (max-width: 30rem) {
	[data-type="reference-list"] {
		grid-template-columns: repeat(1, 1fr);
	}		
}

[data-type="info_blocks"] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--spacing-normal);
	width: 100%;
	max-width: calc(var(--content-width) - 1.75rem);
	list-style-type: none;
	padding-inline-start: unset;	
	margin: unset;
    margin-block-start: 1em;
	margin-block-end: 1em;	
}

[data-type="info_blocks"] li {
	display: flex;
	flex-direction: column;
	height: 100%;
}

[data-type="info_blocks"] li a {
	text-decoration: none;
}

[data-type="info_blocks"] li [data-type="button"] {
	margin-top: 12px;
}

[data-type="info_blocks"] li img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-top-left-radius: var(--spacing-xxx-large);
	border-top-right-radius: var(--spacing-x-small);
	-webkit-user-select: none;
	-ms-user-select: none; 
	user-select: none;	
}

[data-type="info_blocks"] li > a {
	border-top-left-radius: var(--spacing-xxx-large);
	border-top-right-radius: var(--spacing-x-small);
}

[data-type="info_blocks"] > li:nth-child(1) > div,
[data-type="info_blocks"] > li:nth-child(2) > div,
[data-type="info_blocks"] > li:nth-child(7) > div,
[data-type="info_blocks"] > li:nth-child(8) > div {
	background: unset;
	color: var(--secondary-font-color);
}

[data-type="info_blocks"] > li:nth-child(1) > div,
[data-type="info_blocks"] > li:nth-child(2) > div {
	background-color: var(--primary-color);
}

[data-type="info_blocks"] > li:nth-child(7) > div,
[data-type="info_blocks"] > li:nth-child(8) > div {
	background-color: var(--bg-color-opposite);
}

[data-type="info_blocks"] > li:nth-child(1) > div h3 a,
[data-type="info_blocks"] > li:nth-child(2) > div h3 a,
[data-type="info_blocks"] > li:nth-child(7) > div h3 a,
[data-type="info_blocks"] > li:nth-child(8) > div h3 a {
	color: var(--secondary-font-color);
}

[data-type="info_blocks"] > li:nth-child(1) > div [data-type="button"],
[data-type="info_blocks"] > li:nth-child(2) > div [data-type="button"],
[data-type="info_blocks"] > li:nth-child(7) > div [data-type="button"],
[data-type="info_blocks"] > li:nth-child(8) > div [data-type="button"] {
	color: var(--primary-color);
	background-color: var(--bg-color-alt);
	border: calc(var(--spacing-xx-small) / 2) solid var(--bg-color-alt);
}

[data-type="info_blocks"] > li:nth-child(1) > div [data-type="button"]:hover,
[data-type="info_blocks"] > li:nth-child(2) > div [data-type="button"]:hover,
[data-type="info_blocks"] > li:nth-child(7) > div [data-type="button"]:hover,
[data-type="info_blocks"] > li:nth-child(8) > div [data-type="button"]:hover {
	color: var(--secondary-font-color);
	background-color: var(--primary-color);
}

[data-type="info_blocks"] li > div {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
	padding: var(--spacing-normal);
    background: linear-gradient(
    	90deg,
    	rgba(253, 231, 245, 1) 0%,
    	rgba(253, 231, 245, 1) 75%,
    	rgba(241, 230, 245, 1) 100%
    );
	border-bottom-right-radius: var(--spacing-xxx-large);
	border-bottom-left-radius: var(--spacing-x-small);	
	height: 100%;
}

@media only screen and (max-width: 80rem) {
	[data-type="info_blocks"] {
		grid-template-columns: repeat(2, 1fr);
	}	
}

@media only screen and (max-width: 42rem) {
	[data-type="info_blocks"] {
		display: flex;
		flex-direction: column;
	}
	
	[data-type="info_blocks"] > li img,
	[data-type="info_blocks"] > li:nth-child(1) img,
	[data-type="info_blocks"] > li:nth-child(2) img,
	[data-type="info_blocks"] > li:nth-child(7) img,
	[data-type="info_blocks"] > li:nth-child(8) img,
	[data-type="info_blocks"] > li:nth-child(12) img,
	[data-type="info_blocks"] > li:nth-child(13) img,
	[data-type="info_blocks"] > li:nth-child(16) img	
	{
		aspect-ratio: 2 / 1;
	}	
}

[data-type="homepage-shortcuts"] {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch; 
	gap: 20px;
	width: calc(100% - var(--spacing-xx-large));
	max-width: calc(var(--content-width) - 1.75rem);
	list-style-type: none;
	padding-inline-start: unset;
	padding: 1rem 1rem;
	background-color: var(--primary-color);
	border-radius: 50px;
	position: absolute;
	bottom: 20px;
}

[data-type="homepage-shortcuts"] li {
	flex: 1 1 0;
	min-width: fit-content;
}

[data-type="homepage-shortcuts"] li a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
	text-align: center;
}

@media (max-width: 80rem), (max-height: 70rem) {
	[data-type="homepage-shortcuts"] {
		position: relative;
		margin-top: 2rem;
		width: 100%;
	}
}

@media only screen and (max-width: 40rem) {
	[data-type="homepage-shortcuts"] li a span {
		max-width: min-content;
	}
}

@media only screen and (min-height: 1320px) {
	[data-type="hero-container"] {
		height: fit-content;
		min-height: unset;
	}

	[data-type="homepage-shortcuts"] {
		position: relative;
		width: 100%;
	}	
}

@media only screen and (min-height: 1920px) {
	[data-type="hero-content"] {
		display: flex;
		flex-direction: column;
	}		
}

[data-type="homepage-shortcuts"] li a {
	display: inline-flex;
	width: 100%;
	min-width: 0;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: var(--spacing-x-small);
	line-break: auto;
	padding: 1rem;	
	color: var(--secondary-font-color);
	text-decoration: none;
	text-align: left;
	border-radius: 2.125rem;
	transition-duration: 200ms;
	-webkit-user-select: none;
	-ms-user-select: none; 
	user-select: none;
}

@media only screen and (max-width: 80rem) {
	[data-type="homepage-shortcuts"] li a {
		padding: var(--spacing-x-small);
	}
}

@media only screen and (max-width: 40rem) {
	[data-type="homepage-shortcuts"] li {
		display: flex;
		flex-direction: column;
		align-items: center;
	}	
}

[data-type="homepage-shortcuts"] li a:hover {
	background-color: var(--alt-font-color);
	color: var(--primary-color);
	transition-duration: 200ms;
}

[data-type="homepage-shortcuts"] li a img {
	width: var(--spacing-large);
	height: auto;
}

[data-type="homepage-shortcuts"] li a:hover img {
	filter: brightness(0) saturate(100%) invert(12%) sepia(43%) saturate(4381%) hue-rotate(235deg) brightness(89%) contrast(88%);
}

[data-type="homepage-block-heading"] {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 2rem;
}

@media only screen and (max-width: 48rem) {
	[data-type="homepage-block-heading"] > a {
		display: none;
	}
}

#wpadminbar {
	position: fixed;
	top: unset;
	bottom: 20px;
	right: 20px;
	left: unset;
	width: fit-content;
	max-width: 510px;
	min-width: unset;
	height: fit-content;
	padding: var(--spacing-normal);
	background: linear-gradient(
		90deg,
		rgba(252, 248, 251, 0.95) 0%,
		rgba(252, 248, 251, 0.95) 50%,
		rgba(233, 235, 248, 0.95) 100%
	);
	border: calc(var(--spacing-xx-small) / 2) solid var(--primary-color);
	border-radius: var(--spacing-x-small);
}

@media only screen and (max-width: 48rem) {
	#wpadminbar {
		display: none;
	}
}

#wpadminbar a,
#wpadminbar p,
#wpadminbar .ab-empty-item, 
#wpadminbar a.ab-item, 
#wpadminbar>#wp-toolbar span.ab-label, 
#wpadminbar>#wp-toolbar span.noticon {
	color: var(--primary-font-color);
	font-weight: 700;
}

.wp-block-image :where(figcaption) {
	margin-left: var(--spacing-x-small);
}

[data-type="homepage-container"] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 100vw;
	padding: var(--spacing-xx-large) var(--spacing-large) var(--spacing-normal) var(--spacing-large);
	background-color: var(--secondary-font-color);
}

[data-type="homepage-container"] > section {
	width: 100%;
	max-width: calc(var(--content-width) - 1.75rem);
}

/*[data-type="homepage-container"] > section:not(:last-of-type) {
	margin-bottom: var(--spacing-xx-large);
}*/

[data-type="homepage-container"] > hr {
	margin-top: var(--spacing-large);
	margin-bottom: var(--spacing-large);
	width: 100%;
	max-width: calc(var(--content-width) - 1.75rem);	
	opacity: 0;
}

[data-type="homepage-container"] > section:last-of-type {
	margin-bottom: var(--spacing-xx-large);
}

[data-type="homepage-container"] > section > div:not(:has(*)) {
	background-color: var(--warning-color);
	border-radius: var(--spacing-x-small);	
	padding: var(--spacing-normal);
}

[data-type="homepage-container"] > section > div:not(:has(*))::before {
	content: "Ploki sisu puudub.";
}

[data-type="homepage-container"] > section > h1:has(+ div),
[data-type="homepage-container"] > section > h1:has(+ ul) {
	margin-bottom: var(--spacing-large);
}

[data-type="homepage-container"] > section > p {
	margin-bottom: var(--spacing-normal);
}

section[data-type*="wysiwyg"] {
	background-color: var(--bg-color);
	border-radius: var(--spacing-x-small);
	padding: 12px var(--spacing-normal);
}

section[data-type*="double_blocks"] img {
	border-top-left-radius: var(--spacing-x-small);
	border-top-right-radius: var(--spacing-x-small);
	border-bottom-left-radius: var(--spacing-x-small);
	border-bottom-right-radius: 56px;
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 80rem) {
	[data-type="homepage-container"] {
		padding: 12px var(--spacing-normal);
	}
}

[data-type="text-info"] {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--spacing-large);
	padding: var(--spacing-medium) calc(var(--spacing-medium) + 0.5rem);
	border-radius: var(--spacing-x-small);
	border-bottom-right-radius: 80px;
	background: var(--secondary-gradient);
}

[data-type="text-info"] h1,
[data-type="text-info"] p {
	color: var(--secondary-font-color);
}

[data-type="text-info"] p {
	font-size: 20px;
}

[data-type="text-info"] [data-type="buttons"] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

[data-type="text-info"] [data-type="button"] {
	white-space: nowrap;
}

@media only screen and (max-width: 80rem) {
	[data-type="text-info"] {
		align-items: flex-start;
		flex-direction: column;
		gap: var(--spacing-normal);
	}
}  

@media only screen and (max-width: 38rem) {
	[data-type="text-info"] [data-type="button"] {
		white-space: unset;
	}
} 

.wp-block-pullquote {
	margin: unset;
	padding: unset;
}

blockquote:not(:last-child) {
	margin-bottom: var(--spacing-small);
}

details {
	width: 100%;
	border-radius: var(--spacing-x-small)!important;
	margin-bottom: 1rem;
	z-index: 1!important;
}

details summary {
	padding: var(--spacing-small);
	background-color: var(--primary-color);
	color: var(--secondary-font-color);
	border-radius: var(--spacing-x-small);
	position: relative;
	-webkit-user-select: none; 
	-ms-user-select: none;
	user-select: none; 	
}

details summary:focus,
details summary:focus-visible {
	outline: unset;
	background-color: var(--primary-color);
	color: var(--secondary-font-color);
	border-radius: var(--spacing-x-small)!important;
}

details[open] summary:focus,
details[open] summary:focus-visible {
	border-radius: var(--spacing-x-small)!important;
	border-bottom-left-radius: unset!important;
	border-bottom-right-radius: unset!important;		
}

details summary::marker,
details[open] summary::marker,
:is(::-webkit-details-marker) {
	content: "";
}

details summary:after {
	content: "+";
	font-size: 20px;
    background-color: var(--bg-color-opposite);
	position: absolute;
	right: 0;
	top: 0;
	width: 56px;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top-right-radius: var(--spacing-x-small);
	border-bottom-right-radius: var(--spacing-x-small);
}

details[open] summary:after {
	content: "-";
	border-bottom-right-radius: unset;
}

details[open] summary {
	border-bottom-left-radius: unset;
	border-bottom-right-radius: unset;
}

details *:not(summary) {
	padding: var(--spacing-small);
	background-color: #FAF8F5;
	border-bottom-left-radius: var(--spacing-x-small);
	border-bottom-right-radius: var(--spacing-x-small);
}

details ul {
	padding-left: 2rem!important;
}

details ul li {
	padding-left: 0;
}

details p:not(:last-child),
details li:not(:last-child) {
	margin-bottom: 0!important;
	padding-bottom: 0;
}

.wp-block-buttons:not(:last-child) {
	margin-bottom: var(--spacing-small);
}

.wp-block-table thead {
	background-color: var(--bg-color-opposite);
	color: var(--secondary-font-color);	
	border-bottom: 1px solid var(--bg-color-opposite-alt);
}

.wp-block-table thead tr th {
	border: 1px solid var(--bg-color-opposite-alt);
}

.wp-block-table:not(:has(thead)) tbody tr:first-child {
	background-color: var(--bg-color-opposite);
	color: var(--secondary-font-color);
}

.wp-block-table td {
	border: 1px solid var(--bg-color-opposite-alt);
	padding: var(--spacing-x-small);
    vertical-align: top;
}

/* General table styling */
table {
    display: block;
    overflow-x: auto;
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
    font-family: var(--default-font, Arial, sans-serif);
    font-size: 14px;
}

/* Table header */
thead {
    background-color: var(--bg-color-opposite, #333);
    color: var(--secondary-font-color, #fff);
}

th, td {
    border: 1px solid #ddd;
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
}

th {
    font-weight: 700;
}

/* Table body rows */
tbody tr {
    background-color: var(--bg-color-alt, #f9f9f9);
}

tbody tr:nth-child(even) {
    background-color: var(--bg-color, #fff);
}

tbody tr:hover {
    background-color: #f1f1f1;
}

/* Links inside table */
td a {
    display: flex;
    color: var(--primary-color, #007bff);
    text-decoration: underline;
}

td a:hover {
    text-decoration: none;
}

form[role="search"] {
	display: flex;
	flex-direction: row;
	gap: var(--spacing-small);
	margin-bottom: var(--spacing-normal);
	margin-top: 12px;	
}

form[role="search"] label {
	width: 100%;
}

input[type="search"] {
	padding: 12px;
	width: 100%;
	border-radius: var(--spacing-x-small);
	border: 1px solid black;
}

[data-type="newsletter"] {
	display: flex;
	flex-direction: row;
	gap: var(--spacing-large);
	padding: var(--spacing-normal);
	background-color: var(--bg-color);
	border-radius: var(--spacing-x-small);
}

@media only screen and (max-width: 48rem) {
	[data-type="newsletter"] {
		flex-direction: column;
		gap: var(--spacing-normal);
	}
} 

[data-type="newsletter"] > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--spacing-small);
}

[data-type="newsletter"] > div > p {
	font-size: 1.125rem;
}

[data-type="newsletter"] form {
	display: flex;
	flex-direction: row;
	gap: var(--spacing-small);
	flex-wrap: wrap;
}

[data-type="newsletter"] form input[type="text"],
[data-type="newsletter"] form input[type="email"] {
	flex: 1 1 0%;
	max-width: 100%;
}

[data-type="newsletter"] form input[type="text"]:focus-visible::placeholder,
[data-type="newsletter"] form input[type="email"]:focus-visible::placeholder {
	color: var(--secondary-font-color);
	padding-left: 0.5rem;
}

.search-field:focus-visible::placeholder {
	color: var(--secondary-font-color);
}

[data-type="newsletter"] form input[type="submit"] {
	flex: 0 0 auto; 
	white-space: nowrap; 
}

input {
	border-radius: var(--spacing-x-small);
	padding: var(--spacing-x-small);
	border: none;
    width: fit-content;
}

.ui-visual-focus {
    box-shadow: none;
	outline: 0.25rem solid var(--focus-color);
	outline-offset: 0.25rem;
	border-radius: 0.25rem;    
}

input:active {
    box-shadow: none;
}

[data-type="news-container"] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--spacing-normal);
	word-break: break-word;
}

@media only screen and (max-width: 60rem) {
	[data-type="news-container"] {
		grid-template-columns: repeat(2, 1fr);
	}
} 

@media only screen and (max-width: 40rem) {
	[data-type="news-container"] {
		display: flex;
		flex-direction: column;
	}
} 

[data-type="news-container"] article {
	display: flex;
	flex-direction: column;
}

[data-type="news-container"] article,
[data-type="news-container"] article:hover {
	transition-duration: 200ms;
}

[data-type="news-container"] article:hover {
	transform: scale(1.025);
}

[data-type="news-body"] {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 10px;
	margin-top: unset;
	background-color: var(--alt-font-color);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 100%;
}

[data-type="news-container"] article:hover [data-type="news-body"] {
    background-color: var(--bg-color-opposite);	
	color: var(--secondary-font-color);
}

[data-type="news-container"] article:hover [data-type="news-body"] a {
	color: var(--secondary-font-color);
}

[data-type="news-container"] h2 {
	font-size: 20px;
}

[data-type="news-container"] a {
	text-decoration: none;
}

[data-type="news-container"] img {
	width: 100%;
	max-width: 100%;
	height: auto;
	object-fit: cover;
	aspect-ratio: 16 / 9;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

[data-type="double-block-list"] {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--spacing-normal);
	margin-block-start: 1em;
	margin-block-end: 1em;    
}

@media only screen and (max-width: 60rem) {
	[data-type="double-block-list"] {
		display: flex;
		flex-direction: column;
		gap: var(--spacing-normal);
	}
} 

[data-type="double-block-list"] > div {
	background-color: var(--bg-color);
	border-top-left-radius: var(--spacing-x-small);
	border-top-right-radius: var(--spacing-x-small);
	border-bottom-left-radius: var(--spacing-x-small);
	border-bottom-right-radius: 80px;
	padding: var(--spacing-normal);
}

[data-type="double-info"] {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--spacing-normal);
}

[data-type="double-info"] > div {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-small);
	max-width: 500px;
}

[data-type="double-contact"] form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 1rem;
}

[data-type="double-contact"] label {
	margin-left: var(--spacing-xx-small);
	font-size: var(--font-size);
}

[data-type="double-contact"] input,
[data-type="double-contact"] textarea {
	width: calc(100% - 1rem);
	border-radius: var(--spacing-tiny);
	border: 1px solid var(--primary-color);
	padding: 0.5rem;
	margin-top: 0.5rem;
}

#acf-link-selector {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-normal);
    max-width: 600px;
	margin-top: var(--spacing-small);
}

#acf-link-selector .ui-selectmenu-button {
    flex: 1 1 45%;
    min-width: 200px;
    padding: 0.5rem 1rem;
    font-size: 1rem;
	box-sizing: border-box;	
}

#acf-open-button {
    flex: 1 1 100%;
    cursor: pointer;
}

#acf-open-button:disabled {
    background-color: var(--shadow-color);
	color: var(--bg-color);
	border-color: var(--shadow-color);
    cursor: not-allowed;
	opacity: 0.5;
}

#acf-open-button:disabled:hover {
	color: var(--bg-color);
}

.ui-selectmenu-button.ui-button {
	width: fit-content;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid var(--info-color);
	background: var(--info-color);
	color: var(--secondary-font-color);	
}

[data-type="supporter-list"] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding-bottom: 70px!important;
	padding-inline-start: unset;
}

@media only screen and (max-width: 80rem) {
	[data-type="supporter-list"] {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media only screen and (max-width: 60rem) {
	[data-type="supporter-list"] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media only screen and (max-width: 40rem) {
	[data-type="supporter-list"] {
		grid-template-columns: repeat(1, 1fr);
	}
}

[data-type="supporter-item"] {
	list-style: none;
}

[data-type="supporter-item"] a {
	display: flex;
	align-items: center;
	justify-content: center;	
	width: 100%;
	height: 100%;
	padding-right: unset;
	border-radius: 10px;
	padding: 20px;
}

[data-type="supporter-item"] a:hover {
	background-color: var(--bg-color);
}

[data-type="supporter-item"] a::after {
    position: absolute;
	top: var(--spacing-x-small)!important;
	right: var(--spacing-x-small)!important;
	content: url(../img/newtab.svg);
	width: var(--spacing-normal);
	height: var(--spacing-normal);	
	filter: invert(1);
	border-radius: calc(var(--spacing-xx-small) / 2);
	margin: 10px;
}

[data-type="supporter-item"] a::before {
    position: absolute;
	top: var(--spacing-x-small)!important;
	right: var(--spacing-x-small)!important;
	width: var(--spacing-normal);
	height: var(--spacing-normal);
	content: "";
	border-radius: calc(var(--spacing-xx-small) / 2);
	margin: 10px;
}

[data-type="supporter-item"] a:hover::after {
	filter: invert(0);
}

[data-type="supporter-item"] a:hover::before {
	background-color: var(--bg-color);
}

[data-type="supporter-item"] img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

[data-type="supporter-content"] {
	background-color: var(--bg-color);
	border-radius: var(--spacing-x-small);
	padding: 12px var(--spacing-normal);
}

#closeAccessibility {
	width: var(--spacing-medium);
	height: auto;
	padding: unset;
	position: absolute;
	top: var(--spacing-medium);   
	right: var(--spacing-medium);
	background-color: unset;
	cursor: pointer;
	border: none;
}

[data-type="accessibility"] [data-type="logo-image"] {
	height: 50px;
	width: auto;
}

@media only screen and (max-width: 48rem) {
	[data-type="accessibility"] [data-type="logo-image"] {
		width: calc(100% - var(--spacing-xx-large));
		height: auto;
	}
	
	#closeAccessibility	{
		width: var(--spacing-normal);
	}
}

[data-type="accessibility"] {
	display: none;
	position: fixed;
	z-index: 9998;
	background-color: var(--bg-color);
	overflow: auto;
}

[data-type="accessibility"] #accessibility-heading {
	display: block;
	font-size: var(--title-2-size);
	font-weight: 700;
	line-height: var(--title-2-line);
	margin-bottom: var(--spacing-x-small);
}

[data-accessibility~="navbar"] [data-type="accessibility"] {
	bottom: 0;
	left: 0;
	width: 100%;
	height: fit-content;
	max-height: 100vh;
	border-top: calc(var(--spacing-xx-small) / 2) solid var(--primary-color);
}

[data-accessibility~="sidebar"] [data-type="accessibility"] {
	top: 0;
	right: 0;
	width: fit-content;
	max-width: 790px;
	height: 100vh;
	max-height: 100vh;
	border-left: calc(var(--spacing-xx-small) / 2) solid var(--primary-color);
}

#accessibilityContent:focus,
#accessibilityContent:focus-visible {
	outline: none;
	background-color: var(--bg-color)!important;
	color: var(--primary-font-color)!important;
}

#resetSettings {
	margin-top: 1.5rem;
}

.accessibility-container {
	display: flex;
	gap: 1rem;
	flex-direction: row;
	flex-wrap: wrap;
}

[data-type="accessibility"] {
	z-index: 9999;
}

[data-type="accessibility"] > div {
	width: 100%;
	max-width: var(--content-width);
	padding: 0 var(--spacing-large);
}

[data-type="accessibility"] > div > div {
	height: 100%;
	margin-bottom: calc(var(--spacing-medium) + 0.5rem);
}

[data-type="accessibility"] > div > a {
	display: inline-block;
	padding-top: var(--spacing-normal);
	padding-bottom: var(--spacing-normal);
	width: fit-content;
}

[data-type="accessibility"] label {
	font-family: "ApfelGrotezk", sans-serif;
	font-size: var(--font-size);
	letter-spacing: 1px;
	padding: 0.75rem 1rem;
}

[data-type="accessibility"] label:focus,
[data-type="accessibility"] label:focus-visible {
	outline: 0.25rem solid var(--focus-color);
	outline-offset: 0.25rem;
	border-radius: 0.25rem;
}

[data-type="accessibility"] .accessibility-content > span,
[data-type="accessibility"] .accessibility-category > span {
	display: block;
	font-size: var(--font-size);
	font-weight: 400;
	letter-spacing: var(--letter-spacing-normal);
	margin-top: var(--spacing-small);
	margin-bottom: var(--spacing-x-small);
}

[data-type~="cookie"] {
	position: fixed;
	left: var(--spacing-large);
	bottom: 36px;
	z-index: 1000;
	width: 470px;
	color: var(--secondary-font-color);
	padding: 26px;
	border-radius: var(--spacing-tiny);
	background-color: var(--bg-color-opposite);
	height: calc();
}

[data-type~="cookie"] > div {
	display: flex;
	flex-direction: row;
	gap: 25px;
	justify-content: flex-start;
}

[data-type~="cookie"] > div > button {
	width: 100%;
}

@media only screen and (max-width: 48rem) {
	[data-type~="cookie"] {
		left: 0;
		bottom: 0;
		width: 100%;
		border-radius: 0;
	}
}

[data-type~="cookie"] p {
	margin-bottom: 25px;
}

#cookie-banner[data-type*="disabled"] {
    display: none;
}

#cookie-banner[data-type*="available"] {
    display: block;
}

#change-cookie-decision:hover {
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: var(--spacing-tiny);
}

.nav-fixed {
	position: fixed;
	top: var(--spacing-normal);
	right: var(--spacing-large);
	z-index: 9998;
	border: calc(var(--spacing-xx-small) / 2) solid var(--bg-color-alt);
}

@media only screen and (max-width: 48rem) {
	.nav-fixed {
		top: var(--spacing-small);
		right: var(--spacing-small);
		width: calc(100% - var(--spacing-medium));
	}
	
	[data-accessibility~="sidebar"] [data-type="accessibility"]	{
		width: 100%;
	}
}

.nav-fixed [data-type="navigation-sitemap-container"] {
	top: 50px;
	border: calc(var(--spacing-xx-small) / 2) solid var(--primary-color);	
	outline: calc(var(--spacing-xx-small) / 2) solid var(--bg-color-alt);
	border-radius: var(--spacing-normal);
}

[data-type="navbar-main-items"] {
	position: relative;
}

[data-type="navbar-main-items"] ul.sub-menu {
	display: none;
	position: absolute;
	top: 38px;
	margin-left: -44px;
	background-color: var(--surface-color);
	padding: 10px;
	border: calc(var(--spacing-xx-small) / 2) solid var(--primary-color);
	border-top: unset;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

[data-type="navbar-main-items"] ul.sub-menu a {
    display: flex;
	flex-direction: row;
	gap: var(--spacing-x-small);
	font-size: var(--font-size);
	font-weight: 400;
	padding-left: var(--spacing-medium);
	position: relative;	
	color: var(--primary-font-color);
}

[data-type="navbar-main-items"] ul.sub-menu li:not(:last-of-type) a {
	margin-bottom: 10px;
}

[data-type="navbar-main-items"] ul.sub-menu a:hover {
	text-decoration: underline;
}

[data-type="navbar-main-items"] ul.sub-menu a::before {
	display: flex;
	width: var(--spacing-normal);
	height: var(--spacing-normal);
	content: "";
	background: url(../img/link.svg) no-repeat;
	transition-duration: 200ms;
	position: absolute;
	left: 0;
}

[data-type="navbar-main-items"] ul.sub-menu a:hover::before {
	background: url(../img/linkActive.svg) no-repeat;
	transition-duration: 200ms;
}

@media only screen and (max-width: 48rem) {
	[data-type="navigation-sitemap-container"],
	[data-type="navigation-sitemap-container"][data-active="true"] {
	    color: unset;
	}
	
	.nav-fixed [data-type="navigation-sitemap-container"] {
		position: fixed;
		top: 65px;
		height: calc(100% - 65px);
		border: unset;	
		outline: unset;
		border-radius: unset;
		border-top-left-radius: 45px;
		border-top-right-radius: 45px;
		overflow: auto;
	}	
}

#sitemap {
	cursor: pointer;
}

body[data-sitemap-active="true"] {
	overflow: hidden;
}

body[data-sitemap-active="true"] [data-type="navigation-sitemap-container"] {
	overflow: auto;
}

.wp-block-embed iframe {
    width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;	
}

[data-type="news"] h1 a,
[data-type="events"] h1 a,
[data-type="network_events"] h1 a,
[data-type="opinions"] h1 a,
[data-type="easy-to-read-category"] h1 a {
    display: flex;
    align-items: center;
    gap: 0.5rem;    
    text-decoration: none;
}

[data-type="news"] h1 a:hover,
[data-type="events"] h1 a:hover,
[data-type="network_events"] h1 a:hover,
[data-type="opinions"] h1 a:hover,
[data-type="easy-to-read-category"] h1 a:hover {
    color: var(--bg-color-opposite);
    text-decoration: none;
}

[data-type="news"] h1 a:hover span,
[data-type="events"] h1 a:hover span,
[data-type="network_events"] h1 a:hover span,
[data-type="opinions"] h1 a:hover span,
[data-type="easy-to-read-category"] h1 a:hover span {
    text-decoration: underline;
}

[data-type="news"] h1 a::before,
[data-type="events"] h1 a::before,
[data-type="network_events"] h1 a::before,
[data-type="opinions"] h1 a::before,
[data-type="easy-to-read-category"] h1 a::before,
[data-type="news"] h1 a::after,
[data-type="events"] h1 a::after,
[data-type="network_events"] h1 a::after,
[data-type="opinions"] h1 a::after,
[data-type="easy-to-read-category"] h1 a::after {
    display: inline-block;
    text-decoration: none;    
    aria-hidden: true;       
}

/*[data-type="news"] h1 a::before,
[data-type="events"] h1 a::before,
[data-type="opinions"] h1 a::before,
[data-type="easy-to-read-category"] h1 a::before {
    content: '↪ ';
}*/

[data-type="homepage-block-heading"] + p:has(+ a) {
	margin-bottom: 1rem;
}

[data-type="homepage-block-heading"] + p + a {
	margin-bottom: 1.5rem;
}

[data-type="homepage-block-heading"] + a {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}

[data-type="easy-to-read"] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: max-content;
	padding: 4rem;
}

[data-type="content-area"] [data-type="easy-to-read"] {
	width: 100%;
	padding: unset;
	margin-top: 2rem;
}

[data-type="easy-to-read"] > * {
	align-self: stretch; 
}

[data-type="easy-to-read"] > [data-etr="logo"] {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
	background-color: var(--primary-color);
	color: var(--secondary-font-color);
	border-radius: 0.5rem 0.5rem 0 0;
	padding: 0 0 0 1.25rem;
}

[data-type="easy-to-read"] > [data-etr="logo"] img {
	width: 6rem;
	border-radius: 0.5rem;
}

[data-type="easy-to-read"] > [data-etr="content-container"] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1rem;
	width: fit-content;
	background-color: var(--bg-color-alt);
	color: var(--primary-font-color);
	padding: calc(var(--spacing-normal) + 0.5rem) calc(var(--spacing-medium) + 0.5rem) calc(var(--spacing-medium) + 0.5rem) calc(var(--spacing-medium) + 0.5rem);
	border-radius: 0 0 0.5rem 0.5rem;
}

[data-accessibility~="noimg"] [data-type="easy-to-read"] > [data-etr="content-container"] {
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}

[data-type="content-area"] [data-type="easy-to-read"] > [data-etr="content-container"] {
	border: 4px solid var(--primary-color);
	width: 100%;
}

[data-etr="content"] {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

[data-type="sr-only"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important; /* for older browsers */
    white-space: nowrap !important;      /* prevent line breaks */
    border: 0 !important;	
}

[data-type="intro"] {
    font-weight: 700;
}

[data-type="double-wysiwyg"] {
	display: grid;
	grid-auto-rows: auto auto 1fr;
	gap: 0.5rem;
}

[data-type="double-wysiwyg"] p {
    margin: 0;
}

[data-type="double-wysiwyg"] p:has(> img)  {
	grid-row: span 1; 
	align-self: stretch; 
	margin-top: 1rem;
}

[data-type="double-wysiwyg"] p > img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

[data-type="post-metadata"] {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}

[data-type="post-metadata"] > div:nth-child(2) {
	text-align: right;
}

.ui-tabs .ui-tabs-nav {
	background-color: var(--bg-color);
	border: unset;
	border-radius: 0;
	padding: unset;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 0.75rem 1.25rem;
}

.ui-tabs .ui-tabs-nav li {
	cursor: pointer;
	border: unset;
	-webkit-user-select: none; 
	-ms-user-select: none;
	user-select: none; 
}

.ui-tabs a[data-type]::after {
	position: relative;
}

#files-tabs .ui-state-default {
	border: 1px solid var(--info-color);
	background: var(--info-color);	
}

#files-tabs .ui-state-active {
	border: 1px solid var(--bg-color-alt);
	background: var(--bg-color-alt);	
}

#files-tabs .ui-state-default a {
	color: var(--secondary-font-color);
}

#files-tabs .ui-state-active a {
	color: var(--primary-font-color);	
}

.ui-tabs .ui-tabs-nav li a {
	cursor: pointer;
}
.ui-widget.ui-widget-content {
	padding: unset;
	border: 0.25rem solid var(--bg-color);
}

.ui-corner-all, 
.ui-corner-bottom, 
.ui-corner-right, 
.ui-corner-br {
	border-radius: 0.25rem;
}

.ui-tabs a[data-type] {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	width: fit-content;
	text-decoration: none;
}

.ui-tabs a[data-type]:hover span {
	text-decoration: underline;
	text-underline-offset: var(--spacing-tiny);
	text-decoration-thickness: calc(var(--spacing-xx-small) / 2);
}

.ui-tabs a[data-type="file"]::before,
.ui-tabs a[data-type="URL"]::before {
	font-size: 2.5rem;
}

.ui-tabs a[data-type="file"]::before { 
	content: '📄 '; 
}

.ui-tabs a[data-type="URL"]::before  {
	content: '🔗 '; 
}

[data-content="easy-to-read"] [data-img="logo"] {
	width: 200px;
	height: auto;
	border-radius: 0.5rem;
	margin-bottom: 0.5rem;
}

[data-type="feedback"] {
	padding: calc(var(--spacing-normal) + 0.5rem) calc(var(--spacing-medium) + 0.5rem) calc(var(--spacing-medium) + 0.1rem) calc(var(--spacing-medium) + 0.5rem);
	background-color: var(--bg-color-alt);
	border-radius: var(--spacing-x-small);	
	width: 100%;
	margin-top: 2rem;
}

@media only screen and (max-width: 48rem) {
	[data-type="feedback"] {
		padding: calc(var(--spacing-normal) + 0.25rem) calc(var(--spacing-medium) + 0.5rem) calc(var(--spacing-medium) + 0.5rem) calc(var(--spacing-medium) + 0.5rem);
	}	
}

@media only screen and (max-width: 32rem) {
	[data-type="feedback"] {
		padding: calc(var(--spacing-small) + 0.25rem) calc(var(--spacing-normal) + 0.5rem) calc(var(--spacing-normal) + 0.5rem) calc(var(--spacing-normal) + 0.5rem);
	}	
}

[data-type="feedback"] div {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}

[data-type="feedback"] div span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3.75rem;
	height: 3.75rem;
	font-size: 2rem;
	border-radius: 50%;
	padding: 0.5rem;
	aspect-ratio: 1;
	cursor: pointer;
}

[data-type="feedback"] div span img {
	aspect-ratio: 1;
}

[data-type="feedback"] div span[data-feedback="positive"] {
    border: 2px solid var(--success-color);
	background-color: var(--bg-color);
}

[data-type="feedback"] div span[data-feedback="negative"] {
    border: 2px solid var(--error-color);
	background-color: var(--bg-color);
}

[data-type="feedback"] div span:hover {
	opacity: 0.75;
}

[data-type="feedback"] form {
	display: none;
	flex-direction: column;
	gap: 0.5rem;
}

[data-type="feedback"][data-status~="active"] form {
	display: flex;
}

[data-type="feedback"] form div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1rem;
}

[data-type="feedback"] label {
	display: none;
	margin-top: 0.5rem;
}

[data-type="feedback"] label[data-status~="active"] {
	display: block;
}

[data-type="feedback"] textarea {
	width: 100%;
	margin-top: 0.5rem;
	border-radius: 0.5rem;
	padding: 0.5rem;
}

#room-booking-form form {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

#room-booking-form input {
	width: 100%;
	border-radius: var(--spacing-tiny);
	border: 1px solid var(--primary-color);
	padding: 0.5rem;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}

#room-booking-form select + span {
	margin-top: 0.5rem;
	margin-bottom: 1rem;	
}

#room-booking-form [data-type="technology"] div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
}

#room-booking-form [data-type="technology"] {
	margin-bottom: 1rem;
}

#room-booking-form .ui-selectmenu-button.ui-button {
	width: 100%;
}

#room-booking-form textarea {
	width: 100%;
	max-width: 100%;
	resize: vertical; 
	margin-top: 0.5rem;
	border-radius: 0.5rem;
	padding: 0.5rem;
}

#room-booking-form button {
	margin-top: 1rem;
}

[data-type="member-list"],
#activities-accordion {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	list-style-type: none;
	padding-inline-start: unset;
}

[data-type="member-item"] h3,
#activities-accordion h2 {
	width: 100%;
}

[data-type="period-filter"] + span:focus {
	outline: unset;
}

.ui-accordion .ui-accordion-content[data-type="member-details"] {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1rem;
	border-top: 0;
	overflow: auto;
}	

#activities-accordion .ui-accordion-content {
	margin-top: 1rem;
	padding: unset;
	border: unset;
}

[data-type="activity-item"] > ul {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

[data-type="member-details"] li {
	display: flex;
	flex-direction: column;
	font-weight: 700;
}

[data-type="member-details"] li a {
	line-break: anywhere;
	width: fit-content;
}

[data-type="member-details"] li span {
	font-weight: 400;
}

[data-type="member-details"] li span:nth-child(1) {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
}

[data-type="member-details"] li span:nth-child(1) img {
	width: 2rem!important;
	height: 2rem!important;
}

[data-type="member-details"] li a:first-of-type,
[data-type="member-details"] li span:nth-child(2) {
	font-weight: 700;
	margin-left: 2.7rem;
}

[data-button="back-to-top"][data-active="true"] {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease;
}

[data-button="back-to-top"][data-active="false"] {
    opacity: 0;
    visibility: hidden;
}

[data-button="back-to-top"] {
    display: flex;
	justify-content: center;
	align-items: center;
    position: fixed;
    bottom: var(--spacing-medium);
    right: var(--spacing-x-large);
	gap: var(--spacing-x-small);
	padding: var(--spacing-x-small) var(--spacing-medium) var(--spacing-x-small) var(--spacing-medium);
	width: fit-content;
	height: fit-content;
	font-size: 1rem;
	letter-spacing: 1px;
	cursor: pointer;
	background-color: var(--primary-color);
	color: var(--secondary-font-color);
	border: 2px solid var(--secondary-font-color);
	border-radius: 0.5rem;
}

[data-button="back-to-top"]::before {
	content: "Liigu üles";
}

[data-button="back-to-top"]::after {
	content: "↑";
}

[data-accessibility~="button"] [data-button="back-to-top"] {
	padding: var(--spacing-small) var(--spacing-x-large) var(--spacing-small) var(--spacing-x-large);
}

@media only screen and (max-width: 86rem) {
	[data-button="back-to-top"] {
		right: var(--spacing-medium);
		padding: var(--spacing-x-small) var(--spacing-small) var(--spacing-x-small) var(--spacing-small);
		width: 50px;
		height: 50px;
	}
	
	[data-button="back-to-top"]::before {
		display: none;
	}	
}

[data-type="activities"] {
    display: block;
    overflow-x: auto;
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
	font-family: var(--default-font);
    font-size: 14px;
}

[data-type="activities"] thead {
    background-color: var(--bg-color-opposite);
    color: var(--secondary-font-color);
}

[data-type="activities"] th,
[data-type="activities"] td {
    border: 1px solid #ddd;
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
}

[data-type="activities"] td a {
	display: flex;
}

[data-type="activities"] th {
    font-weight: 700;
}

[data-type="activities"] tbody tr {
    background-color: var(--bg-color-alt);
}

[data-type="activities"] tbody tr:nth-child(even) {
    background-color: var(--bg-color);
}

[data-type="activities"] tbody tr:hover {
    background-color: #f1f1f1;
}

[data-type="activities"] a {
    color: var(--primary-color);
    text-decoration: underline;
}

[data-type="activities"] a:hover {
    text-decoration: none;
}

[data-type="workgroup-container"] table {
	display: block;
	overflow-x: auto;    
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0;
	font-family: var(--default-font);
    font-size: 14px;
}

[data-type="workgroup-container"] thead {
    background-color: var(--bg-color-opposite);
    color: var(--secondary-font-color);
}

[data-type="workgroup-container"] th,
[data-type="workgroup-container"] td {
    border: 1px solid #ddd;
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
}

[data-type="workgroup-container"] th {
    font-weight: 700;
}
    
[data-type="workgroup-container"] tbody tr {
    background-color: var(--bg-color-alt);
}

[data-type="workgroup-container"] tbody tr:nth-child(even) {
    background-color: var(--bg-color);
}

[data-type="workgroup-container"] tbody tr:hover {
    background-color: #F1F1F1;
}

[data-type="workgroup-container"] h4 {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
}

[data-type="content-title-container"]	{
	display: flex; 
	flex-direction: row; 
	justify-content: space-between; 
	align-items: center;
	gap: 1rem;
	position: relative;
}	

[data-type="content-title-container"] h1 {
	margin-right: 5rem;
	word-break: break-word;
}

[data-type="content-title-container"] a {
	position: absolute;
	top: 0;
	right: 0;
}

[data-type="content-title-container"] a:hover {
	transform: scale(1.25);
}

[data-type="content-title-container"] a img {
	width: 2.75rem;
	border-radius: 0.6rem;	
}

.subpost {
	margin-top: 1rem;
}

.has-background {
	padding: 1rem;
	border-radius: 0.5rem;
}

.has-background:not(:last-child) {
	margin-bottom: 1rem;
}

:root {
  --wp--preset--color--primary-color: #2D2C71;
  --wp--preset--color--primary-font-color: #1D1919;
  --wp--preset--color--surface-color: #FCF8FB;
  --wp--preset--color--muted-color: #A19F9F;
  --wp--preset--color--surface-alt-color: #F1E6F5;
  --wp--preset--color--secondary-font-color: #FDFEFE;
  --wp--preset--color--alt-font-color: #F0C8DC;
  --wp--preset--color--bg-color: #E9EBF8;
  --wp--preset--color--bg-color-alt: #FDFEFE;
  --wp--preset--color--bg-color-opposite: #8180BC;
  --wp--preset--color--bg-color-opposite-alt: #1D1919;
  --wp--preset--color--bg-color-transparent: rgba(188, 228, 231, 0.95);
  --wp--preset--color--shadow-color: #AAAAAA;
  --wp--preset--color--highlight-color: #FFCD00;
  --wp--preset--color--error-color: #BB4430;
  --wp--preset--color--warning-color: #FDCA40;
  --wp--preset--color--info-color: #7189FF;
  --wp--preset--color--success-color: #6CAE75;
  --wp--preset--color--focus-color: #8180BC;
}

/* Background classes */
.has-primary-color-background-color        { background-color: var(--wp--preset--color--primary-color) !important; }
.has-primary-font-color-background-color   { background-color: var(--wp--preset--color--primary-font-color) !important; }
.has-surface-color-background-color        { background-color: var(--wp--preset--color--surface-color) !important; }
.has-muted-color-background-color          { background-color: var(--wp--preset--color--muted-color) !important; }
.has-surface-alt-color-background-color    { background-color: var(--wp--preset--color--surface-alt-color) !important; }
.has-secondary-font-color-background-color { background-color: var(--wp--preset--color--secondary-font-color) !important; }
.has-alt-font-color-background-color       { background-color: var(--wp--preset--color--alt-font-color) !important; }
.has-bg-color-background-color             { background-color: var(--wp--preset--color--bg-color) !important; }
.has-bg-color-alt-background-color         { background-color: var(--wp--preset--color--bg-color-alt) !important; }
.has-bg-color-opposite-background-color    { background-color: var(--wp--preset--color--bg-color-opposite) !important; }
.has-bg-color-opposite-alt-background-color{ background-color: var(--wp--preset--color--bg-color-opposite-alt) !important; }
.has-bg-color-transparent-background-color { background-color: var(--wp--preset--color--bg-color-transparent) !important; }
.has-shadow-color-background-color         { background-color: var(--wp--preset--color--shadow-color) !important; }
.has-highlight-color-background-color      { background-color: var(--wp--preset--color--highlight-color) !important; }
.has-error-color-background-color          { background-color: var(--wp--preset--color--error-color) !important; }
.has-warning-color-background-color        { background-color: var(--wp--preset--color--warning-color) !important; }
.has-info-color-background-color           { background-color: var(--wp--preset--color--info-color) !important; }
.has-success-color-background-color        { background-color: var(--wp--preset--color--success-color) !important; }
.has-focus-color-background-color          { background-color: var(--wp--preset--color--focus-color) !important; }

/* Text (font color) classes */
.has-primary-color-color        { color: var(--wp--preset--color--primary-color) !important; }
.has-primary-font-color-color   { color: var(--wp--preset--color--primary-font-color) !important; }
.has-surface-color-color        { color: var(--wp--preset--color--surface-color) !important; }
.has-muted-color-color          { color: var(--wp--preset--color--muted-color) !important; }
.has-surface-alt-color-color    { color: var(--wp--preset--color--surface-alt-color) !important; }
.has-secondary-font-color-color { color: var(--wp--preset--color--secondary-font-color) !important; }
.has-alt-font-color-color       { color: var(--wp--preset--color--alt-font-color) !important; }
.has-bg-color-color             { color: var(--wp--preset--color--bg-color) !important; }
.has-bg-color-alt-color         { color: var(--wp--preset--color--bg-color-alt) !important; }
.has-bg-color-opposite-color    { color: var(--wp--preset--color--bg-color-opposite) !important; }
.has-bg-color-opposite-alt-color{ color: var(--wp--preset--color--bg-color-opposite-alt) !important; }
.has-bg-color-transparent-color { color: var(--wp--preset--color--bg-color-transparent) !important; }
.has-shadow-color-color         { color: var(--wp--preset--color--shadow-color) !important; }
.has-highlight-color-color      { color: var(--wp--preset--color--highlight-color) !important; }
.has-error-color-color          { color: var(--wp--preset--color--error-color) !important; }
.has-warning-color-color        { color: var(--wp--preset--color--warning-color) !important; }
.has-info-color-color           { color: var(--wp--preset--color--info-color) !important; }
.has-success-color-color        { color: var(--wp--preset--color--success-color) !important; }
.has-focus-color-color          { color: var(--wp--preset--color--focus-color) !important; }