/* 
 Theme Name:     LääkäriTaskussaResepti
 Author:         WTF Marketing Collective Oy
 Author URI:     https://welltoldfacts.fi
 Version:        99.0
*/

html,
body {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	background-color: rgba(253, 251, 243, 1);
	color: #221B46;
	line-height: 1.6;
}

.a10-acute-booking-container .a10-acute-resources-grid .a10-acute-grid-item .a10-acute-grid-item-details .a10-acute-grid-item-subheading {
	font-family: "Poppins", sans-serif;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 1.4 !important;
	margin-bottom: 24px;
	color: #221B46;
}

.header-col {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.header-col .button {
	background:#FF643C !important;
}

.button .fa-arrow-up-right-from-square {
	width:13px;
	height:13px;
	display:inline-block;
}

#ninchat-customerservice.ninchat-minimized {
	opacity:0;
	pointer-events:none;
}

#ninchat-customerservice.ninchat-open {
	opacity:1;
	pointer-events:auto;
}

.avaa-chat-link {
	text-decoration:underline !important;
	margin-bottom:0 !important;
}

.avaa-chat-link:hover {
	cursor:pointer;
	text-decoration:none !important;
}

#uusi-resepti-card .cta-card {
	padding:20px 25px;
	font-weight:600;
	margin-top:0;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:15px;
	line-height:1;
}

.uusi-resepti-hinta {
	margin-left:auto;
	color:#952271;
	font-weight:700;
}

#uusi-resepti-card {
	color:#221B46;
}

#banneri {
	padding-top:80px;
}

#uusi-resepti-card i {
	transition:all 150ms ease-in-out;
	width:16px;
}

#uusi-resepti-card:hover {
	color:#952271;
}

#uusi-resepti-card:hover i {
	margin-right:-4px;
	color:#952271;
}

#open-ninchat-wp {
	position:fixed;
	bottom:0px;
	right:0px;
	background:#952271;
	border-radius:10px 0 0 0;
	padding:10px 15px;
	color:#FFF;
	font-size:12px;
	font-weight:600;
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:1;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#open-ninchat-wp i {
	font-size:17px;
	padding-right:5px;
	display:inline-block;
	width:27px;
	height:20px;
}

#open-ninchat-wp:hover {
	cursor:pointer;
	background:#221B46;
}

.poppins-regular {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.poppins-medium {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.poppins-semibold {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.poppins-bold {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-style: normal;
}

h1,
h2,
h3,
h4 {
	font-weight: 700;
	line-height: 1.1;
	padding-bottom: 20px;
}

.fw-width-img h4,
.fw-width-text-block h4 {
	font-size: 38px;
	letter-spacing: -0.03em;
	padding-bottom: 10px;
}

h1,
h2 {
	font-size: 38px;
	letter-spacing: -0.03em;
}

b,
strong {
	font-weight: 700;
}

img {
	max-width: 100%;
	height:auto;
}

#content img {
	height:auto;
}

p {
	margin-bottom: 1.75em;
}

a {
	color: #FF643C;
	font-weight: 600;
}

a:hover {
	color: #221B46;
	text-decoration: none;
}

button:focus {
	outline: none !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: #ddd;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.03), 0 4px 6px -4px rgba(0, 0, 0, 0.03);
	outline: 0 none;
}

input[type='text'] {
	padding: 20px 25px;
	font-weight: 400;
	border-radius: 5px;
	border: solid 1px #ddd;
	width: 100%;
}

#wrapper a {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#wrapper {
	overflow-x: hidden;
}

/* GRID */

.no-margin-row {
	margin-left: 0;
	margin-right: 0;
}

/* NAV */

.fullscreen-menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	visibility: hidden;
	opacity: 0;
	transform: translateY(-100%);
	transition: visibility 0s linear 0.3s, opacity 0.3s, transform 0.3s;
	z-index: 9998;
	display: flex;
	justify-content: center;
	background: #FFF;
	padding-top: 135px;
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.fullscreen-menu-nav {
	width: 100%;
}

.fullscreen-menu-blur {
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#wrapper::before {
	z-index: 9;
	top: 0;
	content: '';
	position: fixed;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

body.noscroll #wrapper::before {
	height: 100vh;
	width: 100%;
	display: block;
	background: rgba(0, 0, 0, 0.1);
	opacity: 0;
}

.fullscreen-menu.show {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0s;
}

.fullscreen-menu li.home-link {
	display: none;
}

.fullscreen-menu ul.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	display: flex;
}

.fullscreen-menu ul li {
	display: inline-block;
	width: 20%;
}

.fullscreen-menu ul.fullscreen-secondary-menu {
	padding-top: 70px;
	padding-left: 0;
	padding-bottom: 0px;
}

.fullscreen-menu ul.fullscreen-secondary-menu li a {
	font-size: 16px;
}

.fullscreen-menu ul li a {
	color: #221B46;
	font-size: 20px;
	display: inline-block;
	margin-bottom: 20px;
}

.desktop-menu .sub-menu {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	background: #AD9CBF;
	width: 250px;
	list-style-type: none;
	padding: 32px 30px 15px 30px;
	border-radius: 0 0 5px 5px;
	left: -30px;
	top: auto;
	-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

.desktop-menu .sub-menu a {
	padding: 3px 0 !important;
	margin: 8px 0 !important;
	opacity: 1;
	text-transform: none;
	font-weight: 400;
}

.fullscreen-menu .sub-menu {
	list-style-type: none;
	padding: 0 0 20px 0;
	display: block;
	width: 100%;
}

.fullscreen-menu .sub-menu li {
	display: block;
	width: 100%;
}

.fullscreen-menu .sub-menu li a:before {
	content: '-';
	padding-right: 5px;
	color: #FFF;
	display: inline-block;
}

.fullscreen-menu .sub-menu a {
	font-size: 16px !important;
	margin-bottom: 0.8em !important;
	font-weight: 400;
	display: block;
	width: 100%;
}

.fullscreen-menu .sub-menu a::after {
	display: none;
}

.fullscreen-menu .sub-menu a:hover {
	text-decoration: underline;
}

.desktop-menu .sub-menu a::after {
	display: none !important;
}

.desktop-menu .sub-menu a:hover {
	opacity: 1;
	text-decoration: underline;
}

.desktop-menu li.menu-item:hover .sub-menu {
	opacity: 1;
	position: absolute;
	pointer-events: auto;
}

#menuToggleButton {
	cursor: pointer;
	z-index: 10000;
	position: relative;
	color: #221B46;
	font-size: 20px;
	line-height: 0;
	width: 28px;
	text-align: center;
	display: inline-block;
}

#menuToggleButton:before {
	position: absolute;
	border: solid 2px #221B46;
	width: 40px;
	height: 40px;
	top: -10px;
	left: -6px;
	border-radius: 100%;
	content: '';
}

#menuToggleButton i {
	display:inline-block;
	width:17.5px;
	height:20px;
}

body.noscroll {
	overflow: hidden;
}

.desktop-menu ul {
	list-style-type: none;
	margin-bottom: 0;
	margin-right: 10px;
	margin-left: 0;
	padding-left: 0;
}

header ul li a {
	position: relative;
	line-height: 1.2;
}

.desktop-menu ul li {
	display: inline-block;
	position: relative;
}

.desktop-menu ul li a {
	color: #221B46;
	font-weight: 600;
	font-size: 15px;
	display: block;
	position: relative;
	margin-right: 40px;
	-webkit-transition: all 250ms ease-in-out !important;
	-moz-transition: all 250ms ease-in-out !important;
	-o-transition: all 250ms ease-in-out !important;
	transition: all 250ms ease-in-out !important;
}

header ul li.aloita-laakarikaynti a {
	color: #FFF;
	background-color: #952271;
	color: #FFF;
	font-weight: 700;
	font-size: 13px;
	padding: 1.3em 2em 1.3em 2em;
	border-radius: 5em;
	margin-right: 10px;
}

header ul li.varaa-aika a {
	background-color: #221B46;
	margin-right: 0;
	color: #FFF;
	font-weight: 700;
	font-size: 13px;
	padding: 1.3em 2em 1.3em 2em;
	border-radius: 5em;
}

header ul li.aloita-laakarikaynti a:hover {
	background: #221B46;
}

header ul li.aloita-laakarikaynti a i {
	padding-left: 0.3em;
	color: #FF643C;
	min-width:17px;
	display:inline-block;
}

header ul li.varaa-aika a:after,
header ul li.aloita-laakarikaynti a:after {
	display: none;
}

#wrapper .button.dark-button {
	background-color: #221B46;
}

#wrapper .inline-buttons i {
	color: #FF643C;
	padding-left: 3px;
}

#wrapper .dark-button:hover,
.desktop-menu ul li.varaa-aika a:hover {
	background: #FF643C;
}

header ul li a:after {
	content: '';
	width: 0%;
	height: 2px;
	background-color: #221B46;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	z-index: 999;
}

header ul li.current-page-ancestor a::after,
header ul li.current-menu-item a::after,
header ul li a:hover::after {
	width: 100%;
}

header ul li.home-link a:after {
	display: none;
}

/* HEADER */

header {
	background-color: transparent;
	padding: 35px 0;
	z-index: 10000;
	position: relative;
}

.header-logo {
	width: 145px;
	z-index: 10000;
	position: relative;
}

.header-links {
	justify-content: right;
	display: flex;
	align-items: center;
}

/* MAINHERO */

#mainhero ul {
	list-style-type: none;
	padding: 0 0 10px 0;
	position: relative;
}

#mainhero h1 span {
	font-size:0.7em;
	display:block;
}

#mainhero {
	padding-top: 40px;
}

#mainhero ul li {
	padding-left: 1.5em;
	font-weight: 500;
	font-size: 17px;
	padding-bottom: 0.2em;
}

#mainhero ul li:before {
	content: '\f00c';
	font: var(--fa-font-sharp-solid);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 0;
	margin-top: 0.2em;
	color: #FF643C;
	font-weight: 900;
}

#mainhero .button,
#mainhero .wp-block-button a {
	margin-top: 10px;
}

/* CONTENT */

#content .row {
	background: #FFF;
	border-radius: 0 0 10px 10px;
	padding: 80px 0;
}

#content .col-12 {
	max-width: 830px;
	margin: auto;
}

#content h2 {
	font-size: 32px;
	margin-top: 50px;
	padding-bottom: 10px;
}

#content h2.gform_submission_error {
	font-size: 16px;
	margin-top: 0;
}

#wrapper .gform_validation_errors {
	padding: 20px;
	margin-bottom: 20px;
}

#content h3 {
	padding-bottom: 0;
	font-size: 20px;
	margin-top: 40px;
}

.smaller-p p {
	font-size: 0.9em;
}

/* BUTTONS */

#wrapper input.button:after,
#wrapper .button:after,
#wrapper .wp-block-button a:after {
	content: '\f178';
	font: var(--fa-font-sharp-solid);
	font-weight: 400;
	opacity: 0;
	width: 1.5em;
	display: inline-block;
	padding-left: 1em;
	padding-right: 0.5em;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

#wrapper input.button,
#wrapper .button,
#wrapper .wp-block-button a {
	background-color: #952271;
	color: #FFF;
	font-weight: 700;
	font-size: 13px;
	padding: 1.3em 2em 1.3em 4em;
	border-radius: 5em;
	position: relative;
	display: inline-block;
	margin-top: 0.5em;
}

#wrapper .button.button-disabled {
	cursor: not-allowed;
	opacity: 0.6;
}

#wrapper .button.button-disabled:hover {
	cursor: not-allowed;
	padding-left: 4em;
	padding-right: 2em;
	opacity: 0.6;
}

#wrapper .button.button-disabled:before {
	content: 'Vastaanotto suljettu';
	opacity: 1;
	position: absolute;
	left: 1px;
	top: 1px;
	bottom: 1px;
	right: 1px;
	text-align: center;
	color: #FFF;
	background-color: #FF643C;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 13px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#wrapper .button.button-disabled:hover::after {
	opacity: 0;
}

#wrapper .button.button-disabled:hover::before {
	opacity: 1;
}

#wrapper .button.cyan-button {
	background-color: #06B7B3;
}

.inline-buttons .button {
	margin-right: 10px;
}

#wrapper .button.orange-button {
	background-color: #FF643C;
}

#wrapper input.button,
button {
	border: none;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#wrapper input.button:hover,
button:hover,
#wrapper .button:hover,
#wrapper .wp-block-button a:hover {
	padding-left: 3em;
	padding-right: 3em;
	cursor: pointer;
}

#wrapper input.button::after,
#wrapper button:hover::after,
#wrapper .button:hover::after,
#wrapper .wp-block-button a:hover::after {
	opacity: 1;
}

a.readmore:after {
	content: '\f178';
	font: var(--fa-font-sharp-solid);
	font-weight: 400;
	opacity: 1;
	width: 1.5em;
	display: inline-block;
	padding-left: 0.75em;
	padding-right: 0.25em;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

#solohealth a.readmore:after {
	content:'\f08e';
}

a.readmore:hover::after {
	padding-left: 1em;
	padding-right: 0;
}

a.readmore:hover {
	color: #221B46;
}

/* CARDS */

.card {
	border: solid 0px rgba(173, 156, 191, 0.15);
	border-radius: 10px;
	padding: 50px;
	width: 100%;
	margin-bottom: 1.6rem;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.03), 0 4px 6px -4px rgba(0, 0, 0, 0.03);
}

/*.card,
.cta-card {
	border: solid 1px rgba(173, 156, 191, 0.15);
}*/

.card h4 {
	font-weight: 700;
	font-size: 20px;
}

.card p {
	width: 290px;
	max-width: 100%;
}

.card.has-readmore {
	padding-bottom: 80px;
}

#kategoriat .card.has-readmore {
	padding-bottom: 70px;
}

#kategoriat h4 {
	padding-bottom: 10px;
}

#kategoriat a {
	color: #952271;
}

#kategoriat p {
	width: 100%;
	font-size: 14px;
}

#mainhero .article-cats {
	padding: 0 0 0 0;
	list-style-type: none;
}

#kategoriat .article-cats {
	list-style-type: none;
	text-align: left;
	margin: 0;
	max-width: 100%;
	width: 800px;
	padding: 0 0 0 0;
}

#mainhero .article-cats li,
#kategoriat .article-cats li {
	display: inline-block;
	padding: 0;
	font-size: 16px;
}

#kategoriat .article-cats li.active a {
	text-decoration: underline;
}

#mainhero .article-cats li:before {
	display: none;
}

#mainhero .article-cats li:after,
#kategoriat .article-cats li:after {
	content: '|';
	margin: 0 5px;
	font-weight: 400;
}

#mainhero .article-cats li:last-child::after,
#kategoriat .article-cats li:last-child::after {
	display: none;
}

#mainhero .article-cats li a,
#kategoriat .article-cats li a {
	font-weight: 400;
	color: #221B46;
}

#mainhero .article-cats li a:hover,
#kategoriat .article-cats li a:hover {
	text-decoration: underline;
}

#kategoriat.category-hero {
	margin-top: 40px !important;
	padding-top: 0 !important;
}

#kategoriat.category-hero h1 {
	padding-bottom: 0;
}

#kategoriat.category-hero h1 span {
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0;
}

.category-search {
	width: 370px;
	max-width: 100%;
	margin-top: 30px;
	position: relative;
}

#mainhero .category-search {
	margin-left: 0;
	margin-right: 0;
}

.category-search input {
	padding-right: 75px;
}

.category-search button {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 0;
	width: 50px;
	padding: 0;
	border-radius: 0 3px 3px 0;
	background-color: #FF643C;
	color: #FFF;
}

.no-search-results {
	text-align: center;
	display: block;
	font-size: 17px;
	width: 100%;
}

.category-search button:hover {
	padding: 0;
	background-color: #221B46;
}

.card.has-readmore {
	padding-bottom: 80px;
}

.card .readmore {
	position: absolute;
	bottom: 50px;
}

#featured .card.has-readmore {
	padding-bottom: 100px;
}

#featured .card-article-meta a {
	color: #221B46;
	font-weight: 400;
}

#featured .card-article-meta a:hover {
	text-decoration: underline;
}

/* FULL WIDTH WITH IMAGE */

.fw-width-text-block .row,
.fw-width-img .row {
	background: #952271;
	border-radius: 10px;
}

.fw-width-text-block,
.fw-width-img {
	margin-top: 200px;
	color: #FFF;
}

.fw-width-text-block .col-lg-12 {
	text-align: center;
	padding: 50px;
}

.fw-width-text-block p {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.fw-width-img img {
	bottom: 0;
  left: 15%;
  position: absolute;
  max-width: 100%;
}

.fw-width-img-content {
	padding: 60px 100px 60px 150px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.fw-width-img-content .button {
	margin-right: auto;
	background: #FF643C !important;
}

/* FEATURED SERVICE */

/*.featured-service {
	background-color:#FFF;
	box-shadow: rgba(34, 27, 70, 0.1) 0px 48px 100px 0px;
}

.featured-service-content {
	background-color:#952271;
	display:flex;
	justify-content:right;
}

.featured-service-content-inner {
	color:#FFF;
	max-width:595px;
	padding:70px 0;
}

.featured-service-content-inner h2 {
	width:400px;
	max-width:100%;
}

.featured-service-content:after {
	position:absolute;
	top:0;
	bottom:0;
	width:100px;
	right:-100px;
	border-radius:0;
	background-color:#952271;
	content:'';
}

.featured-service-image-inner {
	display:flex;
	justify-content:left;
	align-items:center;
	padding-left:200px;
}*/

.featured-service-content {
	background-color: #952271;
	display: flex;
	justify-content: right;
}

.featured-service-content-inner {
	color: #FFF;
	max-width: 595px;
	padding: 70px 0;
}

.featured-service-content-inner h2 {
	width: 400px;
	max-width: 100%;
}

.featured-service-content:after {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100px;
	right: -100px;
	border-radius: 0 10px 10px 0;
	background-color: #952271;
	content: '';
}

.featured-service-image-inner {
	display: flex;
	justify-content: left;
	align-items: center;
	padding-left: 200px;
}

/* MASKS */

.sh-masked-image--1 {
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzAgNDc4Ij48cGF0aCBmaWxsPSIjRDhEOEQ4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMDMuNzI1IDQ1OC44NTNjMTQxLjAyNCAzOS44MjMgMjQxLjc4OS03Ni4xNzcgMjQ3LjE3LTE4MC42OTcgNS4zODItMTA0LjUxOS0xNS42MTMtMTgzLjI4My05Ny41NjQtMjI4Ljc4NEMyNzEuMzc5IDMuODcgMTIzLjYxMy0yMy42NzQgNDQuNDY4IDk1LjMyMmMtNzkuMTQ0IDExOC45OTUgMTguMjM0IDMyMy43MDcgMTU5LjI1NyAzNjMuNTN6Ii8+PC9zdmc+);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzAgNDc4Ij48cGF0aCBmaWxsPSIjRDhEOEQ4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMDMuNzI1IDQ1OC44NTNjMTQxLjAyNCAzOS44MjMgMjQxLjc4OS03Ni4xNzcgMjQ3LjE3LTE4MC42OTcgNS4zODItMTA0LjUxOS0xNS42MTMtMTgzLjI4My05Ny41NjQtMjI4Ljc4NEMyNzEuMzc5IDMuODcgMTIzLjYxMy0yMy42NzQgNDQuNDY4IDk1LjMyMmMtNzkuMTQ0IDExOC45OTUgMTguMjM0IDMyMy43MDcgMTU5LjI1NyAzNjMuNTN6Ii8+PC9zdmc+);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.sh-masked-image--2 {
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDcwIDQ3OCI+PGRlZnM+PHBhdGggaWQ9InByZWZpeF9fYSIgZD0iTTMyLjIwNCAxNjQuMDM1Qy0yNy42MDggMjY3LjYzMi00LjUxNCAzNzYuMDQ4IDExMy43MiA0NDQuMzFjMTE4LjIzNCA2OC4yNjMgMjk4LjM0OCA1LjY4MyAzMzMuMTA0LTEzNi4yMDdDNDgxLjU4IDE2Ni4yMTMgMzMxLjc1NiA1Ny4wNjIgMjQ4LjAxMyAyNS4zNzIgMTY0LjI3LTYuMzE4IDkyLjAxNyA2MC40MzcgMzIuMjA0IDE2NC4wMzV6Ii8+PC9kZWZzPjx1c2UgeGxpbms6aHJlZj0iI3ByZWZpeF9fYSIgZmlsbD0iI0Q4RDhEOCIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InNjYWxlKDEgLTEpIHJvdGF0ZSgtMzAgLTY4Ny4xNTkgMCkiLz48L3N2Zz4=);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDcwIDQ3OCI+PGRlZnM+PHBhdGggaWQ9InByZWZpeF9fYSIgZD0iTTMyLjIwNCAxNjQuMDM1Qy0yNy42MDggMjY3LjYzMi00LjUxNCAzNzYuMDQ4IDExMy43MiA0NDQuMzFjMTE4LjIzNCA2OC4yNjMgMjk4LjM0OCA1LjY4MyAzMzMuMTA0LTEzNi4yMDdDNDgxLjU4IDE2Ni4yMTMgMzMxLjc1NiA1Ny4wNjIgMjQ4LjAxMyAyNS4zNzIgMTY0LjI3LTYuMzE4IDkyLjAxNyA2MC40MzcgMzIuMjA0IDE2NC4wMzV6Ii8+PC9kZWZzPjx1c2UgeGxpbms6aHJlZj0iI3ByZWZpeF9fYSIgZmlsbD0iI0Q4RDhEOCIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InNjYWxlKDEgLTEpIHJvdGF0ZSgtMzAgLTY4Ny4xNTkgMCkiLz48L3N2Zz4=);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.sh-masked-image--3 {
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDcwIDQ3OCI+PGRlZnM+PHBhdGggaWQ9InByZWZpeF9fYSIgZD0iTTQ5Ljg3IDE0My44MDNjLTQyLjE2NiA3MS4wMzUtMzIuNzQzIDIwMy44MjIgNTUuNjk1IDI4My4xODVzMjg0LjkzOC44MjEgMzI5LjU1NC0xMjkuNjExYzQ0LjYxNS0xMzAuNDMzLTY0Ljc5Ni0yNjYuNTI4LTE1NS41OTQtMjczLjA1LTkwLjc5OC02LjUyNC0xODcuNDg4IDQ4LjQ0LTIyOS42NTUgMTE5LjQ3NnoiLz48L2RlZnM+PHVzZSB4bGluazpocmVmPSIjcHJlZml4X19hIiBmaWxsPSIjRDhEOEQ4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0ic2NhbGUoMSAtMSkgcm90YXRlKC0zMCAtNjY1LjEgMCkiLz48L3N2Zz4=);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDcwIDQ3OCI+PGRlZnM+PHBhdGggaWQ9InByZWZpeF9fYSIgZD0iTTQ5Ljg3IDE0My44MDNjLTQyLjE2NiA3MS4wMzUtMzIuNzQzIDIwMy44MjIgNTUuNjk1IDI4My4xODVzMjg0LjkzOC44MjEgMzI5LjU1NC0xMjkuNjExYzQ0LjYxNS0xMzAuNDMzLTY0Ljc5Ni0yNjYuNTI4LTE1NS41OTQtMjczLjA1LTkwLjc5OC02LjUyNC0xODcuNDg4IDQ4LjQ0LTIyOS42NTUgMTE5LjQ3NnoiLz48L2RlZnM+PHVzZSB4bGluazpocmVmPSIjcHJlZml4X19hIiBmaWxsPSIjRDhEOEQ4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0ic2NhbGUoMSAtMSkgcm90YXRlKC0zMCAtNjY1LjEgMCkiLz48L3N2Zz4=);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.sh-masked-image--4 {
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDcwIDQ3OCI+PGRlZnM+PHBhdGggaWQ9InByZWZpeF9fYSIgZD0iTTQxLjc2NyAxMDQuOTAxYy05Mi43NzUgMTM4LjgwMy0xMi45ODIgMjg2LjE2MSA4Ni40NjEgMzI4LjI2OCA5OS40NDMgNDIuMTA4IDE4NS44NCAyOC4yIDI0NS42NDYtMjIuODE1IDU5LjgwNy01MS4wMTUgMTU0LjMwNC0xOTguODM5IDMzLjg3Mi0zMDEuMDQ0QzI4Ny4zMTUgNy4xMDQgMTM0LjU0MS0zMy45MDIgNDEuNzY2IDEwNC45eiIvPjwvZGVmcz48dXNlIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2EiIGZpbGw9IiNEOEQ4RDgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJyb3RhdGUoLTExMCAyMzMuMyAyMzYuOTgpIi8+PC9zdmc+);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNDcwIDQ3OCI+PGRlZnM+PHBhdGggaWQ9InByZWZpeF9fYSIgZD0iTTQxLjc2NyAxMDQuOTAxYy05Mi43NzUgMTM4LjgwMy0xMi45ODIgMjg2LjE2MSA4Ni40NjEgMzI4LjI2OCA5OS40NDMgNDIuMTA4IDE4NS44NCAyOC4yIDI0NS42NDYtMjIuODE1IDU5LjgwNy01MS4wMTUgMTU0LjMwNC0xOTguODM5IDMzLjg3Mi0zMDEuMDQ0QzI4Ny4zMTUgNy4xMDQgMTM0LjU0MS0zMy45MDIgNDEuNzY2IDEwNC45eiIvPjwvZGVmcz48dXNlIHhsaW5rOmhyZWY9IiNwcmVmaXhfX2EiIGZpbGw9IiNEOEQ4RDgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJyb3RhdGUoLTExMCAyMzMuMyAyMzYuOTgpIi8+PC9zdmc+);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.sh-masked-image {
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

/* TRAININGS */

.train-item {
	background-color: #AD9CBF;
	color: #221B46;
	margin: 0 0 0 70px;
	border-radius: 100px;
	font-size: 12px;
	padding: 20px 20px 20px 0;
	margin-bottom: 30px;
}

.train-item.train-coming {
	background-color: #952271;
	color: #FFF;
}

.train-play {
	font-size: 25px;
	color: #FFF;
	padding-right: 0;
	text-align: center;
	line-height: 1;
	margin-top: 5px;
}

.train-image img {
	position: absolute;
	top: -30px;
	left: -30px;
	width: 120px;
	max-width: 200%;
	height: auto;
}

.train-info {
	text-align: center;
}

.train-name {
	font-weight: 600;
}

.train-image {
	padding-left: 0;
}

/* EDUT */

#edut .palvelu-ikoni {
	max-height: 65px;
	width: auto;
	margin-bottom: 30px;
	align-self: baseline;
}

#edut .edut-kuvitus {
	position: absolute;
	bottom: -2rem;
}

#edut {
	padding-bottom: 2rem;
}

#edut p {
	margin-bottom: 0;
}

/* TESTIMONIAL */

.testimonial {
	background: #AD9CBF;
	padding: 3rem 0;
	min-height: 20rem;
	display: flex;
	align-items: center;
}

.testimonial-text {
	text-align: Center;
	color: #FFF;
	font-weight: 600;
	font-style: italic;
	font-size: 20px;
	margin-bottom: 5px;
}

.testimonial-giver {
	color: #221B46;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
	padding-top: 15px;
}

.testimonial-image {
	text-align: center;
	margin-bottom: 20px;
	display: none;
}

.testimonial-image img {
	width: 200px;
}

/* YHTEYSTIEDOT */

.tabs-menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.tabs-menu li {
	display: inline-block;
	margin: 5px 10px;
	font-weight: 600;
	transition: color 0.3s ease;
	/* Smooth transition for active state */
}

.tabs-menu li:hover {
	cursor: pointer;
}

.tabs-menu li.active {
	color: #952271;
}

.contact-person {
	display: flex;
	width: 50%;
	margin-bottom: 20px;
}

.contact-image {
	min-width:150px;
	max-width:150px;
}

.contact-image img {
	position: relative;
	height: 170px;
	object-fit: cover;
	width: 100%;
	object-position: top;
}

.contact-info {
	padding-left: 20px;
	line-height: 1.6;
	display:flex;
	align-items:center;
	flex-direction:column;
	justify-content:center;
}

.contact-info > * {
	margin-right:auto;
	padding-left:0px;
	margin-bottom:0;
}

.contact-info > p.iskulause {
	padding-top:15px;
}

.contact-info a {
	color: #221B46;
	font-weight: 400;
}

.iskulause {
	color: #952271;
	width: 80%;
	font-size:1em;
	line-height:1.4;
}

.tab-content>.active {
	display: flex;
}

.tab-content {
	background-color: #FFF;
	padding: 50px;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.03), 0 4px 6px -4px rgba(0, 0, 0, 0.03);
}

.nav-tabs-hl {
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 40px;
}

.nav-tabs .nav-link {
	border-radius: 0;
	border: none;
	padding: 15px 30px;
	color: #221B46;
	background-color: transparent;
	font-size: 14px;
	opacity: 1;
	font-weight: 600;
	border-radius: 0px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: solid 2px transparent;
}

.contact-person {
	font-size: 14px;
}

.nav-tabs {
	border: none;
	padding-top: 20px;
	border-radius: 10px 10px 0 0;
	background-color: #FFF;
	justify-content: center;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.03), 0 4px 6px -4px rgba(0, 0, 0, 0.03);
}

.nav-tabs .nav-link:hover {
	color: #221B46;
	background-color: transparent;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: solid 2px transparent;
}

.nav-tabs .nav-link.active {
	background-color: #FFF;
	color: #221B46;
	opacity: 1;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: solid 2px #FF643C;
}

/* TIETOA MEISTÄ */

.key-icon {
	text-align: center;
}

.key-icon img {
	height: 90px;
	width: auto;
	margin: 20px 0 30px 0;
}

.key-text {
	text-align: center;
	font-weight: 600;
	font-size: 20px;
}

/* FOOTER */

.auki-footer {
	line-height: 30px;
}

.palvelun-tuottaa {
	max-width: 100%;
	width: 350px;
}

.footer-logo {
	width: 180px;
	margin-bottom: 25px;
}

footer .sub-menu {
	list-style-type: none;
	padding: 0 0 10px 10px;
	margin-top: -5px;
	display: none;
}

footer li.home-link {
	display: none;
}

footer .sub-menu a {
	font-size: 0.8em !important;
	margin-bottom: 0.4em !important;
}

.toimipiste {
	margin-bottom: 30px;
}

a.outbound-link:after {
	font: var(--fa-font-sharp-solid);
	content: '\f08e';
	padding-left: 7px;
	font-weight: auto;
}

footer {
	font-size: 15px;
	padding-top: 80px;
	padding-bottom: 60px;
}

.footer-some {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.footer-some .icon-container {
	display: flex;
	justify-content: left;
	align-items: center;
	width: 40px;
	/* Example size */
	height: 30px;
	/* Example size */
}

.footer-some a:hover {
	text-decoration: none;
}

.footer-some i {
	font-size: 27px;
	/* Adjust as needed */
}

footer .footer-some li {
	display: inline-block;
	margin-right: 5px;
}

footer .footer-some li a {
	color: #221B46;
	font-size: 31px;
}

.footer-some li a:hover {
	color: #952271;
}


footer .menu {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

footer a,
footer .menu li a {
	color: #221B46;
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 13px;
	display: inline-block;
}

footer a:hover,
footer .menu li a:hover {
	text-decoration: underline;
	color: #221B46;
}

footer .footer-bottom a,
footer .footer-bottom {
	font-size: 12px;
}

.footer-bottom-menu {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.footer-bottom-menu li {
	display: inline-block;
}

.footer-bottom-menu li:after {
	content: '|';
	padding-left: 6px;
	padding-right: 6px;
	display: inline-block;
}

.footer-bottom-menu li:last-child::after {
	display: none;
}

/* CTA CARDS */

.cta-card {
	background-color: #FFF;
	border-radius: 10px;
	margin-top: 15px;
	margin-bottom: 20px;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.03), 0 4px 6px -4px rgba(0, 0, 0, 0.03);
}

.cta-card-hl {
	background: #952271;
	padding: 17px 30px 17px 70px;
	border-radius: 10px 10px 0 0;
	color: #FFF;
	line-height: 1.3;
	font-size: 14px;
	font-weight: 600;
	min-height:71px;
}

.cta-card-hl-text {
	width:170px;
	max-width:100%;
}

.cta-card-hl i {
	position: absolute;
	left: 40px;
	font-size: 30px;
	margin-top: 4px;
}

.cta-name {
	text-transform: uppercase;
	font-weight: 700;
	color: #221B46;
	font-size: 24px;
	text-align: center;
	padding: 25px 25px 15px 25px;
}

.cta-infotext {
	padding: 0 25px;
	text-align: center;
	font-size: 13px;
}

.resepti-kortit .cta-name {
	font-size: 20px;
	text-transform: none;
	line-height: 1.1;
	margin-bottom: 15px;
}

.resepti-kortit .cta-price-info {
	padding-bottom: 20px;
}

.cta-price {
	text-transform: uppercase;
	font-weight: 800;
	color: #952271;
	font-size: 40px;
	text-align: center;
	padding: 0 15px;
	letter-spacing: -0.03em;
	line-height: 1;
}

.cta-price-info {
	text-align: center;
	font-size: 12px;
	padding: 5px 15px 20px 15px;
}

#wrapper .cta-btn .button {
	width: 100%;
	text-align: center;
	font-size: 13px;
	color: #952271;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top:0;
	color: #FFF;
	background-color: #FF643C;
}

.cta-btn {
	padding: 15px;
}

.cta-offline-text {
	font-size:13px;
	padding:5px 15px 15px 15px;
	text-align:center;
	display:none;
}

.cta-info {
	font-size: 14px;
	padding-top: 15px;
}

.mobile-block {
	display:inline-block;
}

.cta-info i {
	padding-left: 8px;
}

.cta-info a {
	color: #221B46;
	font-weight: 400;
}

.cta-info a:hover {
	text-decoration: underline;
}

.milloin-etalaakarille h3 {
	font-size: 2rem;
	padding-top: 3rem;
}

/* HOW */

.img-feature .row,
#how .row {
	background-color: #FFF;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.03), 0 4px 6px -4px rgba(0, 0, 0, 0.03);
}

#how .how-headline-row {
	border-radius: 10px 10px 0 0;
	padding: 50px 20px 0 20px;
}

#how .how-headline-row h4 {
	font-size: 30px;
}

#how .how-items-row {
	border-radius: 0 0 10px 10px;
	padding: 40px;
}

#how .how-bottom-info {
	background-color: transparent;
	padding: 20px 0;
	box-shadow: none;
}

#how .how-bottom-info p {
	font-size: 14px;
}

#how .how-icon {
	text-align: center;
	padding-bottom: 30px;
}

#how .how-icon img {
	max-height: 65px;
	width: auto;
}

#how .how-three-items .how-icon img {
	max-height: 75px;
	width: auto;
}

#how .how-three-items .how-hl {
	font-size: 20px;
}

#how .how-three-items .how-text {
	max-width: 300px;
	font-size: 14px;
}

#how .how-hl {
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	padding-bottom: 20px;
}

#how {
	margin-bottom: 50px;
}

#how .how-text {
	text-align: center;
	font-size: 13px;
	max-width: 250px;
	margin: auto;
}

#how .how-items-row>div:after {
	content: '\f054';
	font: var(--fa-font-sharp-solid);
	opacity: 0.5;
	color: #221B46;
	position: absolute;
	right: 0;
	top: 104px;
}

#how .how-items-row.how-three-items>div:after {
	top: 117px;
}

#how .how-items-row>div:last-child::after {
	display: none;
}

/* MISC */

.solo-logo {
	width: 220px;
	margin-bottom: 35px;
	max-width:60%;
}

.img-feature img {
	width: 100%;
}

.img-feature .col-lg-7 {
	height: 450px;
	/* Set the div height */
	display: flex;
	/* Ensure the image can be centered correctly */
	align-items: center;
	/* Vertically center */
	justify-content: center;
	/* Horizontally center */
}

.img-feature img {
	width: 100%;
	/* Make the image fill the div width */
	height: 100%;
	/* Make the image fill the div height */
	object-fit: cover;
}

.right-img-feature img {
	border-radius: 0 10px 10px 0;
}

.left-img-feature img {
	border-radius: 10px 0 0 10px;
}

.img-feature {
	margin: 40px auto;
}

.img-feature .row {
	background: #FFF;
	border-radius: 10px;
}

.img-feature .row>div {
	padding: 0 0 0 0;
}

.img-feature .row .img-feature-content {
	padding: 50px;
}

.img-feature .row .img-feature-content h4,
.img-feature .row .img-feature-content p {
	max-width: 400px;
}

/* FIXED PRICES */

#fixed-price h2,
#fixed-price .fprice-sum {
	color: #952271;
}

#fixed-price .fprice-sum {
	font-size: 100px;
	letter-spacing: -0.02em;
	font-weight: 800;
}

.fprices-row>div {
	text-align: center;
}

.fprice-text {
	font-weight: 700;
	font-size: 20px;
}

/* AJANKOHTAISTA */

.article-image {
	height: 700px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.article-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position:center top;
	border-radius: 10px 10px 0 0;
}

.article-meta {
	margin-bottom: 40px;
}

.article-meta {
	font-size: 14px;
}

.article-card-img {
	height: 310px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px 10px 0 0;
	margin-bottom: 50px;
	margin-left: -50px;
	margin-right: -50px;
	margin-top: -50px;
	width: auto !important;
	max-width: 200% !important;
}

.article-card-img img {
	object-fit: cover;
	object-position:center top;
	width: 100%;
	height: 100%;
	border-radius: 10px 10px 0 0;
	opacity: 1;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

#featured .card:hover .article-card-img img {
	opacity: 1;
}

.card-article-hl {
	margin-bottom: 0;
	padding-bottom: 4px;
}

.card-article-meta {
	font-size: 13px;
	margin-bottom: 20px;
}

.card-article-excerpt {
	font-size: 14px;
}

/* AJANVARAUS */

.ajanvaraus-row .gfield_description {
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 15px;
}

.ajanvaraus-row .gform_submission_error {
	padding-bottom: 0;
}

.cta-info .ajanvaraus-link-cta {
	font-weight:600;
}

/* FAQ */

#faq .wpt-faq-item {
	background: #952271;
	border: none;
	margin: 0 0 10px 0;
	border-radius: 10px;
	padding: 20px;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#faq .wpt-faq-question {
	padding: 0 0 0 0;
	border: none;
}

#faq .wpt-faq-answer {
	color: #221B46;
	border-radius: 5px;
	max-height: auto;
	padding-bottom: 0;
}

#faq .wpt-faq-item[data-wpt-faq-state="open"] {
	background: #FFF;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.03), 0 4px 6px -4px rgba(0, 0, 0, 0.03);
}

#faq .wpt-faq-answer p {
	margin-bottom: 1.5em;
}

#faq .wpt-faq-answer p:last-of-type {
	margin-bottom: 0;
}

#faq h3.wpt-faq-category {
	display: none;
}

#faq {
	padding-top: 70px;
}

/* WOOCOMMERCE PRODUCT (Lääkärin vastaanotto) */

#product-830 .woocommerce-product-gallery,
#product-830 .woocommerce-tabs,
#product-830 .product_title,
#product-830 .price,
#product-830 .woocommerce-product-details__short-description,
#product-830 .product_meta,
#product-830 .gfield_label,
#product-830 .gfield_description,
#product-830 .gform_required_legend,
#product-830 .gform_confirmation_message,
#product-830 .quantity {
	display: none;
}

#product-830 .summary.entry-summary {
	width: 100% !important;
}

#product-830 #gfield_description_2_11.gfield_description,
#product-830 #gfield_description_2_12.gfield_description {
	display: block;
}

#how.ajanvaraus-container .row {
	padding-left: 50px;
	padding-right: 50px;
}

.a10-acute-booking-container {
	padding-bottom:60px;
}

/* PSYKIATRI */

.psykiatri-kortit .cta-card-hl {
	padding:27px 30px;
	min-height:auto;
}

.psykiatri-kortit .cta-card-hl h4 {
	text-align:center;
	padding:0;
	margin:0;
	line-height:1;
	font-size:22px;
}

.psykiatri-kortit .cta-name {
	letter-spacing:0;
	font-size:16px;
	margin-top:20px;
	padding-bottom:5px;
}

.psykiatri-kortit .cta-price {
	margin-bottom:20px;
}

/* POIKKEUSVIESTI */

.poikkeusviesti {
	background:#D8D4C3;
	border-radius:5px;
	margin-bottom:5px;
	margin-top:10px;
	padding:15px;
	font-size:13px;
	color:#4E4C47;
	font-weight:700;
	line-height:1.4;
}

/* VASTAANOTTO */

.page-template-template-vastaanotto header,
.page-template-template-vastaanotto .fw-width-img,
.page-template-template-vastaanotto footer,
.page-template-template-vastaanotto > iframe {
	display:none !important;
}

.page-template-template-vastaanotto #how {
	min-height: 100vh;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: top;
}

.page-template-template-vastaanotto #how h1 {
	font-size:26px;
}

.vastaanotto-logo {
	max-width:180px;
	margin-bottom:40px;
}

.page-template-template-vastaanotto #how .row {
	flex-grow:1;
	border-radius:0px;
	background:transparent;
	box-shadow:none;
}

#groweo-smartchat {
	right: 8px;
	bottom: 0;
}

/* EXTRANET */

.page-template-template-extranet header,
.page-template-template-extranet .fw-width-img {
	display:none;
}

#extranet-header .col-12 {
	display:flex;
	gap:2rem;
	align-items:center;
	padding-top:20px;
}

.extranet-user {
	font-size:14px;
}

.extranet-content {
	margin-top:-15px;
}

.extranet-logout {
	margin-left:auto;
	margin-bottom:auto;
}

.extranet-company {
	font-size:23px;
	font-weight:700;
}

#extranet-header .extranet-logout {
	font-size:11px !important;
	filter:grayscale(1);
	opacity:0.8;
}

.extranet-logo img {
    width: 150px;
    height: 150px;
    border-radius: 50%; /* Makes the image rounded */
    object-fit: contain; /* Ensures the image is contained inside the circle */
    display: block;
	background:#FFF;
	/*box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.03), 0 4px 6px -4px rgba(0, 0, 0, 0.03);*/
	border:solid 2px #eee;
}

.extranet-logo img.placeholder-logo {
	padding-left:20px;
	padding-right:20px;
}

.valvkela-desktop {
	text-align:center;
	margin-top:15px;
}

.only-small-mobile {
	display:none;
}

/* MEDIA QUERIES */

@media (min-width: 992px) and (max-width: 1337px) {
	.desktop-menu ul li a {
		font-size:14px;
		margin-right:15px;
	}
	header ul li.varaa-aika a,
	header ul li.aloita-laakarikaynti a {
		font-size:12px;
		padding-left:1.2em;
		padding-right:1.2em;
		padding-top:1.2em;
		padding-bottom:1.2em;
	}
}

@media (min-width: 992px) and (max-width: 1100px) {
	header ul li.varaa-aika {
		display:none;
	}
}

@media (min-width: 992px) {
	.only-mobile {
		display:none !important;
	}
	#open-ninchat-wp {
		right:15px;
		bottom:15px;
		border-radius:10px;
		font-size:15px;
		padding:15px 20px;
	}
	#open-ninchat-wp i {
		font-size:20px;
		padding-right:5px;
		display:inline-block;
		width:30px;
		height:20px;
	}
	header .container-fluid {
		padding-left:0;
		padding-right:0;
	}
	.resepti-kortit .cta-infotext {
		min-height: 110px;
	}
	.valvkela {
		text-align:center;
		margin-top:20px;
	}
	.desktop-menu li.only-mobile {
		display: none;
	}

	#wrapper .ajanvaraus-row #gform_submit_button_2 {
		margin-left: 50%;
		margin-top: 20px;
	}

	.ajanvaraus-row .gform_fields {
		display: block !important;
	}

	.ajanvaraus-row .gform_fields>div {
		width: 50%;
		float: left;
	}

	#avoimet-tyopaikat>.row>div:first-child {
		padding-top: 40px;
	}

	.container {
		max-width: 1100px;
	}

	#menuToggleButton {
		display: none;
	}

	#menu-main-menu {
		margin-right: 0;
	}

	.p-left {
		padding-left: 50px;
	}

	.p-right {
		padding-right: 50px;
	}
}

@media (min-width: 1200px) {
	#mainhero>.row>div:first-child {
		padding-right: 140px;
		padding-top: 0px;
	}

	.container {
		max-width: 1350px;
	}

	.container.in-container {
		max-width: 1250px;
	}

	.featured-service-content-inner {
		color: #FFF;
		width: 595px;
		max-width: 100%;
		padding: 70px 0;
	}
}

@media (max-width: 1200px) {
	.desktop-menu ul li a {
		font-size:14px;
		margin-right:20px;
	}
	.featured-service-image-inner img {
		padding: 50px 0 0 0;
		width: 170px;
	}

	.featured-service-content-inner {
		color: #FFF;
		padding: 0 0 10px 0;
	}

	.featured-service-image-inner {
		padding-left: 0;
	}

	.featured-service-content::after {
		display: none;
	}

	#laakaritaskussa {
		background: #952271;
	}

	#laakaritaskussa .row {
		display: flex;
		flex-direction: row;
	}

	#laakaritaskussa .row>div:first-child {
		order: 2;
		max-width: 100%;
		flex: 100%;
	}

	#laakaritaskussa .row>div:last-child {
		order: 1;
		margin-bottom: 30px;
		max-width: 100%;
		flex: 100%;
	}

	.featured-service-content {
		display: block;
	}
}

@media (max-width: 992px) {
	#mainhero #aloita {
		margin-top:30px;
	}
	#mainhero img.only-mobile {
		width:170px;
		height:auto;
	}
	.home #mainhero h1 {
		padding-bottom:5px;
	}
	#mainhero .button.only-mobile {
		margin-bottom:20px;
		background:#FF643C;
	}
	.valvkela-desktop {
		display:none;
	}
	#kokeneet-laakarimme img {
		margin-bottom:30px;
	}
	.kuinka-psykiatri {
		margin-top:25px;
	}
	#content h2 {
		font-size: 24px;
		margin-top: 40px;
		padding-bottom: 10px;
	}
	#faq .wpt-faq-accordion ul.wpt-faq-accordion-list li div.wpt-faq-item div.wpt-faq-question span.wpt-faq-question-text {
		font-size:16px;
		line-height:1.2;
	}
	.milloin-etalaakarille h3 {
		padding-top:0;
		font-size:1.5rem;
	}
	#fixed-price .fprice-sum {
		font-size:75px;
	}
	.auki-footer {
		margin-top:40px;
	}
	.right-img-feature img,
	.left-img-feature img {
		border-radius: 10px 10px 0 0;
	}
	.solo-logo {
		margin-top:15px;
	}
	.img-feature .col-lg-7 {
		height: 300px;
	}
	.right-img-feature .row {
		display:flex;
	}
	.right-img-feature .row > div:last-child {
		order:1;
	}
	.right-img-feature .row > div:first-child {
		order:2;
	}
	.img-feature .row .img-feature-content {
		padding: 40px 30px;
	}
	header ul li.aloita-laakarikaynti a,
	header ul li.varaa-aika a {
		width: 100%;
		text-align: center;
		margin-bottom: 0;
		margin-top: 10px;
	}

	#how .how-items-row > div::after {
		display: none;
	}

	#how .how-headline-row h4 {
		font-size:22px;
	}

	#how .how-items-row > div {
		margin-bottom: 50px;
	}

	#tyokaveriksi img {
		margin-bottom: 30px;
	}

	.testimonial-text {
		font-size: 16px;
	}

	.testimonial-giver {
		font-size: 13px;
	}

	.fw-width-text-block .col-lg-12 {
		padding: 30px;
	}

	.train-item {
		height: auto;
		margin-left: 0;
	}

	.train-items-row {
		margin-top: 40px;
	}

	#soloversity {
		padding-top: 20px !important;
		padding-bottom: 0 !important;
	}

	.reverse-in-mobile,
	#mainhero>.row {
		display: flex;
		flex-direction: row;
	}

	#asiakkaille img {
		width: 130px;
		margin: auto;
	}

	#asiakkaille {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}

	.mobile-center {
		text-align: center;
	}

	.reverse-in-mobile>div:first-child,
	#mainhero>.row>div:first-child {
		order: 2;
	}

	.reverse-in-mobile>div:last-child {
		margin-bottom: 30px;
	}

	.reverse-in-mobile>div:last-child,
	#mainhero>.row>div:last-child {
		order: 1;
	}

	#mainhero>.row>div:last-child img {
		margin-bottom: 30px;
		max-width: 100%;
		width: 450px;
	}

	#mainhero>.row>div:last-child .valvkela img {
		max-width: 100%;
		width: 300px;
	}

	#mainhero {
		padding-top: 0px;
	}

	.desktop-menu {
		display: none;
	}

	#content .row {
		padding: 40px 0;
	}

	header {
		padding: 25px 0;
	}

	body,
	html {
		font-size: 15px;
	}

	.fw-width-img h4,
	.fw-width-text-block h4,
	h1,
	h2 {
		font-size: 27px;
	}

	h3 {
		font-size: 22px;
	}

	h4 {
		font-size: 19px;
	}

	h1,
	h2,
	h3,
	h4 {
		padding-bottom: 15px;
	}

	.fw-width-img img {
		bottom: auto;
		left: auto;
		position: relative;
		max-width: 90%;
		margin-top: 30px;
	}

	.fw-width-img-content {
		padding: 30px;
		text-align: center;
	}

	.fw-width-img-content .button {
		margin-right: 0;
	}

	.fw-width-img {
		margin-top: 0;
	}

	.fw-width-text-block {
		margin-top: 40px;
	}

	#social .ff-btn,
	#wrapper .button,
	#wrapper .wp-block-button a {
		font-size: 12px;
	}

	#mainhero ul li {
		font-size: 15px;
	}

	#mainhero ul {
		padding-bottom: 0;
	}

	header>.container-fluid>.container {
		padding-left: 5px;
		padding-right: 10px;
	}

	footer .menu {
		margin-bottom: 30px;
	}

	.header-logo {
		max-width: 1000%;
		width: 100px;
	}

	.footer-bottom-menu li {
		display: block;
		text-align: center;
	}

	.footer-bottom-menu li:after {
		display: none;
	}

	.footer-bottom-menu li a {
		display: inline-block;
		margin-top: 25px;
		margin-bottom: 0;
	}

	.footer-some {
		margin-bottom: 30px;
	}

	footer {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.footer-bottom {
		text-align: center;
	}

	.card {
		padding: 30px;
	}

	.card .readmore {
		bottom: 30px;
	}

	.card.has-readmore {
		padding-bottom: 50px;
	}

	#featured .card.has-readmore {
		padding-bottom: 80px;
	}

	#featured {
		margin-top: 0 !important;
	}

	.fullscreen-menu ul.menu {
		display: block;
	}

	.fullscreen-menu ul li {
		display: block;
		width: 100%;
		text-align: center;
	}

	.fullscreen-menu {
		padding: 105px 15px 35px 15px;
	}

	.article-card-img {
		height: 260px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 10px 10px 0 0;
		margin-bottom: 30px;
		margin-left: -30px;
		margin-right: -30px;
		margin-top: -30px;
		width: auto !important;
		max-width: 200% !important;
	}

	.article-image {
		height: 300px;
	}

	.fullscreen-menu-nav .col-lg-12 {
		padding-left: 0;
		padding-right: 0;
	}

	.fullscreen-menu ul li a {
		font-size: 18px;
	}

	.fullscreen-menu ul.fullscreen-secondary-menu li {
		display: block;
		width: auto;
		margin-right: 0px;
	}

	.fullscreen-menu ul.fullscreen-secondary-menu li a {
		font-size: 15px;
		font-weight: 400;
		display: block;
	}

	.fullscreen-menu ul.fullscreen-secondary-menu {
		padding-top: 10px;
	}

	.fullscreen-menu .sub-menu a {
		font-size: 14px !important;
	}

	#tiimi {
		padding: 0 0 0 0;
	}

	.tab-content {
		padding: 20px;
	}

	.key-text {
		text-align: center;
		font-weight: 600;
		font-size: 17px;
		margin-bottom: 10px;
	}
	#how {
		margin-top:0 !important;
	}
	.contact-person {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
}

@media (max-width: 768px) {
	#wrapper .header-col .button {
		padding:1.1em 0.2em 1.1em 1.4em !important;
	}
	.only-small-mobile {
		display:block;
	}
	#banneri {
		padding-top:40px;
		padding-left: 0;
  		padding-right: 0;
	}
	.only-desktop {
		display:none;
	}
	#extranet-header .col-12 {
		display:flex;
		gap:1rem;
		align-items:center;
		justify-content:center;
		flex-direction:column;
		padding-top:20px;
		padding-bottom:20px;
	}
	#content.extranet-content #openNinchat {
		width: 100%;
  		text-align: center;
	}
	#extranet-header .col-12 > div {
		text-align:center;
	}
	.extranet-logout {
		position:absolute;
		top:5px;
		right:0;
		font-size:9px !important;
	}
	#content.extranet-content {
		margin-top:0;
	}
	#how .how-bottom-info {
		padding-left:20px;
		padding-right:20px;
	}
	#how .how-bottom-info p {
		font-size:13px;
	}
	#how {
		padding-left:0;
		padding-right:0;
	}
	#how .row {
		border-radius:0;
	}
	.mobile-block {
		display:block;
		padding-top:5px;
	}

	.featured-service,
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.train-item>div {
		max-width: 100%;
		flex: 100%;
		text-align: center;
		padding: 10px;
	}

	.train-item {
		border-radius: 10px;
		padding: 20px;
		font-size: 14px;
	}

	.train-image-inner {
		width: 100px;
		height: 100px;
		border-radius: 100%;
		margin: auto;
		border: solid 2px #FFF;
	}

	#tyokaveriksi .button {
		width: 100%;
		display: block;
		margin-bottom: 10px;
		text-align: center;
		margin-right: 0;
	}

	#tyokaveriksi .inline-buttons {
		width: 100%;
	}

	.article-image {
		padding-left: 0;
		padding-right: 0;
	}

	#content {
		padding-left: 5px;
		padding-right: 5px;
	}

	.tab-content>.active {
		display: block;
	}

	.nav-tabs .nav-item {
		margin-bottom: -1px;
		width: 100%;
	}

	.article-card-img {
		height: 200px;
	}

	#avoimet-tyopaikat .teamtailor-jobs__select-wrapper {
		width: 100%;
	}
}

@media (max-width: 576px) {
	.article-image img {
		border-radius:0 0 0 0;
	}
	#how.ajanvaraus-container .row {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 490px) {
	.contact-person {
		display:block !important;
		margin-bottom:15px;
	}
	.contact-image {
		margin-bottom:10px;
	}
	.contact-info {
		padding-left:10px !important;
	}
}

@media (max-width: 400px) {
	#uusi-resepti-card {
		font-size:14px;
	}
}