/* YHTEYSTIEDOT 2026 */
.contact-page-container {
    margin: 0 auto;
    padding: 3rem 0;
    font-family: 'Lora', serif;
}

.form-wrapper {
    max-width: 68%; /* Desktop: max 70% ruudun leveydestä */
    margin: 0 auto;
    margin-top: 6rem;
}

@media (max-width: 900px) {
    .contact-page-container {
        padding: 2rem 0;
    }
    
    .form-wrapper {
        max-width: 95%; /* Desktop: max 65% ruudun leveydestä */
    }

}

/* CV:n --- OTSIKKO JA JOHDANTO --- */
.contact-header {
    text-align: center;
    margin-bottom: 3rem;
}


/* YHTEYSTIEDOT  OLD */
.inline2 {
	width: 100%;
	display: inline-block;
}

/* yhteystiedot OLD kuva */
.size-large2 {
	width: 50%;
	display: block;
	margin: 0 auto;
}

@media all and (max-width: 450px) {
		/* all iphones ?...*/
	.size-large2 {
		width: 100%;
		margin: 0 auto;
	}
}

@media all and (min-width: 470px) {
	.size-large2 {
		width: 80%;
		margin: 0 auto;
	}
}

@media all and (min-width: 540px) {
	.size-large2 {
		width: 70%;
		margin: 0 auto;
	}
}

@media all and (min-width: 700px) {
	.size-large2 {
		width: 55%;
		margin: 0 auto;
	}
}

@media all and (min-width: 700px) and (min-height: 800px) {
	/* ipad mini */
	.size-large2 {
		width: 100%;
		margin: 0 auto;
	}

}

@media all and (min-width: 1024px) and (min-height: 768px) {
	/* ipad pro landscape */
	.size-large2 {
		width: 80%;
		margin: 0 auto;
	}
}

/* CV */
.cv_margin {
	margin-left: 10px;
    padding-right: 10px;
}


.inline2 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.cv_master {
	font-family: 'Montserrat', sans-serif;
	margin: 30px 0;
/*	font-weight: 500;*/
	font-size: 1rem;
	display: block;
	margin-block-start: 1.67em;
	margin-block-end: 1.67em;
	margin-inline-start: 0;
	margin-inline-end: 0;
	text-align: left;
}


.two { width: 640px;}
.one2 {	width: 150px;}
.one {	
    width: 90px;
    margin: 0px 10px 0px 0px;
}


@media screen and (max-width: 768px) {
	.one {	
		margin: 0px 15px 0px 0px;
	}

	.mobile_viiva {
		margin-right: 8px;
	}
}


@media (min-width: 790px) {
	.inline {
		width: 600px;
		margin: 0 auto;
	}
}

@media (min-width: 1000px) {
	.inline {
		width: 850px;
	}
	.two {
		width: 795px;
	}
	.one {
		width: 95px;
	}
}

@media (min-width: 1900px) {
	.inline {
		width: 1200px;
	}
	.two {
		width: 1100px;
	}
	.one {
		width: 100px;
	}
}

@media (min-width: 2400px) {
	.inline {
		width: 1400px;
	}

	.two {
		width: 1250px;
	}

	.one {
		width: 150px;
	}
}

/* etusivun kuvia */
.size-large {
	display: block;
	height: auto;
	width: 100%;
    margin: 0 auto;
}

.cv_kuva {
   	display: block;
	height: auto;
	margin: 0 auto;
	position: relative;
	width: 400px;
}

/*Container CV*/
.cv_container_tip {
    margin-top: 6rem;
	position: relative;
	user-select: none;
}

.cv_container_tip::after, .cv_container_tip::before {
	content: '';
	display: table;
	clear: both;
}

/* Tooltip */

.wrapper_tip {
	max-width: 900px;
}

#lopputeksti {
	margin: 0 auto;
	display: flex;
	/*float: left; 2022*/
}

.lopputeksti {
	margin: 0 auto;
	display: flex;
	float: left;
}

div.tooltip_limit_space_back {
    display: inline-block !important;
}

/*Tooltip text*/
div.tooltip_tip {
	cursor: pointer;
	/*display: flex;*/
	display: inline;
	/*max-width: 256px;*/
	position: relative;
	color: #00b4ab;
	margin: 1px 3px 0px 0px;
	z-index: 99;
}

div.tooltip_tip_mobile {
	cursor: pointer;
	display: inline-block;
	/*max-width:256px;*/
	position: relative;
	color: #00b4ab;
	margin: 1px 3px 0px 0px;
	z-index: 99;
}

.tooltip-text_tip {
	/*left: -50%;*/
}

.tooltip-text_tip, .tooltip-text_tip_mobile {
	font-family: "Open Sans", sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	visibility: hidden;
	/* leveys!! */
	max-width: 99%;
	background-color: #00b4ab;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	padding: 10px 20px;
	position: absolute;
	z-index: 102;
	left: 0%;
	margin-left: 0;
	opacity: 0;
	transition: .3s;
	transform: translate3d(0px, 20px, 0px);
}

.new_line_tool_tip {
	display: block !important;
	width: fit-content;
}

.container-tooltip {
	padding:20px;
}

@media screen and (max-width: 767px) {
	.tooltip-text_tip {
		border-radius: 5px;
		padding: 3px 6px;
	}

	.container-tooltip {
		padding: 0;
	}
}

.bottom78 {bottom: 78%;	}
.bottom61 {bottom: 61%;	}
.bottom1 {bottom: 90%;	}
.bottom1b {bottom: 91%;	}
.bottom2 {bottom: 70%;	}
.bottom3 {bottom: 50%;	}
.bottom44 {bottom: 44%;	}
.bottom4 {bottom: 31%;	}
.bottom25 {bottom: 25%;	}
.bottom5 {bottom: 93%;	}
.bottom87 {bottom: 87%;	}
.bottom89 {bottom: 89%;	}
.bottom6 {bottom: 73%;	}

@media screen and (max-width: 767px) {
	.bottom1 {bottom: 90%;	}
	.bottom2 {bottom: 73%;	}
	.bottom3 {bottom: 51%;	}
	.bottom4 {bottom: 31%;	}
}

.no_touch .tooltip_tip:hover ~ .tooltip-text_tip {
		cursor: pointer;
		visibility: visible;
		opacity: 1;
		transform: translate3d(0px, 0px, 0px);
}

.no_touch .tooltip_tip:focus ~ .tooltip-text_tip {
	cursor: pointer;
	visibility: visible;
  	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}


.show_tooltip_div_js {
	cursor: pointer !important;
	visibility: visible !important;
  	opacity: 1 !important;
	transform: translate3d(0px, 0px, 0px) !important;
}