/*KARTAN PIILOTUS*/
body:not(.sivu1, .sivu51) #bottom .map-container {
    display: none;
}
/*S-RYHMÄ*/
.content-section:has(.s-ryhma) {
    background: #ffff;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
	margin-bottom:1rem;
}
.col-12.editor-content__col.s-ryhma.secid421.item1 {
    padding-left: 0;
}
.s-ryhma ul {
    display: flex;
    padding-left: 0;
}
.s-ryhma li {
    color: var(--color5);
    list-style: none;
    padding-left: 0 !important;
}
.s-ryhma li {
    color: var(--color5);
    list-style: none;
    padding-left: 0 !important;
    align-content: center;
}

#main-content .perusaukioloajat2 i, #main-content .perusaukioloajat2 span {
    color: var(--color5);
}
.editor.perusaukioloajat2 {
    margin-bottom: 2rem;
}
.site-header__top .week {
    display: none;
}
.site-footer__some-links.header-somelinks {
    display: none;
}
.sivu31 .editor.aukioloajat-otsikko:not(footer .editor.aukioloajat-otsikko) {
    padding-top: 15px;
}
.sivu51 div#bottom {
    display: none;
}
body:not(.sivu1) .hero-slider__text-content {
    text-align: center;
}
body:not(.sivu1).showcase2 .hero-slider__container {
    justify-content: center;
    text-align: center;
}
footer .site-footer__some-links {
    text-align: left !important;
}
.mainos-iso-section {
    padding-top: 0rem;
}
.promot-section {
    padding-top: 2rem;
}
.kosmetiikka-logo {
    padding: 0 1.5rem 2rem 1.5rem;
}
.kosmetiikka-logo h2 {
    font-size: 2rem !important;
}
.kosmetiikkainfo .editor-content__item-editor.editor {
    max-width: 900px;
    margin: 0 auto;
}
.faq h2:before {
    content: "+";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    text-align: center;
    background: var(--color1);
    border-radius: 100%;
    height: 40px;
    width: 40px;
    color: white;
    line-height: 40px;
}
body:has(.faq) #main-content section.content-section:first-child {
    padding-bottom: 0;
}
.faq-otsikko {
    margin-bottom: 1rem;
}
.faq h2.contentlist__item-title {
    font-size: 1.7rem !important;
}
.faq .editor-content__item {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
    background-color: var(--color2);
    padding: 1.5rem !important;
}
.faq h2 {
    font-size: 1.6rem;
	color:var(--color5);
}
.faq {
    margin-bottom: 0.25rem;
}
.faq p:first-child {
    padding-top: 20px !important;
}
.faq p, .faq a {
    color: var(--color5);
}
.desktop-main-menu li.level1 > a {
    font-size: 1.1rem;
}
.hero-slider__overlay {
    background-color: rgba(0, 0, 0, 0.3);
}
.sivu1 .hero-slider__overlay, .sivu31 .hero-slider__overlay {
    background-color: rgba(0, 0, 0, 0.3);
}

.sivu1 .hero-slider h3 {
    margin-bottom: 1rem;
}
footer .editor.poikkeusaukiolo2 {
    display: none;
}
@media (min-width:1299px) {
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: 3.8rem;
    line-height: 3.8rem;
}
    body:not(.sivu1) .hero-slider__text-content {
        padding: 13rem 2rem 8rem 2rem;
        max-width: 900px !important;
    }
}
@media (min-width:992px) {
.site-header__logo img {
    max-height: 70px;
    max-width: 300px;
    width: auto;
    height: auto;
    max-height: 100px;
}
.site-header__bottom {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.sivu1 #showcase h2 {
    font-size: 4.5rem !important;
    line-height: 4rem !important;
}
#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: 3rem;
}
}

/*PRINTTAA AUKIOLOAIKA*/
.site-header__top span.printtaa-aukiolo {
    padding-left: 5px;
}
.tupla-auki {
	font-size: 1rem;
}
.week p {
	display: flex;
	flex-flow: row;
}

.week .apteekki-item {
	display: flex;
	flex-flow: row;
}

.week .apteekki-item br {
	display: none;
}

.viikko .printtaa-aukiolo, .tarjoukset h4 {
	line-height: 1.2;
	font-size: 1.9rem!important;
}

.mr-1 nav svg {
  	margin-right: 3px;
}
.mr-1 nav .week svg {
	transform: translateY(3px);
}

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

.kosmetiikka-logo img {
    height: 100px;
    object-fit: scale-down;
	    max-width: 200px;
}
@media (min-width:992px) {
	.sh-btn a.btn.btn-switcher-primary.btn-switcher-highlight {
		padding: 19px 39px 18px 39px !important;
		font-size: 1.4rem;
	}
}

@media (max-width:991px) {
.s-ryhma ul {
    display: flex;
    flex-flow: column;
}
.s-ryhma img {
    max-width: 200px;
    padding-bottom: 10px;
}
form#form-204 {
    padding-top: 3rem;
}
.site-header__logo img {
        max-height: 80px;
    }
    .auki, .tarjous {
        display: flex;
        flex-flow: column;
        align-items: center;
        text-align: center;
    }
	.auki img, .tarjous img {
        margin-bottom: 1rem;
    }
	.site-header__bottom {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
    }
	body:has(.faq) #main-content section.content-section:first-child {
    padding-bottom: 2rem;
}
	body:has(.faq) #main-content section.content-section:nth-child(2) {
    padding-bottom: 8rem;
}
.site-footer__logo {
    margin-bottom: 3rem;
    margin-top: 3rem;
}
}
@media (max-width:575px) {
#main-content .aukioloajat-otsikko h3 {
    color: var(--color1);
    font-size: 19.2px;
}
    #mobile-buttons {
        right: 75px !important;
    }
.sh-btn .btn:not(.btn.mobile-menu__bars, .top-buttons .btn) {
        padding: 13px 20px 12px 20px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
		font-size:1rem !important;
    }

.faq .editor-content__item {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
}
.faq-otsikko {
    margin-bottom: 0;
}
.faq h2:before {
    content: "+";
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    text-align: center;
    background: var(--color1);
    border-radius: 100%;
    height: 30px;
    width: 30px;
    color: white;
    line-height: 31px;
}
    .faq h2.contentlist__item-title {
        font-size: 1rem !important;
        max-width: calc(100% - 20px);
    }
.hero-slider h3 {
        font-size: 1.5rem;
        margin-bottom: 0 !important;
    }
    .site-header__logo img {
        max-height: 65px;
        padding-left: 12px;
    }
	.sivu1 .hero-slider__item {
        height: calc(100vh - 4rem);
        position: relative;
        min-height: 727px !important;
    }
	.kosmetiikka-logo h2 {
    font-size: 1.7rem !important;
}
.kosmetiikka-logo {
    padding: 0 0 1rem;
}
body:not(.sivu1) .hero-slider__text-content {
        padding: 7rem 1rem 4rem 1rem;
    }
}