/*
Theme Name: LYS-mobile
Theme URI: https://artcloud.fi
Author: Artcloud
Author URI: https://artcloud.fi
Description: Theme for laaksonyhteissairaala mobile device sites
Version: 1.0.0
Text Domain: artcloud-mobile
*/

body {
	font-size: 1rem;
	line-height: 1.5;
	width: 100%;
}
h1 {
	font-size: 1.5rem;
}
h2 {
	font-size: calc(1.25rem + 1px);
}
h3 {
	font-size: 1.125rem;
}
	font-size: 1rem;
}
h5 {
	font-size: .875rem;
}
h6 {
	font-size: .75rem;
}

.wp-site-blocks {
	padding-top: 0;
	padding-bottom: 0;
}

header {
	padding-top: .875rem;
	padding-bottom: .875rem;
	background-color: var(--wp--preset--color--white);
	border-bottom: 1px solid var(--wp--preset--color--border);
}
header .has-global-padding {
	padding-left: 1rem;
	padding-right: 1rem;
}

header .is-layout-flex {
	gap: .75rem;
}

header .wp-block-group .wp-block-column:first-child,
header .wp-block-group .wp-block-column:last-child {
	flex: 0 0 auto;
}
header .wp-block-group .wp-block-column p {
	font-size: .875rem;
}

header select {
	font-size: .875rem;
	line-height: 1.125rem;
	padding: .375rem 1.5rem .375rem .375rem;
	border: 1px solid var(--wp--preset--color--bg-color-1);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3cpath fill='%23547665' d='M7,10.354L1.346,4.7l1.054-1.054L7,8.246l4.6-4.6L12.654,4.7L7,10.354z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .375rem center;
	background-size: .75rem .75rem;
	width: 3.25rem;
	appearance: none;
}

/* .main-content {
	margin-top: 0;
} 

.home .main-content > .has-global-padding {
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
}
.home .main-content > .wp-block-template-part {
	display: none;
}
*/
main {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.home main > .has-global-padding {
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
}
.home main > .wp-block-template-part {
	display: none;
}

:where(.wp-block-navigation .is-layout-flow) > * {
  margin-block-start: 0;
}
.wp-block-navigation ul {
	width: 100%;
}
.wp-block-navigation .wp-block-navigation-item {
	width: 100%;
	flex-wrap: wrap;
	position: relative;
}
.wp-block-navigation .wp-block-navigation-item + .wp-block-navigation-item {
	border-top: 1px solid var(--wp--preset--color--border);
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	flex: 1 0 0;
	font-size: 1.5rem;
	line-height: 2rem;
	padding: 1rem 1.875rem;
}
.wp-block-navigation .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
	padding-right: 4rem;
}
.wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] {
	background-color: var(--wp--preset--color--main);
	color: var(--wp--preset--color--base);
}
.wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] + .wp-block-navigation__submenu-icon {
	color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--main);
    rotate: 180deg;
    right: 1rem;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-icon {
	margin: 0;
	padding: 1rem 1.875rem 1rem 1rem;
	width: auto;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
	margin: 0;
	width: 1rem;
	height: 2rem;
}
.wp-block-navigation .wp-block-page-list .menu-item-home{
	display: none;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	position: relative;
	width: 100% !important;
	background-color: var(--wp--preset--color--bg-color-1);
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	flex: 1 0 0;
	font-size: 1.125rem;
	line-height: 1.5rem;
	padding: 1rem 1.875rem;
	color: var(--wp--preset--color--base);
}

.wp-block-group-breadcrumbs-wrapper {
	position: relative;
	padding-right: 0;
	padding-left: 0;
}
:where(.wp-block-group-breadcrumbs-wrapper.is-layout-constrained) > * {
	margin-block-start: 0;
}
.wp-block-group-breadcrumbs-wrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.wp-block-group-breadcrumbs-wrapper .lys_childPages {
	position: relative;
}
.wp-block-group-breadcrumbs-wrapper .lys_childPages.active {
	background-color: var(--wp--preset--color--bg-color-1);
}
.wp-block-group-breadcrumbs-wrapper .lys_childPages .submenu-toggle {
	position: absolute;
	right: .625rem;
	top: .625rem;
	background: transparent;
	border: none;
	padding: 0;
	line-height: 1;
}
.wp-block-group-breadcrumbs-wrapper .lys_childPages:not(.active) .submenu-toggle .item-close,
.wp-block-group-breadcrumbs-wrapper .lys_childPages.active .submenu-toggle .item-toggle {
	display: none;
}
.wp-block-group-breadcrumbs-wrapper .lys_childPages .child-pages-list {
	display: none;
}
.wp-block-group-breadcrumbs-wrapper .lys_childPages.active .child-pages-list {
	display: block;
}
.wp-block-group-breadcrumbs-wrapper .lys_childPages .child-pages-list li + li {
	border-top: 1px solid var(--wp--preset--color--border);
}
.wp-block-group-breadcrumbs-wrapper .lys_childPages .child-pages-list li a {
	font-size: 1.125rem;
	line-height: 1.5rem;
	padding: 1rem var(--wp--style--root--padding-left);
	color: var(--wp--preset--color--base);
	display: block;
	text-decoration: none;
}
.lys_breadcrumb {
	max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
  margin-block-start: 0;
	padding: .875rem var(--wp--style--root--padding-left) 0;
}
.lys_breadcrumb ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}
.lys_breadcrumb ul li {
	font-size: .8rem;
}
.lys_breadcrumb ul li + li:before {
	content: "»";
	color: var(--wp--preset--color--main);
	padding: 0 .25rem;
}
.lys_breadcrumb ul li a {
	color: var(--wp--preset--color--font-color);
	text-decoration: none;
}

.wp-block-post-title-wrap {
	padding-bottom: 1.25rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.wp-block-post-title-wrap .wp-block-post-title {
	padding-bottom: 0;
	margin-bottom: 1rem;
	border-bottom: none;
}
/*.wp-block-post-title {
	font-size: 1.5rem;
	line-height: 1.875rem;
	font-weight: 700;
	padding-bottom: 1.25rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--wp--preset--color--border);
}*/

.page-title {
	font-size: 1.5rem;
	line-height: 1.875rem;
	font-weight: 700;
	padding-bottom: 1.25rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--wp--preset--color--border);
}

.event-search {
	margin-bottom: 1.125rem;
}
.event-search form {
	background-color: var(--wp--preset--color--base);
	border: 1px solid #707070;
	border-radius: .25rem;
	display: flex;
}
.event-search form input {
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.875rem;
	padding: 0 .875rem;
	color: var(--wp--preset--color--font-color);
	flex: 1 0 0;
	background-color: var(--wp--preset--color--base);
	border: none;
	border-radius: .25rem;
}
.event-search form button {
	font-size: .875rem;
	font-weight: 700;
	line-height: 1.875rem;
	padding: 0 .875rem;
	color: var(--wp--preset--color--font-color);
	flex: 0 0 auto;
	background-color: var(--wp--preset--color--main);
	border: none;
	border-radius: .25rem;
}

.event-tabs {
	padding-bottom: 1.25rem;
}
.event-tabs .title {
	line-height: 1.25rem;
	font-weight: 700;
	color: var(--wp--preset--color--font-color);
	margin-bottom: .75rem;
}
.event-tabs ul {
	list-style: none;
	margin: 0 -.625rem;
	padding: 0;
	display: flex;
}
.event-tabs ul li {
	padding: 0 .625rem;
	width: 33.33333%;
}
.event-tabs ul li a {
	font-size: .875rem;
	line-height: 1.125rem;
	font-weight: 500;
	color: var(--wp--preset--color--font-color);
	text-decoration: none;
	padding: .375rem 1rem;
	text-align: center;
	display: flex;
	justify-content: center;
	background-color: var(--wp--preset--color--base);
	border: 1px solid #707070;
	border-radius: .25rem;
}
.event-tabs ul li.active a {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--main);
	border-color: var(--wp--preset--color--main);
}

/*.event-tab-content {*/
/*	padding-top: 1.325rem;*/
/*	border-top: 1px solid var(--wp--preset--color--border);*/
/*}*/
.items-events-repeat {
	line-height: 1.5;
	color: var(--wp--preset--color--font-color);
	letter-spacing: .8px;
}
.items-events-repeat + .items-events-repeat {
	margin-top: 1.5rem;
}
.items-events-repeat .items-events + .items-events {
	margin-top: 1.5rem;
}
.items-events-repeat .item-date {
	color: var(--wp--preset--color--font-color);
	padding-bottom: .625rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.items-events-repeat .item-title h4 {
	margin-bottom: .75rem;
}
.items-events-repeat .item-time {
	margin-bottom: .125rem;
}
.items-events-repeat .item-place {
	margin-bottom: .75rem;
}
.items-events-repeat .item-text p {
	margin-bottom: 1rem;
}
.items-events-repeat .button span {
	color: var(--wp--preset--color--main);
	margin-left: .25rem;
}
.items-events-repeat .item-actions {
	display: flex;
	justify-content: space-between;
}
.items-events-repeat .item-actions .button {
	min-width: 134px;
}

.event-details {
	letter-spacing: .8px;
}

input::-webkit-input-placeholder {
  color: #ABC1C9;
}
input::-moz-placeholder {
  color: #ABC1C9;
}
input:-ms-input-placeholder {
  color: #ABC1C9;
}
input:-moz-placeholder {
  color: #ABC1C9;
}

.button {
	font-size: .8rem;
	line-height: 1.125rem;
	font-weight: 700;
	color: var(--wp--preset--color--font-color);
	text-decoration: none;
	padding: .375rem .75rem;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	background-color: var(--wp--preset--color--base);
	border: 1px solid transparent;
	border-radius: .25rem;
}
.button.disabled {
	pointer-events: none;
}
.button-outline-dark {
	border-color: #707070;
}

.home footer {
	margin-top: 0;
}
footer h5 {
	text-transform: none;
}
footer .is-layout-flex {
	gap: 1rem;
}
:where(footer .is-layout-flow) > * {
  margin-block-start: 0;
}
footer a{
    color: #fff !important;
}
.wp-block-search__inside-wrapper {
	border: 1px solid var(--wp--preset--color--base) !important;
	padding: 0;
	border-radius: .25rem !important;
}
.wp-block-search__inside-wrapper .wp-block-search__button {
	padding: .25rem .5rem;
}
.wp-block-search__inside-wrapper .wp-block-search__input {
	padding: .25rem 0 .25rem 1rem;
	font-size: 1rem;
	appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}
.wp-block-search__inside-wrapper .wp-block-search__button .search-icon {
	transform: rotate(-90deg);
	stroke: #fff;
	min-height: 2rem;
	min-width: 2rem;
}

a:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--font-color);
    text-decoration: underline;
}