/*
Theme Name: Perusterveys
Theme URI: http://github.com/ZeelandFamily/zf-theme/
Author: Zeeland Family
Author URI: http://www.zeelandfamily.fi
Description: Custom theme for Perusterveys
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: perusterveys
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ZF Theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*
	Add your custom styles here. Note: this file is not loaded by default! You MUST uncomment this line
	in functions/scripts-and-styles.php:

			// wp_enqueue_style( 'zf-theme-custom-style', get_stylesheet_uri() );

*/

/* RICH SCHEMA */

.snippet-type-5 {
	border: none !important;
}

.snippet-image {
	max-width: 130px !important;
}

.snippet-title {
	padding: 15px !important;
	border-bottom: none !important;
	font-size: 16px !important;
	background: #fd0 !important;
	margin-bottom: 10px !important;
}

.snippet-label-img, .snippet-data-img {
	font-size: 16px !important;
}

.snippet-label-img {
	width: 33% !important;
}
.snippet-data-img {
}

/* GLOBALS */

select::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .455em;
	vertical-align: .18em;
	content: "";
	border-top: .25em solid;
	border-right: .25em solid transparent;
	border-bottom: 0;
	border-left: .25em solid transparent;
}

.row {
	display: block;
}

.button {
	border-radius: 2px;
}

ul.unstyled {
	list-style: none;
}

#colophon {
	background: none;
	padding: 0;
}

.site-info {
	background: #ffdd00;
	padding: 20px 40px;
}

.site-info .columns {
	padding-top: 24px;
}

.site-info .row {
	display: flex;
	gap: 50px;
	flex-wrap: nowrap;
	padding-bottom: 50px;
}

.site-info .row::before, 
.site-info .row::after {
	content: none;
}

@media screen and (max-width: 1000px) {
	.site-info .row {
		flex-wrap: wrap;
	}
	.site-info .columns {
		padding-top: 0;
		width: 100%;
	}
}

.wp-embed-footer {
	display: none;
}

.footer-buttons.button-group {
	text-align: center;
	margin-bottom: 40px;
	justify-content: center;
	float: none;
	width: 100%;
	display: flex;
	gap: 20px;
	margin-top: 20px;
	margin-bottom: 50px;
	padding-right: 27px;
}

.footer-buttons .btn-varaa a,
.footer-buttons .btn-soita a {
	margin: 0;
}

.button {
	transition: all .1s ease-out;
}

.button:focus,
.button:hover {
	background-color: #ffe742;
}

.button[href^=tel]:hover {
	background-color: #212121;
}

.footer-buttons .button {
	margin: 10px 10px;
}
/*
.entry-content a {
  border-bottom: 3px solid #fd0;
}
*/
.entry-content a.button {
	border-bottom: none;
}

.gform_confirmation_wrapper {
	margin-top: 30px;
	margin-bottom: 30px;
}

.gform_confirmation_wrapper div {
	font-weight: 600;
}

.post h2 {
	font-size: 1.6rem;
}

aside .nostoboxi h2 {
	font-size: 1.6rem;
	font-weight: 600;
}

/* SLIDE UP */

#slide-up {
	background: #fd0;
	height: 0px;
	padding-top: 0px;
	text-align: center;
	width: 100%;
	justify-content: center;
	transition: all 0.3s ease;
	overflow: hidden;
}

#slide-up p {
	font-weight: 600;
	padding-top: 18px;
}

#slide-up .btn {
	text-align: center;
	padding: 2px 30px;
	border: 2px solid #000;
	border-radius: 2px;
	display: inline-block;
	background: #fd0;
	margin-left: 15px;
	margin-top: 2px;
	color: #000;
	transition: all 0.2s ease;
	font-weight: 600;
}

/* SIVUT*/

/* Kiitos-sivu */

.page-id-2216 .list-img, .page-id-2437 .list-img {
	max-width: 250px;
}

.page-id-2216 .box-latest h5, .page-id-2437 .box-latest h5 {
	color: #000;
}

.page-id-2216 .listablogi .column,
.page-id-2437 .listablogi .column {
	float: left !important;
}

li.henkilo {
	width: 50%;
	display: block;
	position: relative;
	float: left;
	height: 300px;
	margin-bottom: 6px;
}

@media screen and (max-width: 460px) {
	li.henkilo {
		width: 100%;
		margin-left: -10px;
	}
}

@media screen and (min-width: 960px) {
	li.henkilo {
		width: 33%;
	}
}

.henkilo .kuva {
	max-width: 160px;
	margin: 0 auto;
}

.henkilo-text {
	height: 60px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.henkilo-text p.name {
	text-transform: uppercase;
	font-weight: 600;
	color: #4c4c4c;
	font-size: 13px;
	padding: 8px 0;
	text-align: center;
}

.henkilo-text p,
.henkilo-text .puh,
.henkilo-text .email {
	font-size: 13px;
	text-align: center;
	margin-bottom: 0;
}

#hero {
	min-height: 260px;
	margin-top: 0px;
}

#hero h4.img-h {
	font-weight: 600;
	color: #fff;
	font-size: 4.2rem;
	line-height: 4.1rem;
	color: #fff;
	padding-bottom: 40px;
	padding-top: 10%;
	padding-left: 20px;
}

@media screen and (max-width: 640px) {
	#hero h4.img-h {
		font-size: 3rem;
		line-height: 3rem;
		padding-top: 20%;
		text-align: center;
	}
	#slide-up {
		display: none !important;
	}
}

@media screen and (max-width: 460px) {
	#hero h4.img-h {
		padding-top: 25%;
		font-size: 2rem;
	}
}

#primary {
	margin-top: 3rem;
	font-size: 16px;
}

@media screen and (max-width: 640px) {
	#primary {
		margin-top: 1rem;
	}
}

/*

@media screen and (min-width: 900px) {
	#main.site-main {
		padding-right: 50px;
	}
}

@media screen and (min-width: 1100px) {
	#main.site-main {
		padding-right: 80px;
	}
}
*/

#primary .button-group {
	float: left;
}

#primary .btn-varaa,
#primary .btn-soita {
	margin-left: 0;
}

#primary h2 {
	font-weight: 600;
	font-size: 1.7rem;
}

#primary h1 {
	font-size: 2.2rem;
	font-weight: 600;
}

#primary h3 {
	font-size: 1.2rem;
	font-weight: 600;
}

#primary p a,
#primary li a,
#primary table a,
#secondary p a,
#secondary li a {
	border-bottom: 3px solid #fff08e;
	color: #000;
	font-weight: 400;
}

#primary p a:hover,
#primary li a:hover,
#primary table a:hover,
#secondary p a:hover,
#secondary li a:hover {
	border-bottom: 3px solid #ffdd00;
	color: #000;
	font-weight: 400;
	text-decoration: none;
}

#primary table tbody td,
table tbody th {
	padding: 1rem .625rem 1rem;
	font-weight: 600;
}

#primary table td:nth-child(2) {
	font-weight: 400;
}

#primary table tbody tr:nth-child(2n) {
	background-color: #f2f2f2;
}

#primary table tbody {
	border: none;
}

.page #main {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}

.single-post #main {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}

i.pt-i {
	width: 70px;
	height: 70px;
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	margin-right: 10px;
}

i.stetos {
	background-image: url('/wp-content/uploads/favicon.png');
}

i.pill {
	background-image: url('/wp-content/uploads/icon-pilleri.png');
}

i.tab {
	background-image: url('/wp-content/uploads/ico-tab-300x300.png');
}

i.heart {
	background-image: url('/wp-content/uploads/icon-sydan.png');
}

i.tube {
	background-image: url('/wp-content/uploads/icon-koeputki.png');
}

i.quote {
	background-image: url('/wp-content/uploads/ico-refe-300x300.png');
}

i.bag {
	background-image: url('/wp-content/uploads/ico_laukku-300x300.png');
}

i.sun {
	background-image: url('/wp-content/uploads/ico-sun-300x300.png');
}

i.clinic {
	background-image: url('/wp-content/uploads/ico_asema-300x300.png');
}

i.cash {
	background-image: url('/wp-content/uploads/ico-cash-300x300.png');
}

i.star {
	background-image: url('/wp-content/uploads/ico-star-300x300.png');
}

i.idea {
	background-image: url('/wp-content/uploads/ico_idea-300x300.png');
}


#primary .button-group {
	justify-content: flex-start;
	width: 100%;

}

/* ARTICLES */

.entry-meta {
	font-weight: 600;
	padding-bottom: 20px;
	font-size: 13px;
	color: #4c4c4c;
}

/* SIVUKOHTAISET TYYLIT*/

.page-id-218 #primary h2 {
	margin-top: 3rem;
	margin-bottom: 2rem;
}

.page-id-218 table td:first-child {
	width: 70% !important;
}

.page-id-218 table td:nth-child(2) {
	width: 30% !important;
}

.content-hinta {
	padding-left: 24px;
}

.rekry {
	padding-left: 20px;
}

.box-avoimet {
	padding: 40px;
	background-color: #f4f4f4;
}

.box-avoimet li {
	padding: 5px 0;
}

.box-avoimet a {
	color: #333;
	font-weight: 600;
}

.box-saat {
	border: 0px solid #ffdd00;
	border-radius: 2px;
	text-align: center;
	padding: 50px;
	min-height: 230px;
}

.box-saat h3 {
	max-width: 320px;
	margin: 10px auto;
}

.lainaukset {
	width: 100%;
	margin: 0 auto;
}

.lainaukset-row {
	margin-top: 30px;
}

.sanovat {
	padding-bottom: 30px;
}

.lainaukset .list-img {
	height: 150px;
	width: 150px;
	border-radius: 50%;
	background-position: center;
	background-size: contain;
	float: none;
	background-position: top !important;
	margin: 0 auto;
	display: block;
}

.lainaukset .sitaatti,
.lainaukset .nimi {
	padding-top: 0 !important;
	max-width: 450px;
	margin: 0 auto;
}

.lainaukset .box-sitaatit {
	margin-top: 0;
}

.kysy-lisaa {
	margin-top: 30px;
}

.kysy-lisaa img {
	max-width: 140px;
}

.rekry .box-uutiskirje {
	margin-bottom: 60px;
}

.site-info {
	padding-top: 50px;
}

.site-info h5 {
	font-weight: 600;
}

.site-info #menu-paavalikko-1 .sub-menu {
	display: none !important;
}

.site-info #menu-laakariasemat-1 > li > a {
	display: none;
}

.site-info #menu-laakariasemat-1 li {
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 0;
}

.site-info .sub-menu {
	margin-left: 0;
}

/* SIDE COLUMN */

.box-uutiskirje,
.box-yhteys {
	border: 1px solid #f4f4f4;
}

#secondary i.pt-i {
	width: 30px;
	height: 30px;
	text-align: center;
}

#secondary {
	padding-left: 40px;
	font-size: 15px;
	color: #333;
}

#secondary .gform_wrapper .top_label input.medium {
	width: 100%;
}

#secondary .button-group {
	float: none;
	display: inline-block;
}

#secondary .button-group .btn-varaa a,
#secondary .button-group .btn-soita a {
	margin: 0 10px 10px;
}

#secondary #gform_submit_button_7 {
	padding-left: 10px;
	padding-right: 10px;
}

#secondary h5 {
	font-weight: 600;
	color: #000;
}

.box-sitaatit {
	margin: 50px 0;
	padding: 10px 30px;
	text-align: center;
	color: #333;
}

.box-sitaatit .sitaatti {
	padding-top: 20px;
	margin-bottom: 0;
}

.box-sitaatit .nimi {
	padding-top: 4px;
	text-transform: uppercase;
	font-weight: 600;
	color: #4c4c4c;
	font-size: 13px;
}

@media screen and (max-width: 640px) {

	#secondary {
		display: inline-block;
		text-align: center;
		padding-left: 0;
	}
	#secondary .button-group {
		width: 100%;
		text-align: center;
	}
	#secondary .box-yhteys {
		margin-top: 60px;
		display: inline-block;
		text-align: left;
	}

	#secondary .box-uutiskirje {
		display: inline-block;
		max-width: 380px;
	}

	#secondary h5 {
		font-weight: 600;
	}
}




/* HEADER & NAV */

.button {
	padding: 1.16em 1em 1em;
	padding-right: 2rem;
	display: inline-block;
}

.button-group {
	float: right;
}

.btn-yhteys {
	float: left;
}

.btn-yhteys nav {
	display: block;
}

.btn-yhteys .navbar-expand-md .navbar-collapse {
	display: flex !important;
}

.topnav-group {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f4f4f4;
	width: 100%;
}
.topnav-group .navbar {
	max-width: 75rem;
	margin: 0 auto;
}
.topnav-group .navbar-toggler, 
.topnav-group .navbar-expand-md .navbar-nav .nav-link {
	padding-top: 3px;
	padding-bottom: 3px;
}

.topnav-group .navbar-collapse {
	width: 100%;
	justify-content: flex-end;
}

#bs-example-navbar-collapse-1 {
	background: #ffdd00;
}

@media screen and (max-width: 767px) {
	.btn-yhteys .navbar-expand-md .navbar-collapse {
		display: block !important;

	}
	.btn-yhteys,
	.btn-varaa,
	.btn-soita {
		float: none;
		margin: 0 auto;
		vertical-align: top
	}
	.button-group {
		vertical-align: top
	}
	.button-group > * {
		flex-grow: 1;
	}
	.button-group > * > a.button {
		width: 100%;
		font-size: .8rem;
	}
	.button-group > * > a.button:after {
		top: 7px;
	}
	.site-header .top-right .button-group .buttons-container {
		min-width: unset !important;
	}

	.topnav-group .navbar-nav {
		flex-direction: row;
		margin: 0;
		padding: 0 15px;
		justify-content: space-between;
	}

	.site-header .topnav-group .navbar-expand-md .navbar-nav .nav-link {
		font-size: 0.8rem;
		padding: 4px;
	}

	body #menu-paavalikko {
		min-width: unset;
		padding-bottom: 20px;
	}
}

.btn-yhteys,
.btn-varaa,
.btn-soita {
	display: flex;
}

.button-group {
	display: flex;
	justify-content: flex-end;
}

.btn-yhteys a.nav-link {
	border: 2px solid #fd0;
	background: #fff;
	text-align: center;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	padding-right: 1em;
	box-sizing: border-box;
	font-family: "Gotham Rounded A", sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: .88rem;
}

.btn-yhteys .dropdown-toggle::after {
	display: none;
}

.button[href^=tel] {
	border: 0px solid #000;
}

.button.yhteys:after {
	content: none;
}

.button:after {
	top: 5px;
}

.navbar-nav .dropdown-menu {
	position: absolute;
	margin-top: -3px;
}

@media (min-width: 1138px) {
	.navbar-nav .menu-item-2079 .dropdown-menu {
		right: 0;
		/*left: -160px;*/
	}
}

.btn-yhteys,
.btn-varaa,
.btn-soita {
	font-size: .88rem;
}

.btn-varaa {
	margin: 0;
}

.btn-soita {
	white-space: nowrap;
}

.button:after {
	transform: scale(0.7);
	top: 4px;
}

.site-header .top-right .button-group {
	margin-top: 15px;
}

.site-header .top-right .button-group .buttons-container {
	gap: 15px;
	margin-top: 10px;
	min-width: 430px;
}

.site-header .top-right .button-group .buttons-container .btn-varaa,
.site-header .top-right .button-group .buttons-container .btn-soita {
	flex-grow: 1;
}

.site-header .top-right .button-group .buttons-container .btn-varaa a,
.site-header .top-right .button-group .buttons-container .btn-soita a {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.topnav-group {
		display: none;
		text-align: center;
	}
	.top-right,
	.top-left {
		width: 100% !important;
		text-align: center;
	}
	.button-group {
		float: none;
		margin: 0 auto;
	}
	.top-left {
		padding-bottom: 10px;
	}
	.top-right {
		padding-bottom: 26px;
	}
	header .button {
		margin-right: 5px !important;
	}
	.navbar {
		justify-content: flex-end;
	}
}

@media screen and (max-width: 640px) {
	header .button {
		margin: 0 auto;
	}


}

@media screen and (min-width: 767px) {
	.site-branding .site-title,
	.site-branding .site-description {
		margin-left: 0 !important;
		text-align: left;
	}
}

.site-branding .site-description {
	letter-spacing: .16125rem;
	margin-top: 5px;
	color: #000 !important;
}

@media screen and (max-width: 1140px) {
	.site-branding .site-description {
		font-size: .85rem;
		font-weight: 700;
		letter-spacing: .17125rem;
	}
}

.navbar-nav .nav-link {
	font-size: 0.94rem;
}

@media screen and (max-width: 767px) {

	.site-header {
		padding-top: 20px !important;
	}

	.site-branding .site-description {
		font-size: .7rem;
		letter-spacing: 0.12rem;
	}
	.hidden-sm-down {
		display: none !important;
	}

	.button-group .button,
	.button-group .btn-yhteys a.nav-link {
		font-size: .7rem;
	}

	.button-group .button:after {
		font-size: 1.7rem;
	}

	.site-branding {
		padding: 1rem;
		padding-bottom: 0;
		padding-top: 10px;
	}

	.site-header .top-right .button-group {
		margin-top: 10px;
	}

	.site-header .top-right .navbar-nav {
		flex-direction: row;
	}

	.site-header .top-right .button-group .buttons-container {
		width: 100%;
		gap: 4px;
	}

	.site-header .top-right .button-group .buttons-container a {
		margin: 0 !important;
	}

	.navbar-collapse:not(.show):not(.collapsing) {
		display: none !important;
	}
}

/* DROPDOWN BTN */

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown ul {
	margin-left: 0;
}


.dropdown-content {
	/*display: none;*/
	position: absolute;
	background-color: #f9f9f9;
	min-width: 200px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
	padding: 0;
	z-index: 1;
	text-align: left;
}

.dropdown-content.yhteys-content {
	margin-top: 10px;
}


.dropdown-menu {
	width: fit-content !important;
}

.dropdown-menu li {
	width: auto !important;
	min-width: 100%;
}

.dropdown-menu li a {
	white-space: normal;
	min-width: 100%;
	width: max-content !important;
	max-width: 22rem;
}

@media screen and (max-width: 640px) {
	.dropdown-menu {
		min-width: 200px;
		max-width: 95%;
	}
	.dropdown-item {
		white-space: normal;
	}
}

.btn-yhteys .navbar-nav {
	display: inline-block;
	margin: 0 auto;
}

.btn-yhteys .dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .455em;
	vertical-align: .18em;
	content: "";
	border-top: .25em solid;
	border-right: .25em solid transparent;
	border-bottom: 0;
	border-left: .25em solid transparent;
}

.dropdown li {
	padding: 0;
	width: 100%;
}

.dropdown li a {
	padding: 10px 30px;
	color: rgba(0, 0, 0, 0.8);
	width: 100%;
	display: inline-block;
}


.dropdown li a:hover {
	background: #f2f2f2;
	text-decoration: none;
}

.dropdown:hover .dropdown-content {
	display: block;
}



#menu-item-19 ul .menu-item:first-child:before {
	content: 'LÄÄKÄRILLE';
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1px;
	color: #8d8d8d;
	padding: 6px;
	vertical-align: sub;
	padding-left: 14px;
}

#menu-item-19 ul .menu-item:nth-child(7):before {
	content: 'HOITOKOKONAISUUDET JA TOIMENPITEET';
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1px;
	color: #8d8d8d;
	padding: 6px;
	vertical-align: sub;
	padding-left: 14px;
}

/* Lääkärikäynti */

#menu-item-19 ul .menu-item:last-child a {
	font-weight: 600;
}

/* Hoitajakäynti */

#menu-item-2011 ul .menu-item:last-child a {
	font-weight: 600;
}

/* Todistukset ja lausunnot */

#menu-item-376 ul .menu-item:last-child a {
	font-weight: 600;
}

/* Rokotukset */

#menu-item-375 ul .menu-item:last-child a {
	font-weight: 600;
}

/* Modify navbar */

@media screen and (min-width: 640px) {
	#menu-paavalikko > li:nth-last-child(1),
	#menu-paavalikko > li:nth-last-child(2),
	#menu-paavalikko > li:nth-last-child(3) {
		display: none;
	}
}

#menu-paavalikko {
	min-width: 600px;
	justify-content: space-between;
}

#menu-paavalikko > li:nth-last-child(3) {
	margin-top: 20px;
}

.navbar-toggler {
	border: 0px;
	color: rgba(0, 0, 0, 0.8);
}

.navbar-collapse {
	width: 100%;
	justify-content: center;
}

.navbar {
	padding: 0px;
}

.navbar-toggler,
.navbar-expand-md .navbar-nav .nav-link {
	padding: 12px 15px;
	color: rgba(0, 0, 0, 0.8);
}

.navbar-expand-md .navbar-nav .nav-link:hover {
	background: rgba(255,255,255,.2);
}

span.valikko {
	font-family: "Gotham Rounded A", sans-serif;
	padding-right: 10px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.8);
}

.navbar .fa-bars {
	color: rgba(0, 0, 0, 0.8);
}

.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .455em;
	vertical-align: .18em;
	content: "";
	border-top: .25em solid;
	border-right: .25em solid transparent;
	border-bottom: 0;
	border-left: .25em solid transparent;
}

/* FRONT PAGE */

#menu-item-2110 > a {
	display: none;
}

#menu-item-2110 a {
	border-bottom: none !important;
}

#menu-item-2110 li {
	padding-top: 8px;
}

#menu-item-2110 a:hover {
	opacity: 0.9;
}

#menu-item-2110 ul li:before,
.box-avoimet ul li:before {
	display: inline-block;
	content: '';
	position: static;
	border-right: 3px solid #ffdd00;
	border-bottom: 3px solid #ffdd00;
	width: 6px;
	height: 6px;
	top: calc(50% - 4px);
	left: -20px;
	transform: translateY(-50%) rotate(-45deg);
	margin-right: 8px;
}

.sub-menu {
	list-style: none;
}

#hero .nostoboxi h2 {
	font-size: 2.2rem;
	opacity: .8;
	font-weight: 600;
	text-transform: none;
	font-family: "Gotham Rounded A";
}

.page-id-2 #hero {
	min-height: 360px;
}

.page-id-2 #hero h1 {
	font-weight: 600;
	font-size: 4.2rem;
	line-height: 4.1rem;
	color: #fff;
	margin-top: 36%;
	padding-bottom: 40px;
	padding-left: 50px;
}

.page-id-2 .content-intro p:first-child {
	font-weight: 600;
}

.page-id-2 .entry-content {
	padding-left: 50px;
	padding-right: 50px;
}

.page-id-2 .content-intro h2 {
	margin-bottom: 1rem;
	font-size: 17px !important;
	line-height: 1.6;
	text-rendering: optimizeLegibility;
	font-weight: 600;
}

.hero-layer {
	width: 100%;
	height: auto;
	min-height: 260px;
	background-image: linear-gradient(to bottom, rgba(256, 256, 256, 0.0), rgba(60, 60, 60, 0.2));
}

@media screen and (max-width: 767px) {
	.page-id-2 #hero h1 {
		display: none;
	}
	.page-id-2 .entry-content {
		padding-left: 20px;
		padding-right: 20px;
	}
	.page-id-2 .hero-layer {
		background-image: none;
	}
}

@media screen and (min-width: 1108px) {
	.etuots {
		display: none;
	}
	.page-id-2 #hero h1 {
		padding-left: 0px;
	}
}

.box-yhteys {
	background: #f8f8f8;
	background-image: url('../perusterveys/dist/assets/img/puolipinni.png');
	border-radius: 2px;
	padding: 40px 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
}

.box-yhteys h5 {
	font-size: 1.16rem;
	font-weight: 600;
}

.box-yhteys .sub-menu {
	margin-left: 0;
}

@media screen and (max-width: 640px) {
	#primary .button-group {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.box-uutiskirje {
		max-width: 380px;
		margin: 0 auto;
	}
}

.etusivu-otsikko h2 {
	text-align: center;
	display: block;
	margin: 0 auto;
	padding-top: 30px;
}

.box-suositut {
	background: #fd0;
	padding: 30px;
	border-radius: 2px;
	margin-top: 30px;
}

.box-suositut h3 {
	text-align: center;
	padding: 10px 0;
}


.box-suositut p {
	text-align: center;
	font-weight: 400;
}

.box-suositut a.btn,
.site-footer a.btn {
	text-align: center;
	padding: 10px 30px;
	border: 2px solid #000;
	border-radius: 2px;
	margin: 0 auto;
	display: block;
	max-width: 230px;
	background: #fd0;
	transition: all 0.5s ease;
}

.site-footer a.btn {
	margin: 20px 0;
	font-weight: 600;
	text-transform: uppercase;
	width: 180px;
}

.box-suositut a:hover,
.site-footer a.btn:hover {
	text-decoration: none !important;
	transform: scale(1.02);
	transition: all 0.5s ease;
}



.content-intro {
	font-size: 1.1rem;
}

.s-4 {
	margin-top: 30px;
}

.box-uutiskirje {
	margin-top: 30px;
	background: #f8f8f8;
	border-radius: 2px;
	padding: 30px;
}

.box-uutiskirje .intro {
	font-weight: 600;

}

.box-uutiskirje .c-20 {
	width: 20%;
	float: left;
}

.box-uutiskirje .c-80 {
	width: 90%;
}

@media screen and (max-width: 1146px) {
	.box-uutiskirje .c-20 {
		width: 100%;
		text-align: center;
	}

	.box-uutiskirje .c-80 {
		width: 100%;
		text-align: center;
	}
}

.box-latest {
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 30px;
}

.listablogi {
	margin-bottom: 20px;
	margin-left: 0 !important;
	margin-right: 0 !important;
	display: flex;
	flex-direction: column;
	flex-basis: calc(33.333% - 30px * 2 / 3);
}

.listablogi h5 {
	font-size: 1.2rem;
    font-weight: 600;
	text-align: center;
}

.listablogi .listakuva {
	width: 100%;
	padding: 0;
}

.listablogi .list-img {
	aspect-ratio: 2 / 1;
	width: 100%;
	background-position: center;
	background-size: cover;
}

.listablogi .list-img:hover {
	opacity: .9;
}

.listablogi .content-column {
	width: 100%;
	padding: 20px 30px;
	background-color: #f8f8f8;
	flex-grow: 1;
	transition: all 0.3s ease;
}

.listablogi .content-column:hover {
	text-decoration: none !important;
}

.listablogi:hover .content-column {
	background-color: #ffdd00;
}

@media screen and (max-width: 1000px) {
	.listablogi {
		flex-basis: calc(50% - 30px * 2 / 2);
	}
}

@media screen and (max-width: 640px) {
	.listablogi {
		flex-basis: 100%;
	}
}

#tarjoukset {
	float: unset;
	margin-left: auto;
	margin-right: auto;
}

.s-5 {
	margin: 20px auto 10px;
}

.box-refe .sitaatti {
	padding-top: 22px;
	padding-right: 20px;
}

.box-refe .nimi {
	font-size: .9rem;
}


/* FORMIT */

[type=checkbox],
[type=file],
[type=radio] {}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
	margin: 0;
	margin-top: -4px !important;
}

.gform_wrapper label.gfield_label {
	font-weight: 400 !important;
}

.gform_wrapper span.gform_description {
	font-weight: 600 !important;
}

p.txt-tietosuoja {
	font-size: .9rem;
}

.gform_button.button {
	background: #00A2FF;
	color: #ffff;
	border-radius: 2px;
	text-align: center;
	padding: 12px 40px;
}

@media screen and (max-width: 380px) {

	.box-uutiskirje .gform_button.button {
		padding: 12px 10px;
		font-size: .9em;
	}

}

.gform_button.button:hover {
	background: #30b3ff;
}

/* Ota yhteyttä -form */

.gform_wrapper.gf_browser_chrome select {
	padding: 2px 26px 2px 3px !important;
	width: 100%;
}

#contact-modal {
	padding: 40px 30px;
}

#input_2_10 {
	width: 100%;
}

#gform_widget-2 h4.widget-title {
	text-transform: none;
	font-weight: 600;
}

/* LÄÄKÄRI OMENASSA -SIVU */

.page-id-1753 h1.entry-title {
	display: none !important;
}

@media screen and (min-width: 640px) {
	.show-mobile {
		display: none !important;
	}
}

@media screen and (max-width: 880px) {
	.page-id-1753 #hero {
		background-image: url(https://perusterveys.fi/wp-content/uploads/iso-omena-herokuva2.jpg) !important;
		background-size: contain;
		background-position: 0%;
	}
	#hero.sub {
		height: 200px;
	}
}

.page-id-1753 h1 {
	font-size: 2.0rem !important;
}

.page-id-1753 #gform_7 {
	display: none;
}

.page-id-1753 form {
	padding: 30px;
	border: 4px dashed #fd0;
}

.nostoboxi {
	display: none;

}