/*Custom code to override Olivero*/


/*---Animations---*/
@keyframes menuAnimation {
	0% {
		transform: scaleY(0);
	}

	100% {
		transform: scaleY(1);
	}
}


/*----Body---*/
body {
	background-image: none !important;
	background-color: #fff !important;
}

.page-wrapper {
	max-width: 100% !important;
}

div.view, div.view-content {
	display: block;
}

/*---Header---*/
.site-header {
	min-height: 70px !important;
	border-bottom: none !important;
}

.site-header__initial {
	height: 70px;
	background-color: #003f46 !important;
	display: none !important;
}

.site-header__inner__container {
	max-width: 100% !important;
	background-color: #003f46 !important;
	height: 70px;
}

#block-olivero-main-menu {
	margin: auto;
}

.site-branding {
	background-image: none !important;
	align-items: center !important;
	min-height: 70px !important;
}

.site-branding__inner {
	position: relative;
	z-index: 99;
}

.site-branding__name a {
	font-size: 90% !important;
}

.header-nav {
	background-color: inherit !important;
	display: none;
	border-color: #003f46 !important;
}

/*default olivero menu*/
#block-olivero-main-menu {
	height: 100%;
}

#block-olivero-main-menu .menu--level-1 {
	display: flex;
	height: 100%;
	margin: 0px;
}

#block-olivero-main-menu .menu--level-2 {
	display: none;
	list-style: none;
	background: #005761;
	margin: 0px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	transform-origin: top;
	animation: menuAnimation 0.2s ease-in-out 0s 1 forwards;
}

#block-olivero-main-menu .menu__link--level-2 {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.3s;
	padding: 1em 1.5em;
	display: block;
}

#block-olivero-main-menu .menu__item--level-2 p {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.3s;
	padding: 1em 1.5em;
	display: block;
	margin: 0px;
}

#block-olivero-main-menu .menu__item--level-1 {
	list-style: none;
}

#block-olivero-main-menu .menu__item--level-1.open .menu--level-2 {
	display: block;
}

#block-olivero-main-menu .menu__link--level-1 {
	padding: 1em 1.5em;
	transition: background-color 0.3s;
	height: 100%;
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

#block-olivero-main-menu .menu__link--level-1.is-active {
	text-decoration: underline;
}

#block-olivero-main-menu .menu__link--level-1.menu__link--has-children::after {
	content: "▼";
	display: block;
	margin-left: 20px;
	font-size: 85%;
}

#block-olivero-main-menu .menu__link--level-1:hover,
#block-olivero-main-menu .menu__link--level-1:focus,
#block-olivero-main-menu .menu__link--level-2:hover,
#block-olivero-main-menu .menu__link--level-2:focus {
	background-color: #008594;
}

.mobile-buttons {
	margin-top: 14px !important;
	display: none !important;
}

.mobile-nav-button__label {
	display: none !important;
}

.mobile-nav-button__icon::before,
.mobile-nav-button__icon,
.mobile-nav-button__icon::after {
	border-color: #fff !important;
}

.header-nav.is-active {
	display: block;
}

#block-paavalikko-menu {
	color: #fff !important;
	font-size: 160% !important;
}

.primary-nav__menu-link {
	color: #fff !important;
	font-size: 130% !important;
}

.mobile-nav-button:focus,
.primary-nav__button-toggle:focus,
.primary-nav__menu-link:focus {
	outline: 1px solid #fff !important;
}

.primary-nav-mobile {
	display: none;
	background-color: transparent;
	border: none;
	color: #fff;
	width: 45px;
	height: 45px;
	margin-top: auto;
	margin-bottom: auto;
	font-size: 0px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-list" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/></svg>');
	background-size: 40px;
	background-position: center;
	background-repeat: no-repeat;
}

.primary-nav-mobile:focus {
	outline: 2px solid #fff;
}

/*superfish menu*/
#block-mainnavigation ul.sf-menu {
	width: fit-content;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	align-items: center;
}

#block-mainnavigation .block__content {
	height: 100%;
}


#block-mainnavigation .sf-depth-1 {
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	align-items: center;
	height: 100%;
	transition: background-color 0.3s;
}

#block-mainnavigation a.sf-depth-1:focus,
#block-mainnavigation a.sf-depth-1:hover,
#block-mainnavigation a.sf-depth-2:focus,
#block-mainnavigation a.sf-depth-2:hover,
#block-mainnavigation a.sf-depth-3:focus,
#block-mainnavigation a.sf-depth-3:hover {
	background-color: #008594;
}

#block-mainnavigation .sf-depth-2,
#block-mainnavigation .sf-depth-3 {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	transition: background-color 0.3s;
}

#block-mainnavigation .sf-depth-1.menuparent ul {
	margin-top: 30px !important;
}

#block-mainnavigation .sf-depth-2.menuparent ul,
.sf-depth-3.menuparent ul {
	margin-top: 0px !important;
}

#block-mainnavigation .active-trail.sf-depth-1 a.sf-depth-1,
#block-mainnavigation .sf-depth-2.is-active,
#block-mainnavigation .sf-depth-3.is-active {
	text-decoration: underline !important;
}

#block-mainnavigation .menuparent .menuparent ul {
	background: #006570 !important;
}

#block-mainnavigation .menuparent ul {
	background: #005761 !important;
}

#block-mainnavigation ul.sf-menu .sf-sub-indicator {
	font-size: 12px !important;
}

.sf-sub-indicator {
	opacity: 1 !important;
}

p.sf-depth-2 {
	padding: 0em 1.5em;
}

/*ryhmani */
.site-header__inner__container .block-views-blockryhmat-block-2 {
	display: none;
}

.view-id-ryhmat.view-display-id-block_6 .view-content {
	display: flex;
	flex-wrap: wrap;
}

.view-id-ryhmat.view-display-id-block_6 .view-content div {
	width: fit-content;
}

.view-id-ryhmat.view-display-id-block_6 .view-content .button--primary.button {
	margin: 5px 10px 5px 0px;
}

#main-views-viewviewsryhmatpage-2-accordion .sf-depth-2 p,
#main-views-viewviewsryhmatpage-2 .sf-depth-2 p {
	display: none;
}

/*---Main---*/

.view-content caption{
	font-style: normal !important;
	font-weight: bold !important;
	font-family: metropolis, sans-serif !important;
	font-size: 1.5rem !important;
}
#block-infobanneri .field--name-body {
	font-family: metropolis, sans-serif;
}

#block-locksubmissionblock {
	margin-bottom: 0px;
}
#block-locksubmissionblock .form-actions{
	margin: 0px;
}

.block-views-blockhallitse-lahetysta-block-1 .view > * ,
.block-views-blockhallitse-lahetysta-block-2 .view > * ,
.block-views-blockhallitse-lahetysta-block-3 .view > * ,
.block-views-blockhallitse-lahetysta-block-1,
.block-views-blockhallitse-lahetysta-block-2,
.block-views-blockhallitse-lahetysta-block-3{
    margin-bottom: 0px !important;
}

.block-views-blockhallitse-lahetysta-block-1 .button,
.block-views-blockhallitse-lahetysta-block-2 .button,
.block-views-blockhallitse-lahetysta-block-3 .button,
#block-locksubmissionblock .button{
	margin: 5px 10px 5px 0px;
}

.history-back-link {
	transition: none;
	box-shadow: none;
	text-decoration: none;
	float: right;
}

.history-back-link::before {
	content: '';
	display: block;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-arrow-left-short" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/></svg>');
	background-repeat: no-repeat;
	background-position: left;
	background-size: 30px;
	width: 45px;
	height: 30px;
	margin-left: -15px;
	margin-right: 5px;
	transition: background-position 0.4s;
}

.history-back-link:hover::before {
	background-position: right;
}

.user-logged-in .main-content {
	width: calc(100% - 370px) !important;
	background-image: none;
}

.main-content {
	width: 100% !important;
}

.path-frontpage .main-content {
	background-image: url('../images/connections.jpg');
	background-size: cover;
}

.user-logged-in.path-frontpage .main-content {
	background-image: none;
}

.main-content__container {
	margin: auto;
}

main {
	background-color: #fff;
}

/*primary tabs*/
.user-logged-in .social-bar {
	display: block;
}

.social-bar {
	width: 330px !important;
	background-color: #01a2b5 !important;
	color: #fff !important;
	display: none;
}

.social-bar__inner {
	width: 330px !important;
	padding-top: 10px !important;
}

.rotate {
	width: auto !important;
	left: 0px !important;
	position: relative !important;
	display: block !important;
	transform: none !important;
}

.rotate .contextual {
	transform: rotate(0deg) !important;
}

.social-bar .tabs {
	transform-origin: top;
	animation: menuAnimation 0.2s ease-in-out 0s 1 forwards;
}

.social-bar .tabs__tab {
	width: 100%;
}

.user-logged-in .block-local-tasks-block .block__content {
	width: 100%;
}

.tabs__link {
	background-color: #008594 !important;
	color: #fff !important;
	border: none !important;
}

.tabs__link.is-active::after {
	border-color: #003f46 !important;
}

.tabs__link:hover,
.tabs__link:focus {
	background-color: #00707e !important;
}

.social-bar .block-local-tasks-block {
	margin-right: 0px !important;
}

.user-logged-in .region--content-above .block-local-tasks-block {
	display: none;
}

/*ryhmat sivupalkki*/
.block-views-blockryhmat-block-4 .view-content ul li a {
	position: relative;
	display: flex;
	flex-grow: 1;
	align-items: center;
	height: 3.375rem;
	padding-top: 0;
	padding-bottom: 0;
	transition: background-color 0.2s;
	text-decoration: none;
	letter-spacing: 1px;
	color: #fff;
	border: none;
	background-color: #008594;
	font-size: 0.875rem;
	list-style: none;
	padding-right: 1.6875rem;
	padding-left: 1.6875rem;
	font-weight: 600;
	transition: background-color 0.3s;
}

.block-views-blockryhmat-block-4 .view-empty p {
	padding: 0px 10px;
}

.block-views-blockryhmat-block-4 .view-content ul li a:focus {
	outline: solid 3px #2494db;
	outline-offset: -3px;
}

.block-views-blockryhmat-block-4 .view-content ul li a:hover {
	background-color: #00707e !important;
}

.block-views-blockryhmat-block-4 .view-content ul li {
	display: flex;
	width: 100%;
	margin: 0;
	margin-bottom: -1px;
	list-style: none;
}

.block-views-blockryhmat-block-4 .block__content,
.block-views-blockryhmat-block-4 .view-content ul,
.block-views-blockryhmat-block-4 .view-content .views-field-label {
	width: 100%;
	margin: 0px;
}

/*field items*/
.form-radio:focus,
.form-radio:hover {
	cursor: pointer;
}

.button--primary,
.button {
	background-color: #008594 !important;
	color: #fff !important;
	border: none !important;
	transition: background-color 0.3s;
}

.button--primary:disabled,
.button--primary.is-disabled,
.button:disabled,
.button.is-disabled,
.button--primary:disabled:hover,
.button--primary.is-disabled:hover,
.button:disabled:hover,
.button.is-disabled:hover,
.button--primary:disabled:focus,
.button--primary.is-disabled:focus,
.button:disabled:focus,
.button.is-disabled:focus {
	background-color: #8B929C !important;
}

.button--primary:focus,
.button--primary:hover,
.button:focus,
.button:hover {
	background-color: #00707e !important;
	cursor: pointer;
}

.button,
select,
[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="file"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea {
	border-radius: 0px !important;
}

.form-item__label {
	font-weight: bold;
}

/*ryhmat*/
.block-views-blockryhmat-block-1,
.block-views-blockryhmat-block-3,
.block-views-blocktermi-ryhmalogo-block-1 {
	display: flex;
	justify-content: center;
	padding-bottom: 10px;
}

.block-views-blockryhmat-block-1 .views-field-field-logo img,
.block-views-blockryhmat-block-3 .views-field-field-logo img,
.block-views-blocktermi-ryhmalogo-block-1 .views-field-field-logo img {
	height: 80px;
	width: auto;
}

/*sidonnaisuudet*/
.view-id-sidonnaisuudet.view-display-id-page_4 .views-row {
	padding: 0px;
	margin: 10px 0px;
}

.view-id-sidonnaisuudet.view-display-id-page_4 .views-field-webform-submission-value-8 b {
	display: none;
}

.view-id-sidonnaisuudet.view-display-id-page_4 .views-field-webform-submission-value-8 ul {
	list-style: none;
	margin: 0px;

}

.view-id-sidonnaisuudet.view-display-id-page_4 .views-field-webform-submission-value-8 ul ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0px;
}

.view-id-sidonnaisuudet.view-display-id-page_4 .views-field-webform-submission-value-8 ul li:nth-child(odd) {
	background-color: #fbfbfb;
	;
}

.view-id-sidonnaisuudet.view-display-id-page_4 .views-field-webform-submission-value-8 ul li:nth-child(even) {
	background-color: #f2f2f2;
}

.view-id-sidonnaisuudet.view-display-id-page_4 .views-field-webform-submission-value-8 ul ul li {
	padding: 1.125rem;
	background-color: transparent !important;
}

.view-id-sidonnaisuudet.view-display-id-page_4 .views-field-webform-submission-value-8 ul ul li:first-child {
	font-weight: bold;
	width: 100%;
	border-bottom: 2px solid #98abb9;
}

.view-id-sidonnaisuudet.view-display-id-page_4 .views-field-webform-submission-value-8 ul ul li:last-child {
	border-bottom: none;
	margin-bottom: 15px;
}

.view-id-sidonnaisuudet.view-display-id-page_4 .views-field-webform-submission-value-8 ul ul li:nth-child(2) {
	padding-right: 0px;
	margin-right: 0px;
}

.view-id-sidonnaisuudet.view-display-id-page_4 .views-field-webform-submission-value-8 ul ul li:nth-child(3) {
	padding-left: 0px;
	margin-left: 0px;
}

.view-id-sidonnaisuudet.view-display-id-page_4 .views-field-webform-submission-value-8 ul ul li:nth-child(3)::before {
	content: ' - ';
	padding-left: 5px;
}

.view-id-sidonnaisuudet.view-display-id-page_4 .submission-header-sidonnaisuus {
	font-weight: bold;
	background-color: #003f46;
	color: #fff;
	padding: 1.125rem;
}

/*rekisteriseloste*/
.view-rekisteriseloste.view-id-rekisteriseloste .view-content summary {
	background: #5d7585;
	color: #fff;
	font-weight: bold;
	padding: 0.1625rem 1.125rem;
}

.view-rekisteriseloste.view-id-rekisteriseloste .view-content summary:hover {
	cursor: pointer;
}

.view-rekisteriseloste.view-id-rekisteriseloste .view-content details {
	border: solid 2px #5d7585;
	border-radius: 0.1875rem;
}

.view-rekisteriseloste.view-id-rekisteriseloste .view-content article {
	padding: 0.1625rem 1.125rem;
}

.node--type-rekisteriseloste .node__content td {
	/*border: none;*/
}
.node--type-rekisteriseloste .node__content table tr:last-child{
	border-bottom: 1px solid;
}

/*webform datan piilotukset tavallisilta kayttaijlta*/
body:not(.role-administrator) .webform-submission-pager,
body:not(.role-administrator) .webform-submission-navigation,
body:not(.role-administrator) .webform-submission-information,
body:not(.role-administrator) .block-help-block {
	display: none;
}

.webform-submission-form{
	padding: 15px;
	border: solid 2px #5d7585;
	border-radius: 0.1875rem;
}

.form-item-ilmoitusvelvollinen{
	display: none;
}

.webform-submission-add-form .form-item-ilmoitusvelvollinen{
	display: block;
}

/*block*/
.block__title {
	font-family: metropolis, sans-serif;
	font-weight: bold;
	font-size: 2.25rem !important;
	line-height: 3.375rem !important;
	font-style: normal !important;
	color: #0d1214 !important;
	letter-spacing: -0.01em !important;
}

.block-user-login-block .block__content ul {
	display: none;
}

.block-user-login-block .block__content input.form-text {
	width: 100%;
	max-width: 583.75px;
}

.view-id-sidonnaisuudet.view-display-id-page_1 .view-header h1,
.view-id-sidonnaisuudet.view-display-id-page_1 .view-header h2,
.view-id-sidonnaisuudet.view-display-id-page_1 .view-header h3,
.view-id-sidonnaisuudet.view-display-id-page_4 .view-header h1,
.view-id-sidonnaisuudet.view-display-id-page_4 .view-header h2,
.view-id-sidonnaisuudet.view-display-id-page_4 .view-header h3 {
	text-align: center;
	margin: 0px 20px;
}

.view-id-sidonnaisuudet.view-display-id-page_4 .view-header img,
.view-id-sidonnaisuudet.view-display-id-page_1 .view-header img {
	margin: auto;
	height: 100px;
	width: auto;
}

#block-views-block-ryhmat-block-5 {
	margin: 0px;
}

.view-id-ryhmat.view-display-id-block_5 .button,
.view-id-group_nodes.view-display-id-block_1 .button {
	margin: 5px 10px 5px 0px;
}

.view-id-group_nodes.view-display-id-block_1>* {
	margin-bottom: 0px !important;
}

/*taulukko*/
table {
	width: 100% !important;
}

th {
	border: none !important;
	padding-left: 18px !important;
	background-color: #003f46;
	color: #fff !important;
}

th a {
	color: #fff !important;
}

td {
	padding-left: 18px !important;

}

/*fontawesome*/
.svg-inline--fa {
	margin-right: 7px;
}

/*send-email*/
#edit-receiver .form-checkboxes{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: 1px solid #7e96a7;
	padding: 0px 5px 0px 15px;
	min-height: 65px;
}
#edit-receiver .form-checkboxes div{
	display: block;
	height: fit-content;
	margin: 5px;
	background-color: #eee;
	padding: 3px 6px;
	border-radius: 5px;
}
#edit-receiver .form-checkboxes div input:hover{
	cursor: pointer;
}

#edit-receiver .form-checkboxes input[type="checkbox"]:checked{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>') !important;
	background-size: 100% !important;
}
input#edit-from[readonly]{
	background-color: #eee;
}
.sidonnaisuusrek-feed{
	display: flex;
}
.sidonnaisuusrek-feed::after{
	content: "";
	height: 16px;
	width: 16px;
	background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="14.2" height="14.2" fill="white" viewBox="0 0 14.2 14.2"><path d="M4,12.2c0-2.5-3.9-2.4-3.9,0C0.1,14.7,4,14.6,4,12.2z M9.1,13.4C8.7,9,5.2,5.5,0.8,5.1c-1,0-1,2.7-0.1,2.7c3.1,0.3,5.5,2.7,5.8,5.8c0,0.7,2.1,0.7,2.5,0.3C9.1,13.7,9.1,13.6,9.1,13.4z M14.2,13.5c-0.1-3.5-1.6-6.9-4.1-9.3C7.6,1.7,4.3,0.2,0.8,0c-1,0-1,2.6-0.1,2.6c5.8,0.3,10.5,5,10.8,10.8C11.5,14.5,14.3,14.4,14.2,13.5z"></path></svg>');
	background-repeat: no-repeat;
	background-position: center;
	width: var(--sp1-5);
	height: var(--sp1-5);
	margin-inline-start: var(--sp0-5);
	color: #fff;
	background-color: var(--color--primary-50);
}

/*---Footer---*/

body.role-anonymous.path-group .site-footer,
body.role-anonymous.path-user .site-footer {
	/*display: none;*/
}

.site-footer {
	border-left: none !important;
}

.site-footer__inner {
	margin: auto;
}

span.form-required::after {
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	margin-right: 0.3em;
	margin-left: 0.3em;
	content: "";
	vertical-align: text-top;
	background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%232494DB'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 0.5rem 0.5rem;
}

#block-alatunniste .text-content,
#block-paivittajanohje .text-content,
#block-ilmoitusvelvollisenohje .text-content {
	font-family: metropolis, sans-serif;
	font-size: 85%;
}

#block-alatunniste,
#block-paivittajanohje,
#block-ilmoitusvelvollisenohje {
	margin: 0px;
}



/*media screens*/
@media screen and (max-width: 1200px) {

	.user-logged-in .main-content,
	.main-content {
		width: 100% !important;
	}

	.user-logged-in .social-bar {
		display: none !important;
	}

	.user-logged-in .region--content-above .block-local-tasks-block {
		display: block !important;
	}

	.block-superfishmain {
		position: absolute;
		left: 0px !important;
		padding: 0px;
		display: block;
	}

	.sf-accordion {
		background-color: #003f46;
		padding: 5px 0px;
		border-top: 2px solid gray;
	}

	.sf-accordion-toggle {
		padding: 15px;
	}

	#superfish-main-toggle {
		float: right;
	}

	#superfish-main-toggle::before {
		content: '';
		display: block;
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-list" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/></svg>');
		height: 35px;
		width: 35px;
		display: block;
		background-size: contain;
		opacity: 0.85;
	}

	a.sf-depth-1,
	a.f-depth-2,
	a.sf-depth-3 {
		width: 100%;
	}

	#block-mainnavigation ul.sf-menu {
		width: 100%;
		margin-top: 20px;
	}

	ul.sf-menu .sf-sub-indicator {
		left: 20px !important;
	}

	ul.sf-menu a,
	ul.sf-menu span.nolink {
		padding-left: 55px !important;
		padding-right: 55px !important;
	}

	#superfish-main-toggle span {
		display: none;
	}

	#block-mainnavigation .sf-depth-1.menuparent ul {
		margin-top: 0px !important;
	}

	.primary-nav-mobile {
		display: block;
	}

	#block-olivero-main-menu {
		display: none;
		position: absolute;
		left: 0px;
		margin-top: 70px;
		background-color: #003f46;
		width: 100vw;
		height: fit-content;
	}

	#block-olivero-main-menu.mobile-show {
		display: block;
		transform-origin: top;
		animation: menuAnimation 0.2s ease-in-out 0s 1 forwards;
	}

	#block-olivero-main-menu .menu--level-1 {
		display: block;
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	}

	#block-olivero-main-menu .menu--level-2 {
		box-shadow: none;
	}

	.mobile-buttons {
		display: block !important;
	}

	.tabs {
		flex-direction: column !important;
	}

	.tabs__tab.is-active {
		display: flex !important;
	}

	.tabs__tab {
		display: none !important;
	}

	html:not(.js) .tabs__tab,
	.tabs.is-expanded .tabs__tab {
		display: flex !important;
	}

	.tabs__trigger {
		display: flex !important;
	}

	.tabs__link.is-active::after {
		position: absolute !important;
		bottom: -1px !important;
		height: calc(100% + 2px) !important;
		content: "" !important;
		border: 0px solid !important;
	}

	[dir="ltr"] .tabs__link.is-active::after {
		left: -1px !important;
	}

	[dir="ltr"] .tabs__link.is-active::after {
		border-left: 0.375rem solid #003f46 !important;

	}
}

@media screen and (max-width: 43.75rem) {
	.block__title {
		font-size: 1.5rem !important;
		line-height: 2.25rem !important;
	}

	table {
		overflow: scroll;
		display: block;
		border: 1px solid !important;
	}

	.path-frontpage .main-content {
		background-image: none;
	}
}