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

/*Napit*/

.button1 .btn-switcher-primary, .button3 .btn-switcher-primary, .button5 .btn-switcher-primary, .box2 .boxlist-item__text-holder .btn-switcher-primary {
    color: var(--color1);
    border-color: var(--color3);
    background-color: var(--color3);
    font-weight: 600;
}

.button1 .btn-switcher-primary:hover, .button3 .btn-switcher-primary:hover, .button5 .btn-switcher-primary:hover, .box2 .boxlist-item__text-holder .btn-switcher-primary:hover {
    color: var(--color3);
    border-color: var(--color1);
    background-color: transparent;
}

.promot .btn-switcher-primary, .promot .btn-switcher-primary, .promot .btn-switcher-primary {
    color: var(--color3);
    border-color: var(--color1);
    background-color: var(--color1);
    font-weight: 600;
}

.promot .btn-switcher-primary:hover, .promot .btn-switcher-primary:hover, .promot .btn-switcher-primary:hover {
    color: var(--color1);
    border-color: var(--color1);
    background-color: transparent;
}

button#mute-unmute-button {
    position: absolute;
    z-index: 4;
	top: 1rem;
	right: 1rem;
	color: var(--color3);
    border-color: var(--color1);
    background-color: var(--color1);
    font-weight: 600;
}

button#mute-unmute-button:hover {
    border-color: var(--color3);
}

/*navi*/

.site-header__bottom {
    background: var(--color1);
}

.site-header__top {
	background: var(--color3);
	color: var(--color1);
}

.lahiapteekit a, 
.header-somelinks,
.site-header__top a {
    color: var(--color1);
}

.lahiapteekit a:hover, 
.header-somelinks:hover,
.site-header__top a:hover{
    color: var(--color2);
}

.lahiapteekit {
    margin-bottom: 0rem;
}

.desktop-main-menu li.level1.current > a {
    border-bottom: 3px solid var(--color3);
}

.desktop-main-menu .sub-menu a {
    color: var(--color3);
}

.desktop-main-menu {
	text-align: right;
}

/*mobiilivalikko*/

.mobile-menu__bars {
    color: var(--color1);
    background: var(--color3);
}

.mobile-menu__bars:hover {
    color: var(--color2);
}

.mm-spn.mm-spn--light {
    color: var(--color1);
    background: var(--color3);
}

.mobile-menu a {
    color: var(--color1);
}

#mobile-buttons a.btn.btn-switcher-highlight {
    background: var(--color3);
	color: var(--color1);
}

/*Hero*/

.auki img, 
.tarjous img {
	/*filter: brightness(0) saturate(100%) invert(0%) sepia(50%) saturate(1667%) hue-rotate(202deg) brightness(94%) contrast(99%);*/ /*Musta*/
	filter: brightness(0) saturate(100%) invert(77%) sepia(93%) saturate(324%) hue-rotate(344deg) brightness(101%) contrast(101%); /*Keltainen*/
	max-height: 60px;
}

.hero-wrap .col-12.col-md-6,
.auki, 
.tarjous {
    background: var(--color3);
}

.hero-wrap .col-12.col-md-6 {
    border: 5px solid var(--color1);
}

.viikko h4, 
.tarjous h4, 
.hero-kellonaika {
	color: var(--color1);
}

.sivu1 #showcase h2 {
	color: var(--color1) !important;
    /*text-shadow: -2px -2px 0 var(--color3), 
				 2px -2px 0 var(--color3), 
				 -2px 2px 0 var(--color3), 
				 2px 2px 0 var(--color3), 
				 -2px 0px 0 var(--color3), 
				 2px 0px 0 var(--color3), 
				 0px -2px 0 var(--color3), 
				 0px 2px 0 var(--color3);*/
    -webkit-text-stroke: 3px var(--color3);
    font-weight: 800;
}

body:not(.sivu1) #showcase .hero-slider__text-content {
	max-width: none;
	text-align: center;
	padding: 8rem 2rem 4rem 2rem;
}

.hero-slider__item .hero-slider__text-content {
    padding: 20rem 2rem 0rem 2rem;
}

/*fontit*/

h1, h2:not(.content-slider2 .content-slider h2) {
	-webkit-text-stroke: 2px var(--color3);
    font-weight: 600;
}

/*content slider*/

.content-slider2 .content-slider__text-content_inner a:not(a.btn),
.content-slider__text-content p {
    color: var(--color3)!important;
}

.content-slider2 .content-slider h2 {
	color: var(--color3)!important;
}

.content-slider2 .content-slider__text-content {
	color: var(--color3);
}

.content-slider2 .content-slider__text-content_inner {
    border: 5px solid var(--color3);
}

/*promot*/

.promot .slick-next::before,
.promot .slick-prev::before {
	border-left: 2px solid var(--color3);
    border-bottom: 2px solid var(--color3);
}

.slick-dots li button {
    border: 1px solid var(--color3);
}

.content-slider2 .content-slider-section {
	background: var(--color3);
}

.promot-section {
	background: var(--color3);
}

.promot .promo {
	border: 5px solid var(--color1);
    background: var(--color2);
}

.promo-sisalto h3, 
.promo-sisalto h4 {
	color: var(--color3);
}

.promo-btn {
	align-self: center;
}

.promo-ots h2 {
	margin-bottom: 0;
}

/*Footer*/

.site-footer {
    background-color: var(--color3);
}

footer h3 {
    color: var(--color1);
}

.row:has(.vaakuna) {
	justify-content: center;
}

.registry {
	text-align: left;
}

.copyright p {
	margin-bottom: 0;
}

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

/*Boksit*/

.box2 .boxlist-item {
    background-color: var(--color4);
    color: var(--color3) !important;
    border: 5px solid var(--color3);
}

/*muuta*/

.content-section:has(.padit-nolla) {
	padding-bottom: 0;
}

a:not(.btn, .site-header__top a, footer a, .mobile-menu a) {
    color: var(--color3);
}

#main-content .editor a {
	text-decoration: underline;
}

.editor a:hover {
	color: var(--color1);
}

#main-content .aukioloajat-otsikko h3 {
    color: var(--color3);
}

.desktop-top-menu li a:hover, .desktop-top-menu li a:focus {
    text-decoration: underline;
    color: var(--color1);
}

/*MEDIAT*/

@media (max-width: 1299px) {
	/*navi*/
	.site-header__logo img {
	    max-height: 70px;
	    max-width: 260px;
	}
}

@media (max-width: 991.98px) {
	/*navi*/
	.lahiapteekit a, .header-somelinks a {
  		color: var(--color3);
	}
	.lahiapteekit a:hover, .header-somelinks:hover, .site-header__top a:hover {
  		color: var(--color3);
	}
	#mobile-buttons {
		top: 25px;
	}
	/*promot*/
	.promolista-otsikko {
		flex-direction: column;
		text-align: center;
	}
	.promo-ots h2 {
		margin-bottom: 1rem;
	}
	/*boksit*/
	.box2 .boxlist-item__text-holder h2 {
		-webkit-text-stroke: 1px var(--color3)!important;
	}
	/*sisaltoalue*/
	.content1 .contentlist .mobiili-kuva .contentlist__item-col_content {
		padding-top: 3rem;
	}
}

@media (max-width: 767px) {
	/*navi*/
	.site-header__logo img {
	    max-height: 50px;
	    max-width: 204px;
	}
	#mobile-buttons {
		bottom: 8px;
		top: auto;
	}
	/*hero*/
	.auki {
		margin-bottom: 0rem;
	}
}

@media (max-width: 575px) {
	/*navi*/
	.site-header__logo img {
	    max-height: 35px;
	    max-width: 204px;
	}
	#mobile-buttons {
		right: 66px;
	}
	/*content-slider*/
	.content-slider2 .content-slider__text-content_inner {
    	padding: 2rem 1rem 1rem;
  	}
	/*footer*/
	.site-footer {
		text-align: center;
	}
	.site-footer__logo.vaakuna {
	    margin-bottom: 0;
	}
	.site-footer__some-links {
    	text-align: center;
  	}
	.site-footer {
    	padding: 3rem 0 3rem 0;
  	}
	/*fonts*/
	 #main-before h1, #main-before h2, #main-content h1, #main-content h2, #main-after h2, #section-back h2, #content-bottom h2, #content-bottom h1, .content-slider h2, .content-slider h1, .socials h3 {
    	font-size: 2rem;
  	}
	h1, h2:not(.content-slider2 .content-slider h2) {
		-webkit-text-stroke: 1px var(--color3);
    	font-weight: 600;
	}
	.sivu1 #showcase h2 {
		-webkit-text-stroke: 2px var(--color3);
	}
	/*Boksit*/
	.box2 .boxlist-item__text-holder h2 {
    	font-size: 1.5rem !important;
  	}
	/*hero*/
	body:not(.sivu1) #showcase .hero-slider__text-content {
  		max-width: none;
  		text-align: center;
  		padding: 8rem 2rem 2rem 2rem;
	}
	.sivu1 .hero-slider__text-content {
		bottom: 0vh;
	}
}