:root {
	--harmaa: #8c827a;
}
@font-face {
  font-family: "HurmeGeometricSans3-Regular";
  src: url('/wp-content/themes/neve-child/fonts/HurmeGeometricSans3Regular/font.woff2') format('woff2'), url('/wp-content/themes/neve-child/fonts/HurmeGeometricSans3Regular/font.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: "HurmeGeometricSans3-Bold";
  src: url('/wp-content/themes/neve-child/fonts/HurmeGeometricSans3Bold/font.woff2') format('woff2'), url('/wp-content/themes/neve-child/fonts/HurmeGeometricSans3Bold/font.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: "HurmeGeometricSans3-Light";
  src: url('/wp-content/themes/neve-child/fonts/HurmeGeometricSans3Light/font.woff2') format('woff2'), url('/wp-content/themes/neve-child/fonts/HurmeGeometricSans3Light/font.woff') format('woff');
  font-display: swap;
}
html {
   font-size: 20px!important;
   font-family: 'HurmeGeometricSans3-Regular';
}
body {
    font-size: 1rem!important;
}
a {
	font-family: "HurmeGeometricSans3-Bold";
}
span, p {
  font-size: 1rem;
  font-family: 'HurmeGeometricSans3-Regular';
}
h1, h2, h4, h5, h6 {
	font-family: 'HurmeGeometricSans3-Bold';
}
.oletuslohko h2 {
	font-size: 3.75rem;
	font-family: 'HurmeGeometricSans3-Bold';
}
h3 {
	font-family: 'HurmeGeometricSans3-Light'!important;
	font-weight: 300!important;
}
.black-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.4);
	z-index: 2;
	margin-left: 0rem!important;
	margin-right: 0rem!important;
	padding-left: 0rem!important;
	padding-right: 0rem!important;
}
.btn-1 {
	background-color: white;
	border-radius: 2rem;
	padding: 1rem 1.25rem;
	color: black;
	text-transform: uppercase;
	font-size: 0.7rem;
	text-decoration: none!important;
	font-weight: bold;
	display: inline-block;
	letter-spacing: 1px;
}
.btn-1:hover {
	color: black;
}

/******* LOHKOT *******/

	.oletuslohko h2 {
		color: #005CB9;
		word-break: break-word;
	}
	.oletuslohko h3 {
		font-size: 1.6rem;
		margin-bottom: 2rem;
		word-break: break-word;
	}
	.oletuslohko h4 {
		font-family: "HurmeGeometricSans3-Bold";
		font-size: 1rem;
	}
	.oletuslohko ul {
		/*
		border-left: 3px solid #005CB9;
		*/
		padding-left: 1rem;
		margin-bottom: 1rem;
	}
	.oletuslohko li {
		font-family: "HurmeGeometricSans3-Regular";
		/*
		border-bottom: 1px solid #005CB9;
		*/
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
	.oletuslohko ul li:before {
	  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	  color: #005CB9; /* Change the color */
	  font-weight: bold; /* If you want it to be bold */
	  display: inline-block; /* Needed to add space between the bullet and the text */
	  width: 1rem; /* Also needed for space (tweak if needed) */
	  margin-left: -1rem; /* Also needed for space (tweak if needed) */
	  font-size: 30px;
	}
	.oletuslohko strong {
		font-family: "HurmeGeometricSans3-Bold";
	}


	.ajankohtaiset-tiedotteet .section {
		width: 100%;
		background-color: #005CB9;
		text-align: center;
	}
	.ajankohtaiset-tiedotteet .section h3 {
		color: white;
		margin-bottom: 0rem;
		text-transform: uppercase;
		font-family: 'HurmeGeometricSans3-Regular';
		font-weight: 400;
		font-size: 1.6rem;
	}
	.ajankohtaiset-tiedotteet .section a {
		color: white;
		border: 1px solid white;
		border-radius: 2rem;
		padding: 0.75rem 5rem;
		text-transform: uppercase;
		font-size: 0.7rem;
		letter-spacing: 1px;
		display: inline-block;
	}
	.ajankohtaiset-tiedotteet .otsake {
		font-weight: bold;
		font-size: 1rem;
		font-family: "HurmeGeometricSans3-Bold";
		font-weight: 700;
	}
	.portfolio-tiedotteet .section {
		width: 100%;
		background-color: #009845;
		text-align: center;
		min-height: 104px;
	}
	.portfolio-tiedotteet .section h3 {
		color: black;
		margin-bottom: 0rem;
		text-transform: uppercase;
		font-weight: 400;
		font-family: 'HurmeGeometricSans3-Regular';
		font-size: 1.6rem;
	}
	.portfolio-tiedotteet .section a {
		color: black;
		border: 1px solid black;
		border-radius: 2rem;
		padding: 0.75rem 5rem;
		text-transform: uppercase;
		font-size: 0.7rem;
		letter-spacing: 1px;
		display: inline-block;
	}
	.portfolio-tiedotteet .otsake {
		font-weight: bold;
		font-size: 1rem;
		font-family: "HurmeGeometricSans3-Bold";
		font-weight: 700;
	}
	.ajankohtaista .tiedote-contents {
		
	}
	.ajankohtaiset-tiedotteet {
		padding-right: 0.25rem;
	}
	.portfolio-tiedotteet {
		padding-left: 0.25rem;
	}
	.ajankohtaista .tiedote-contents div, .portfolio-tiedotteet .tiedote-contents {
		width: 100%;
	}
	.ajankohtaista .portfolio-tiedotteet .tiedote-contents div:hover {
		opacity: 0.8;
	}
	.ajankohtaista .tiedote-contents p {
		margin-bottom: 0rem;
	}


	@media (max-width: 1454px) {
		.portfolio-tiedotteet .section h3 {
			font-size: 1.3rem;
		}
	}

	.cta_item {
		position: relative;
		min-height: 640px;
		display: flex;
		align-items: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: black;
	}
	.cta_item .inner {
		z-index: 3;
		position: relative;
	}
	.cta_item h3 {
		color: white;
		font-size: 1.6rem;
		font-family: 'HurmeGeometricSans3-Regular';
		font-weight:400;
	}

@media (max-width: 1000px) {

	html {
		font-size: 99%!important;
	}

}

@media (max-width: 620px) {

}

.menu-open {
	filter: brightness(0) invert(1);
}
.menu-close {
	filter: brightness(0) invert(1);
}



.footer {
    background-color: black;
    color: white;
}
.footer p {
    font-size: 0.7rem;
}
.footer h4 {
    font-weight: bold;
    font-size: 1rem;
}
.footer a {
    color: white;
}