@import url('https://fonts.googleapis.com/css2?family=Reddit+Sans+Condensed:wght@200..900&display=swap');

/*VÄRIT*/
/*
VIHREÄ TUMMA = #056932
VIHREÄ VAALEA = #00c382
PUNAINEN = #bf1e2e var(--color1)
PUNAINEN KIRKAS (TÄPLÄT) = #ff5a16
PINKKI = #ffb7c4 var(--color2)
KELTAINEN = #fef201 var(--color3)
SININEN TUMMA = #1e3794
*/

/* Hide flags */
body:not(.muokkaustila) .flags {display:none;}

/*FONTIT*/

h1, h2, h3, h4, h5, h6, body, .site-main .btn {
	font-family: "Reddit Sans Condensed", sans-serif;
}
h1, h2, .site-main .btn {
	font-weight: 700;
	text-transform: uppercase;
}
h3, h4 {
	font-weight: 600;
}
h5, h6 {
	font-weight: 400;
}

h1, h2 {
	font-size: 4rem;
}
.hedis h1 {
	font-size: 3rem;
}
.cb-haku h2, h3 {
	font-size: 2rem;
}
h4 {
	font-size: 1.5rem;
}
body {
	font-size: 1.125rem;
}

/*NAPIT*/

.site-main .btn {
	font-size: 1.25rem;
	padding: 0.6rem 1.8rem;
}
.btn:focus, .btn.focus {
    box-shadow: none;
}

/*SECTIONS*/

.hero-section {
	padding: 8rem 5% 8rem !important;
  	background: var(--color2);
}
.content-section {
	padding: 8rem 5%;
	position: relative;
	z-index: 1;
}
section .container {
	max-width: none;
}
.haku-section,
.haku-section .content-section {
	padding: 0!important;
}
.half-section,
.half-section .content-section:not(.news1) {
	padding: 0!important;
}

/*NAVI*/

body[data-mmenu="10000"].mob-blur #header:before {
	display: none;
}
body[data-mmenu="10000"].mob-blur .site-header__top {
	display: none;
}
#header {
	padding: 0 5% 0;
	position: relative;
	top: 5rem;
}
.nav-logocenter__gradient .site-header:before {
	display: none;
}
.nav-logocenter__gradient .site-header__logo {
    max-width: 400px;
	transform: translate(-50%, 20px);
}
#header.sticky {
    position: relative;
	top: 5rem;
}
.mob-blur .site-header__bottom svg {
    color: var(--color1);
}
.mob-blur .site-header__bottom svg:hover {
    color: var(--color5);
}
.mobile-menu__bars {
	padding-right: 0;
}
.date-pic {
	position: absolute;
	transform: translateY(15px);
}
.nav-logocenter__gradient .site-header {
	position: absolute;
}
#mobile-buttons {
	display: none;	
}
.date-pic img {
    max-width: 256px;
}

.dates {
	color: var(--color1);
	font-weight: 700;
	font-size: 1.5rem;
}

.site-header__logo img:last-child {
	display: none;
}

/*NAPIT*/
.btn.btn-switcher-primary {
	color: var(--color1)!important;
    border-color: var(--color2)!important;
    background-color: var(--color2)!important;
}

.btn.btn-switcher-primary:hover {
	color: var(--color2)!important;
    border-color: var(--color2)!important;
    background-color: var(--color1)!important;
}

.btn.btn-switcher-primary:after {
  content: " \00BB"; /* Unicode-merkintä » -merkille */
  color: var(--color1); /* Muuta väriä tarpeidesi mukaan */
}

.btn.btn-switcher-primary:hover:after {
  content: " \00BB"; /* Unicode-merkintä » -merkille */
  color: var(--color2); /* Muuta väriä tarpeidesi mukaan */
}

.btn.btn-switcher-secondary {
	color: var(--color2)!important;
    border-color: var(--color1)!important;
    background-color: var(--color1)!important;
}

.btn.btn-switcher-secondary:hover {
	color: var(--color1)!important;
    border-color: var(--color1)!important;
    background-color: var(--color2)!important;
}

.btn.btn-switcher-secondary:after {
  content: " \00BB"; /* Unicode-merkintä » -merkille */
  color: var(--color2); /* Muuta väriä tarpeidesi mukaan */
}

.btn.btn-switcher-secondary:hover:after {
  content: " \00BB"; /* Unicode-merkintä » -merkille */
  color: var(--color1); /* Muuta väriä tarpeidesi mukaan */
}

/*MAIN CONTENT*/

#main-content .content-section:has(.white-bg) {
	background: var(--color4);
}

#main-content {
	background: var(--color2);
	position: relative;
	overflow: hidden;
}
#main-content h1, #main-content h2 {
	color: var(--color1);
}
#main-content h3, #main-content h4 {
	color: var(--color5);
}
#main-content .hero-slider__text-content h2 {
	color: var(--color1)!important;
	font-size: clamp(2rem, 5vw, 7rem);
	margin-bottom: 0;
}
.sivu64 #main-content .hero-slider__text-content h2 {
  	font-size: clamp(2rem, 6vw, 9rem); /*Pelkkä kielikäännöksen säätö yllä oleva sääntö hakee etusivulle(.sivu1) fontin koon*/
}
#main-content .hero-slider__text-content p {
	margin-bottom: 0;
}
#main-content .hero-slider__container {
	max-width: none!important;
	padding: 0;
	position: relative;
}
.videoheroleft .hero-slider__text-content_inner {
    width: 100%;
}
.hero-slider__item.height-100 {
    height: calc(100vh - 16rem) !important;
	min-height: 550px;
}
.hero-slider__overlay {
	background-color: rgba(255,255,255,0.3);
}
#main-content .hero-slider__text-content {
	max-width: none;
	padding: 0rem 5% 0rem 5%;
	position: absolute;
	margin-top: 0;
    bottom: 0;
	left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
	opacity: 0;
	animation: 2s ease-in 1s forwards heroText;
}
.hedis {
	flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}
.hedis-text {
	flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}
.editor-content__row:has(.hedis) {
	margin-left: -30px;
	margin-right: -30px;
}
.bg-image {
	position: absolute;
	z-index: 0;
	height: auto;
	transition: opacity 3.5s;
	opacity: 1;
}
.sivu1 .bg-image, .sivu64 .bg-image {
	opacity: 0;
}
.sivu1 .bg-image.visible, .sivu64 .bg-image.visible  {
	opacity: 1;
}

.logo-kuva, .hero-dates {
	display: none;
}

#main-content a:not(.btn) {
	color: var(--color5);
}
#main-content a:not(.btn):hover {
	color: var(--color1);
}

/*RAVINTOLAT*/

.gal-elem {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	text-align: center;
}

.gal-elem img {
	object-fit: contain;
}

.logo-section h2 {
	text-align: center;
	color: #1e3794;
	margin-bottom: 3rem;
}

#main-after:has(.logo-section) {
	background: var(--color2);
	position: relative;
	overflow: hidden;
}

.logo-section .row {
	gap: 2rem 0;
}

.food-text {
    margin-top: 1rem;
}


/*CONTENT BOTTOM*/

#content-bottom {
	background: var(--color2);
	position: relative;
	overflow: hidden;
}
#content-bottom h2 {
	color: #1e3794;
}
.full-hedis {
	padding: 0;
}
.cb-haku {
	padding: 8rem 10%;
}
#ravintola {
	padding: 0;
	position: relative;
	overflow: hidden;
}
#juontaja {
	background: #056932;
	color: var(--color4);
	padding: 0;
	position: relative;
	overflow: hidden;
}
#juontaja h2 {
	color: var(--color3);
}
#kumppani {
	background: var(--color3);
	color: var(--color5);
	padding: 0;
	position: relative;
	overflow: hidden;
}
#kumppani h2 {
	color: var(--color1);
}

/*SECTION BACK*/
#section-back {
	background: var(--color4);
	position: relative;
	color: var(--color5);
	overflow: hidden;
}
#section-back h2 {
	color: var(--color5);
}
#ajankohtaista {
	padding: 0;
	position: relative;
}
#ajankohtaista .btn {
	margin-top: 3rem;
}
#kuva {
	padding: 0;
}
#kuva .content-slider-section,
#kuva .content-slider,
#kuva .content-slider__container {
	height: 100%;
}
#kuva .content-slider__item .content-slider__text-content {
    padding: 0;
    margin: 0;
}
.sb-elem {
	padding: 8rem 10%; 
}

.half-section .uutislista-section {
	padding: 8rem 10%;
}
h2.sb-title, h1.sb-title {
	margin-bottom: 2rem;
}
.news1 .newslist__col {
    flex: 0 0 100%;
    max-width: 100%;
	padding: 0 0 1rem;
    border-bottom: 2px solid var(--color5);
}
.news1 .newslist__col:has(a:hover) {
	border-bottom: 2px solid var(--color2);
}
.news1 .newslist-item__text-holder {
    padding: 0;
}
.news1 .newslist-item h2 {
	margin-bottom: 1rem;
    color: var(--color5)!important;
}
.news1 a:hover .newslist-item h2 {
	color: var(--color2)!important;
}
.newslist-item__text-holder__inner {
	display: flex;
}
.news1 .newslist-item__text-holder__inner p {
	margin-bottom: 0;
	color: var(--color5);
}

.newspost1 .newspost__item-img-holder img {
    width: 100%;
    max-height: none;
}

/*LOMAKE VÄLILEHDET*/

.lomake-section, .ajankohtaista-sivu {
	padding: 8rem 0 0;
	background: var(--color4);
}
#main-content .ajankohtaista-sivu h1.sb-title{
	color: var(--color5);
}
.lomake-section .content-section:not(.kiitos-section) {
	padding: 0;
}
.lomis.hedis-text {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0;
}
body:not(.sivu1, .sivu64) #header, body:not(.sivu1, .sivu64) #header.sticky {
	top: 0;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
body:not(.sivu1, .sivu64) .site-header__logo {
    transform: translate(-50%);
}
body:not(.sivu1, .sivu64) .date-pic {
    transform: none;
}
#lomaketeksti, #lomake {
	padding: 0;
	position: relative;
	overflow: hidden;
}
#lomaketeksti .content-section {
	padding: 8rem 10%;
}
#lomake form {
	padding: 8rem 10%;
	position: relative;
    z-index: 1;
}
#lomake {
	background: var(--color2);
}

.ravintolahaku h2 {
	color: #1e3794!important;
}
.juontajahaku h2 {
	color: var(--color3)!important;
}
.kumppanihaku h2 {
	color: var(--color2)!important;
}
.lomis.faq {
	margin-bottom: 1rem;
}
.lomis.faq .editor-content__item {
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
    background-color: transparent;
    padding: 0 0 1rem !important;
	border-bottom: 1px solid var(--color5);
}
.lomis.faq h2 {
    font-size: 2rem;
    color: var(--color5)!important;
	margin-right: 50px!important;
}
.lomis.faq h2.faqOpen {
	margin-bottom: 1rem!important;
}
.lomis.faq h2:before {
    background: var(--color1);
    color: var(--color2);
	/*width: auto;
    height: 100%;
    aspect-ratio: 1 / 1;*/
	right: -50px;
	width: 40px; 
    height: 40px;
	line-height: 40px;
}

.faq + .lomis.hedis-text h3 {
	margin-top: 3rem;
}

.lomis.hedis-text h3 {
	color: var(--color1)!important;
	text-transform: uppercase;
}

.sivu76 #main-content,
.sivu77 #main-content{
	padding-top: 5rem;
}

/*AJANKOHTAISTA SIVU*/

.ajankohtaista-sivu .newslist-item__text-holder__inner p {
	color: var(--color5);
}
.ajankohtaista-sivu .newslist-item h2 {
    margin-bottom: 1rem;
    color: var(--color5) !important;
}
.ajankohtaista-sivu .newslist__col {
    border-bottom: 2px solid var(--color5);
}
.ajankohtaista-sivu a:hover .newslist-item h2 {
	color: var(--color2)!important;
}
.ajankohtaista-sivu .newslist__col:has(a:hover) {
	border-bottom: 2px solid var(--color2);
}

/*HERO ANIMOINTI*/

@keyframes heroText {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/*footer*/

.site-footer {
    padding: 8rem 5% 2rem;
}
.site-footer .container {
	max-width: none;
}
.copyright p {
	margin-bottom: 0;
	font-size: 0.875rem;
}
.site-footer__logo {
    margin-bottom: 0rem;
}
.site-footer__logo img {
    max-height: 200px;
	max-width: 204px;
}
.toteutus img {
    max-height: 150px;
	max-width: 150px;
}
.registry, .copyright {
	padding: 0;
}

.site-footer .dates p{
	color: var(--color2);
	font-weight: 700;
	font-size: 1.5rem;
	margin-top: 0.5rem;
	margin-bottom: 0;
}

.site-footer h4 {
	color: var(--color2);
}

/*yhteistyökumppanit*/

.yhteistyo {
	margin-top: 3rem;
	/*display: flex;
  	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;*/
}
.yhteistyo img {
    -webkit-object-fit: contain; 
    -moz-object-fit: contain; 
    -o-object-fit: contain; 
    object-fit: contain;
    max-width: 250px;
    width: 100%;
}

/*muokkauksia 10.04*/

#ravintola .cb-haku {
    padding: 0 5% 6rem;
}

#content-bottom {
	background: var(--color2);
	position: relative;
	overflow: hidden;
	color: var(--color5);
}
#content-bottom h2 {
	color: var(--color1);
}

/*OHJELMA OSIO*/

#section-primary {
	background: #1e3794;
	position: relative;
	overflow: hidden;
	color: var(--color4);
}

#section-primary h2 {
	color: var(--color2);
}	

#section-primary strong {
	color: var(--color3);
}

/*someseinä*/

.taeggie-section {
	background: var(--color2);
}

.taeggie-section .container {
	padding: 0;
}

/*ohjelma*/

.content-section .row.editor-content__row:has(.program) {
	margin-left: -30px;
	margin-right: -30px;
}

/*ankkuri*/

.anchor {
	scroll-margin-top: 5rem;
}

/*partners*/

.editor.partners ul {
    column-count: 3;
    column-gap: 2rem; 
    list-style-position: inside;
	padding-left: 0;
}

.editor.partners ul li {
	list-style: none;
	color: var(--color4);
	font-size: 14px;
}

/*sovellus*/

.iframe-section {
	padding: 0!important;
	margin-top: 5rem;
}

/*aluekartta*/

.alue-section {
	padding-top: 0!important;
}

/*ohjelma-section*/

.ohjelma-section {
	padding-bottom: 0!important;
}

.ohjelma-section .newslist-item__text-holder {
	text-align: center;
}

.ohjelma-section .newslist-item__text-holder .btn {
	background: var(--color1);
	border-color: var(--color1);
	color: var(--color4);
}

.ohjelma-section .newslist-item__text-holder .btn:hover {
	background: transparent;
	border-color: var(--color1);
	color: var(--color5);
}

/*kuvaseinä*/

.kuva1 {
	width: 50%;
    height: 100%;
	left: 0;
	right: auto;
}

.kuva2 {
	width: 25%;
    height: 50%;
    top: auto;
    right: 25%;
    left: auto;
}

.kuva3 {
	width: 25%;
    height: 50%;
    right: 0;
    left: auto;
}

.iso-kuva-right .kuva1 {
	width: 50%;
    height: 100%;
	left: auto;
	right: 0;
}

.iso-kuva-right .kuva2 {
	width: 25%;
    height: 50%;
    top: auto;
    right: auto;
    left: 25%;
}

.iso-kuva-right .kuva3 {
	width: 25%;
    height: 50%;
    right: auto;
    left: 0;
}

.puolikas .kuva1 {
	width: 100%;
    height: 50%;
    left: 0;
     right: auto;
}

.puolikas .kuva2 {
	width: 50%;
    height: 25%;
    top: auto;
    right: 0;
    left: auto;
    bottom: 25%;
}

.puolikas .kuva3 {
	width: 50%;
    height: 25%;
    right: auto;
    left: 0;
    bottom: 0;
    top: auto;
}

.kuvaseina-section {
    background: linear-gradient(180deg, var(--color4) 50%, var(--color1) 50%);
}

.kuvaseina-section:has(.puolikas) {
    background: linear-gradient(90deg, var(--color4) 50%, var(--color1) 50%);
}

#lomake .kuvaseina-section {
	height: 100%;
}

/*PINK BLUE*/
.half-section .pink {
	background: var(--color2);
	padding: 0;
	color: var(--color5)!important;
}

.half-section .pink h2 {
	color: var(--color1)!important;
}

.half-section .pink h3, .half-section .pink h4 {
	color: var(--color5)!important;
}

.half-section .blue {
	background: var(--color1);
	padding: 0;
	color: var(--color4)!important;
}

.half-section .blue h2 {
	color: var(--color2)!important;
}

.half-section .blue h3, .half-section .blue h4 {
	color: var(--color4)!important;
}

/*LOMAKE 26*/

.lomake-section {
    background: var(--color4);
}

.lomake-section:has(.puolikas) #lomaketeksti {
	display: flex;
	align-items: center;
}

/*Kiitos sivu*/
.noHero {
    background: var(--color2);
}
.noHero h1 {
    color: var(--color1);
}

.sivu47 #main-content {
	background: var(--color4);
}

/*MEDIAT*/

@media (max-width: 1399.98px) {
	/*fontit*/
	h1, h2 {
		font-size: 3.5rem;
	}
	.hedis h1 {
		font-size: 2.75rem;
	}
	.cb-haku h2, h3, .lomis.faq h2 {
		font-size: 2rem;
	}
	/*.logo-section*/
	.logo-section .gal-elem {
		flex: 0 0 20%;
		max-width: 20%;
	}
}

@media (max-width: 1199.98px) {
	/*fontit*/
	h1, h2 {
		font-size: 3rem;
	}
	.hedis h1 {
		font-size: 2.5rem;
	}
	.cb-haku h2, h3, .lomis.faq h2 {
		font-size: 1.75rem;
	}
	.dates {
		font-size: 1.25rem;
	}
	.dates:not(.site-footer .dates) p {
		margin-bottom: 0;
	}
	/*sections*/
	.hero-section {
		padding: 6rem 5%!important;
	}
	.content-section {
		padding: 6rem 5%;
	}
	.lomake-section, .ajankohtaista-sivu {
		padding: 8rem 0 0;
	}
	.site-footer {
		padding-top: 6rem;
	}
	/*navi*/
	#header, #header.sticky {
		top: 3rem;
	}
	.date-pic img {
		max-width: 200px;
	}
	/*main content*/
	.hero-slider__item.height-100 {
		height: calc(100vh - 12rem) !important;
	}
	/*content bottom*/
	.cb-haku {
    	padding: 6rem 10%;
	}
	#ravintola .cb-haku {
		padding: 0 5% 6rem;
	}
	/*section back*/
	.half-section .uutislista-section {
		padding: 6rem 10%;
	}
	/*lomake välilehdet*/
	#lomaketeksti .content-section, #lomake form {
		padding: 6rem 10%;
	}
	/*.logo-section*/
	.logo-section .gal-elem {
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media (max-width: 991.98px) {
	/*fontit*/
	h1, h2 {
		font-size: 2.75rem;
	}
	.hedis h1 {
		font-size: 2.25rem;
	}
	.cb-haku h2, h3, .lomis.faq h2 {
		font-size: 1.5rem;
	}
	h4 {
		font-size: 1.25rem;
	}
	body {
		font-size: 1rem;
	}
	.site-main .btn {
		font-size: 1.125rem;
	}
	.dates {
		font-size: 1.125rem;
	}
	/*sections*/
	.hero-section {
		padding: 5rem 5%!important;
	}
	.content-section {
		padding: 5rem 5%;
	}
	.lomake-section, .ajankohtaista-sivu {
		padding: 5rem 0 0;
	}
	.site-footer {
		padding-top: 5rem;
	}
	/*navi*/
	#header, #header.sticky {
        top: 2rem;
    }
	.nav-logocenter__gradient .site-header__logo {
		max-width: 400px;
		position: relative;
		left: 50%;
		transform: translate(-50%, 20px);
		width: auto;
	}
	.site-header__logo img {
		max-width: 260px;		
	}
	.date-pic {
		transform: translateY(5px);
	}
	/*main content*/
	.hero-slider__item.height-100 {
		height: calc(100vh - 10rem) !important;
	}
	/*content bottom*/
	.cb-haku {
    	padding: 5rem 10%;
	}
	#ravintola .cb-haku {
		padding: 0 5% 5rem;
	}
	/*section back*/
	#kuva {
		display: none;
	}
	.half-section .uutislista-section {
		padding: 5rem 5%;
	}
	/*lomake välilehdet*/
	#lomaketeksti .content-section, #lomake form {
		padding: 5rem 5%;
	}
	/*.logo-section*/
	.logo-section .gal-elem {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.logo-section .row {
		gap: 0;
	}
	/*Kuvaseinä*/
	.kuvaseina-section:has(.lomake-kuvat) {
	    background: linear-gradient(180deg, var(--color2) 50%, var(--color1) 50%);
	}
	.kuvaseina-section:has(.puolikas) {
  		background: linear-gradient(90deg, var(--color1) 50%, var(--color4) 50%);
	}
	.puolikas .kuva1 {
		width: 100%;
		height: 50%;
		top: auto;
		right: auto;
		left: 0;
		bottom: 25%;
	}
	.puolikas .kuva2 {
		width: 50%;
		height: 25%;
		top: 0;
		right: auto;
		left: 0;
		bottom: auto;
	}
	.puolikas .kuva3 {
		width: 50%;
		height: 25%;
		right: 0;
		left: auto;
		top: auto;
		bottom: 0;
	}
}
@media (max-width: 767.98px) {
	/*fontit*/
	h1, h2, .hedis h1 {
		font-size: 2.5rem;
	}
	.cb-haku h2, h3, .lomis.faq h2 {
		font-size: 1.5rem;
	}
	h4 {
		font-size: 1.25rem;
	}
	body {
		font-size: 1rem;
	}
	.site-main .btn {
		font-size: 1.125rem;
	}
	#main-content .hero-slider__text-content h2 {
	    font-size: clamp(1.5rem, 5vw, 6rem);
	}
	/*navi*/
	#header, #header.sticky {
        top: auto;
		position: fixed;
    }
	.mob-blur .site-header__bottom {
		background: var(--color1)!important;	
	}
	.date-pic {
		display: none;
	}
	.nav-logocenter__gradient .site-header__logo {
        left: 0;
        transform: translate(0);
    }
	.site-header__logo img {
        max-width: 204px;
    }
	body:not(.sivu1, .sivu64) #header, body:not(.sivu1, .sivu64) #header.sticky {
    	top: auto;
	}
	body:not(.sivu1, .sivu64) .site-header__logo {
		transform: translate(0);
	}
	/*navi säätö testi*/
	#header, #header.sticky {
		padding-top: 0 !important;
    	padding-bottom: 0 !important;
    	padding-right: 0;
	}
	.mobile-menu__bars {
		padding: 1rem 1.157rem;
		background: var(--color2);
		border-radius: 0;
		color: var(--color1);
	}
	.mob-blur .site-header__bottom svg {
		color: var(--color1);
	}
	.site-header__logo img:first-child {
		display: none;
	}
	.site-header__logo img:last-child {
		display: block;
	}
	/*main content*/
	.hedis, .hedis-text {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.hedis {
		margin-bottom: 0;
	}
	.hero-slider__item.height-100 {
        height: calc(100vh - 10rem - 67px) !important;
    }
    .logo-kuva {
        display: block;
        object-fit: contain;
        max-height: 160px;
        max-width: 90%;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
		z-index: 3;
    }
	.hero-dates {
        display: block;
        object-fit: contain;
        max-height: 160px;
        max-width: 90%;
        height: auto;
        left: 50%;
        transform: translateX(-50%);
		z-index: 3;
    }
	/*content bottom*/
	.cb-haku {
        padding: 5rem 5%;
    }
	/*section back*/
	
	/*lomake välilehdet*/
	.lomake-section, .ajankohtaista-sivu {
        padding: 0 0;
    }
	
	/*.logo-section*/
	.logo-section .gal-elem {
		flex: 0 0 50%;
		max-width: 50%;
	}
	/*section-primary*/
	#section-primary .sb-kaari {
		display: none;
	}
	/*ukk*/
	.sivu76 #main-content,
	.sivu77 #main-content{
  		padding-top: 0rem;
	}
	/*sovellus*/
	.iframe-section {
		margin-top: 0rem;
	}
	/*kuvaseinä*/
	.kuva1, .iso-kuva-right .kuva1 {
		width: 100%;
		height: 50%;
		top: auto;
		right: auto;
		left: 0;
		bottom: 25%;
	}
	.kuva2, .iso-kuva-right .kuva2 {
		width: 50%;
		height: 25%;
		top: 0;
		right: auto;
		left: 0;
		bottom: auto;
	}
	.kuva3, .iso-kuva-right .kuva3 {
		width: 50%;
		height: 25%;
		right: 0;
		left: auto;
		top: auto;
		bottom: 0;
	}
	.kuvaseina-section {
	    background: linear-gradient(180deg, var(--color4) 75%, var(--color1) 75%);
	}
	.kuvaseina-section:has(.lomake-kuvat) {
	    background: linear-gradient(180deg, var(--color2) 75%, var(--color1) 75%);
	}
	/*PINK BLUE*/
	.half-section .pink {
		order: 2;
	}
	.half-section .blue {
		order: 1;
	}
}
@media (max-width: 575.98px) {
	/*fontit*/
	h1, h2, .hedis h1 {
		font-size: 2rem;
	}
	.cb-haku h2, h3, .news1 .newslist-item h2, .lomis.faq h2 {
		font-size: 1.25rem;
	}
	h4 {
		font-size: 1.125rem;
	}
	body {
		font-size: 1rem;
	}
	.site-main .btn {
		font-size: 1.125rem;
	}
	/*sections*/
	.hero-section {
		padding: 3rem 5%!important;
	}
	.content-section {
		padding: 3rem 5%;
	}
	.site-footer {
		padding-top: 3rem;
	}
	/*main content*/
	.hero-slider__item.height-100 {
        height: calc(60vh - 6rem - 67px) !important;
        min-height: 400px;
    }
	/*content-bottom*/
	
	#ravintola .cb-haku {
        padding: 0 5% 3rem;
    }
	.cb-haku {
        padding: 3rem 5%;
	}
	/*section back*/
	
	/*lomake välilehdet*/
	#lomaketeksti .content-section, #lomake form {
		padding: 3rem 5%;
	}
	.lomake-section {
        padding: 0 0;
    }
	.lomake-vihrea-tapla2 {
		display: none;
	}
	/*logoseinä*/
	.gal-elem {
    	padding: 15px;
  	}
	.logo-section h2 {
 	 	margin-bottom: 1rem;
	}
	.logo-section {
		background: var(--color2);
	}
	/*partners*/
	.editor.partners ul {
    	column-count: 2;
	}
}
@media (max-width: 450.98px) {
	/*fontit*/
	h1, h2, .hedis h1 {
		font-size: 1.75rem;
	}
	.cb-haku h2, h3, .news1 .newslist-item h2, .lomis.faq h2 {
		font-size: 1.125rem;
	}
	h4 {
		font-size: 1rem;
	}
	body {
		font-size: 1rem;
	}
	.site-main .btn {
		font-size: 1rem;
	}
	/*main content*/
	
	/*content bottom*/
	
	/*section back*/
	
	/*lomake välilehdet*/
	
	/*fix*/
	#main-content .hero-slider__container {
		height: auto;
	}
	/*.logo-section*/
	.logo-section .gal-elem {
		flex: 0 0 100%;
		max-width: 100%;
	}
	/*partners*/
	.editor.partners ul {
    	column-count: 1;
	}
	/*footer*/
	.site-footer__logo img {
  		max-width: 150px;
	}
	.site-footer .dates p {
		font-size: 1.25rem;
	}
}