@import url('https://fonts.googleapis.com/css2?family=Playball&display=swap');

.mainos-iso-section {
    padding-top: 0rem;
}
.promot-section {
    padding-top: 2rem;
}

/**/

.hero-slider__overlay {
    background-color: rgba(39, 64, 96, 0.5);
}

.hero-slider__item .hero-slider__text-content {
    padding: 10rem 2rem 3rem 2rem;
}

.tarjous img, .auki img {
    filter: brightness(0%) saturate(100%) invert(45%) sepia(13%) saturate(4096%) hue-rotate(162deg) brightness(96%) contrast(78%);
}

.showcase2 .hero-slider h1, .showcase2 .hero-slider h2, .showcase1 .hero-slider h2, .showcase1 .hero-slider h3 {
    font-family: "Playball", cursive;
    font-weight: 400;
    font-style: normal;
}

.hero-slider h3 {
    margin-bottom: -0.5rem;
}

/*aukioloajat*/

/*.poikkeusaukiolo2 {height:0; overflow:hidden;}*/

#main-content .perusaukioloajat2 i, #main-content .perusaukioloajat2 span {
    color: var(--color5);
}

/*AJANKOHTAISTA*/

.content-section:has(.info-alue) {
	padding-bottom: 0!important;
}

/*PALVELUT*/

.content-section:has(.palvelut) {
	padding-top: 0!important;
}

.row.editor-content__row:has(.palvelut) {
	margin-bottom: -30px;
}

.content-section:has(.palvelut) .editor-content__col:not(.palvelut) {
	margin-bottom: 1rem;
}

.editor-content__col.palvelut {
	flex: 0 0 33.33%;
	max-width: 33.33%;
	display: grid;
	margin-bottom: 30px;
}

.editor-content__col.palvelut img {
	max-width: 150px;
	filter: invert(45%) sepia(13%) saturate(4096%) hue-rotate(162deg) brightness(96%) contrast(78%);
}

.editor-content__col.palvelut .editor-content__item {
	background: var(--color1);
	padding: 1rem 0.75rem;
	border-radius: 35px;
}

.editor-content__col.palvelut h4, .editor-content__col.palvelut p {
	color: var(--color4)!important;
}

/*OTa yhteyttä sivu*/

.content-section:has(.mb-contact) {
	padding-bottom: 0!important;
}

#main-before + #main-content .content-section {
	padding-top: 3rem;
}

/*footer*/

.site-footer__some-links {
    text-align: left;
}

/*MEDIA*/

@media (max-width: 991.98px) {
	.editor-content__col.palvelut {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.sivu31 .col-lg-6 + .col-lg-6 {
		padding-top: 3rem;
	}
}

@media (max-width: 575.98px) {
	.editor-content__col.palvelut {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.sivu1 #showcase h2 {
    	font-size: 2.5rem !important;
  	}
	.hero-slider h3 {
  		margin-bottom: 0rem;
  		font-size: 2rem;
	}
	body:not(.sivu1) #showcase .hero-slider__text-content h2, body:not(.sivu1) #showcase .hero-slider__text-content h1, body:not(.sivu1) #showcase h1 {
    	font-size: 2rem;
    	line-height: 2rem;
  	}
}