/*
 Theme Name:     Myyntimaatio
 Theme URI:      https://myyntimaatio.fi
 Description:    Myyntimaation Hello Themen lapsiteema.
 Author:         Myyntimaatio
 Author URL:     https://myyntimaatio.fi
 Template:       hello-elementor
 Version:        2.1.4
*/


/* Buttons */
.mm-btn a.elementor-button {
	position: relative;
}
.mm-btn.back a.elementor-button {
	padding: 0 0 0 40px;
}
.mm-btn a.elementor-button > .elementor-button-content-wrapper {
	border-color: currentColor;
    border-bottom: 2px solid;
    padding-bottom: 5px;
    margin-bottom: -5px;
}
.mm-btn a.elementor-button .elementor-button-icon {
	position: absolute;
    top: 50%;
    right: 0;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}
.mm-btn.back a.elementor-button .elementor-button-icon {
	right: unset;
	left: 0;
}
.mm-btn a.elementor-button .elementor-button-icon svg {
	width: 2em;
}
.mm-btn.back a.elementor-button .elementor-button-icon svg {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.mm-btn a.elementor-button .elementor-button-icon svg circle.cls-2 {
	stroke: currentColor;
	fill: #0000;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.mm-btn a.elementor-button .elementor-button-icon svg path {
	fill: currentColor;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.mm-btn a.elementor-button:hover .elementor-button-icon svg circle.cls-2 {
	fill: currentColor;
}
.mm-btn.white a.elementor-button:hover .elementor-button-icon svg path {
	fill: #000;
}
.mm-btn:not(.white) a.elementor-button:hover .elementor-button-icon svg path {
	fill: #FFF;
}

/*
 * 				NAV
 */

/* Menu */
.mm-menu li:not(.menu-icon) a.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted)::after {
	opacity: 1;
	background: #707070;
}
/* Menu logo */
.mm-menu li.menu-item {
	margin: auto 2.5px 0;
}
.mm-menu .menu-icon {
	padding: 5px 10px;
}
.mm-menu .menu-icon > a {
	background: url(https://avainapteekit.fi/wp-content/uploads/2025/04/Avainapteekit_KV_pysty_rgb_png.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	height: 70px;
    width: 65px;
	font-size: 0 !important;
	margin: auto;
}
.mm-menu .menu-icon > a::after {
	height: 0 !important;
}
@media (max-width: 1024px) {
	.mm-menu .menu-icon {
		display: none;
	}
}
/* Menu toggle icon */
@media (max-width: 1024px) {
	/* Not active */
	.mm-menu .elementor-menu-toggle {
		position: relative;
		height: 38px;
		width: 30px;
	}
	.mm-menu .elementor-menu-toggle::before {
		content: 'Valikko';
		position: absolute;
		font-size: 13px;
		font-weight: 600;
		font-family: 'Quicksand';
		top: 0;
		color: var( --e-global-color-secondary );
		text-transform: uppercase;
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	}
	.mm-menu i.eicon-menu-bar::before {
		content: "\f0d7";
		font-weight: 900;
		font-family: 'Font Awesome 5 Free';
		color: var( --e-global-color-secondary );
		position: absolute;
		top: 12px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		    -ms-transform: translate(-50%, 0);
		        transform: translate(-50%, 0);
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	}
	.mm-menu i.eicon-menu-bar::after {
		content: '';
		background: var( --e-global-color-secondary );
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 3px;
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
	}
	/* Active */
	.mm-menu .elementor-menu-toggle.elementor-active::before {
		top: 4px;
		color: var( --e-global-color-secondary );
	}
	.mm-menu .elementor-menu-toggle.elementor-active i.eicon-menu-bar::before {
		top: 28px;
		color: var( --e-global-color-text );
		-webkit-transform: translate(-50%, 0) rotate(180deg);
		    -ms-transform: translate(-50%, 0) rotate(180deg);
		        transform: translate(-50%, 0) rotate(180deg);
	}
	.mm-menu .elementor-menu-toggle.elementor-active i.eicon-menu-bar::after {
		bottom: 10px;
		color: var( --e-global-color-secondary );
	}
}


/* Column min height 400 */
.mm-col-minHeight300 {
	min-height: 300px;
}

/*
 * 				ETUSIVU
 */

/* Facebook feed */
.mm-fbFeed #cff .cff-posts-wrap .cff-item, .mm-hakutulokset .elementor-posts-container article.elementor-post {
	margin-top: 5px;
	border: 1px solid var( --e-global-color-text );
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.mm-fbFeed #cff .cff-posts-wrap .cff-item:hover, .mm-hakutulokset .elementor-posts-container article.elementor-post:hover {
	-webkit-box-shadow: 0 0 10px 0 #ddd;
	        box-shadow: 0 0 10px 0 #ddd;
}

/*
 * 				TERVEYS
 */

/* Query */
.mm-terveysCats h5 {
	display: none;
}
.mm-terveysCats ul {
	-webkit-columns: 4;
	   -moz-columns: 4;
	        columns: 4;
	list-style: none;
	padding: unset;
}
.mm-terveysCats li.cat-item a {
	color: var( --e-global-color-primary );
	-webkit-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
}
.mm-terveysCats li.cat-item a:hover {
	color: var( --e-global-color-2c8f74e );
}
.mm-terveysCats li.cat-item.current-cat a {
	color: var( --e-global-color-text );
}
@media (max-width: 767px) {
	.mm-terveysCats ul {
		-webkit-columns: 1;
		   -moz-columns: 1;
		        columns: 1;
	}
}

/* Category selections */
.mm-valitutKategoriatCont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.mm-valitutKategoriat-Single {
	width: calc(33% - 10px);
	margin: 0 10px;
	position: relative;
	display: block;
}
.mm-valitutKategoriat-Single:first-child {
	margin-left: unset;
}
.mm-valitutKategoriat-Single:last-child {
	margin-right: unset;
}
.mm-valitutKategoriat-ImgCont {
	display: block;
    height: 29vw;
    max-height: 400px;
    overflow: hidden;
}
.mm-valitutKategoriat-ImgCont img {
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	min-width: 100%;
}
.mm-valitutKategoriat-ImgCont .mm-valitutKategoriat-ImgBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF8;
}
.mm-valitutKategoriat-Single .mm-btn {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
	opacity: 0;
	z-index: 1;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.mm-valitutKategoriat-Single .mm-btn > a {
	color: var( --e-global-color-primary );
}
.mm-valitutKategoriat-Single .mm-ArticleTextLink {
	font-weight: 600;
	font-size: 90%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
	width: 100%;
    text-align: center;
    padding: 12px;
	color: var( --e-global-color-primary );
	opacity: 1;
	z-index: 0;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.mm-valitutKategoriat-Single:hover .mm-ArticleTextLink {
	opacity: 0;
}
.mm-valitutKategoriat-Single:hover .mm-btn {
	opacity: 1;
}

@media (max-width: 767px) {
	.mm-valitutKategoriatCont {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.mm-valitutKategoriat-Single {
		width: 100%;
		margin: 5px 0;
	}
}

/*
 * 				TERVEYS -SINGLE PAGE
 */

/* WP Native (Within Post Content) */
.mm-postContent .alignwide {
	margin-left: unset;
	margin-right: unset;
	padding-top: 20px;
	padding-bottom: 20px;
}
.mm-postContent .wp-block-media-text {
	-ms-grid-columns: 30% 1fr;
	grid-template-columns: 30% 1fr;
}
.mm-postContent .has-media-on-the-right .wp-block-media-text__content {
	padding-left: unset;
}
.mm-postContent .has-media-on-the-left .wp-block-media-text__content {
	padding-left: 8%;
	padding-right: unset;
}

/* Post content */
.mm-postContent ul {
	padding-bottom: 25px;
}

/* Related articles */
.mm-liittyvatArtikkelit .elementor-post__card .elementor-post__read-more {
	position: absolute;
	bottom: 15px;
	margin-bottom: unset;
}

/*
 * 				AVAINASIAKKUUS
 */

/* Icon list */
.mm-iconList .elementor-icon-list-item {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.mm-iconList .elementor-icon-list-item .elementor-icon-list-icon {
	width: 100%;
}
.mm-iconList .elementor-icon-list-item .elementor-icon-list-text {
	padding-left: unset;
	padding-top: 5px;
}
.mm-iconList .span.elementor-icon-list-text {
    margin-bottom: auto;
}

/* Accordions */
.mm-accordion .elementor-tab-title {
	text-align: center;
}
.mm-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.mm-accordion .eael-accordion-content {
	border-radius: 10px;
}

/*
 * 				AVAINAPTEEKIT
 */

/* Map */

.row > .col-md-4.text-center {
	padding-top: 80px;
	margin: auto;
}
.col-md-4 > h2 {
	font-size: 35px;
}
.leaflet-pane.leaflet-tile-pane {
    -webkit-filter: hue-rotate(-45deg) brightness(1.25);
            filter: hue-rotate(-45deg) brightness(1.25);
}
.bootstrap #mm-records p {
	color: #000;
}
.bootstrap #mm-records {
	padding: 15px 0;
	border-radius: 8px;
	margin-bottom: 10px;
}
.bootstrap #mm-records > .row {
	max-height: 200px;
	overflow-y: scroll;
}
#leaflet_postal_code {
    border-radius: 8px;
    padding: 10px;
	margin-bottom: 5px;
}
.mm-kauppaLinkki {
    font-size: 13px;
	font-weight: 600;
}
.bootstrap a.mm-kauppaLinkki:hover {
	text-decoration: unset;
	color: var( --e-global-color-cd86944 );
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.bootstrap a.mm-kauppaLinkki i {
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.bootstrap a.mm-kauppaLinkki:hover i {
	margin-left: 2px;
}

/* Paikkakunnat-listaus */
.mm-paikkakunnatCont {
	background: var( --e-global-color-a065b93 );
	border-radius: 10px;
}
.mm-paikkakunnat-Kaikki {
	background: var( --e-global-color-accent );
    padding: 13px 13px 11px;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var( --e-global-color-text );
    border-radius: 10px;
	position: relative;
	cursor: pointer;
}
.mm-paikkakunnat-Kaikki::after {
	content: '\f078';
    font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	position: absolute;
	right: 15px;
	-webkit-transform: translate(0, 2px);
	    -ms-transform: translate(0, 2px);
	        transform: translate(0, 2px);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.mm-paikkakunnat-Kaikki.active::after {
	-webkit-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}
.mm-paikkakunnat-List {
	padding: 0 25px;
    height: 200px;
    overflow-y: scroll;
	margin: 10px;
	display: none;
}
.mm-paikkakunnat-List::-webkit-scrollbar {
	width: 8px;
}
 
.mm-paikkakunnat-List::-webkit-scrollbar-track {
	background: var( --e-global-color-secondary );
}
 
.mm-paikkakunnat-List::-webkit-scrollbar-thumb {
	background: var( --e-global-color-text );
}
.mm-paikkakunnat-List .mm-paikkakuntaSingle {
	display: block;
	font-family: 'Montserrat', sans-serif;
	padding: 8px;
	color: #000;
	-webkit-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
	text-transform: capitalize;
}
.mm-paikkakunnat-List .mm-paikkakuntaSingle:hover {
	color: var( --e-global-color-text );
	text-decoration: unset;
}
.mm-paikkakuntaSingle:not(:last-child) {
	border-bottom: 1px solid var( --e-global-color-text );
}

/*
 * 				CATEGORY PAGE / KATEGORIASIVU / KAUPUNKISIVU
 */

/* Query */
.mm-apteekitCont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.mm-apteekkiSingle {
	width: 49%;
    padding: 30px 60px 30px 40px;
    position: relative;
    background: #F5F5F5;
    border-left: 8px solid var( --e-global-color-text );
	margin-bottom: .5%;
}
.mm-apteekkiSingle:nth-child(2n + 1) {
	margin-right: .5%;
}
.mm-apteekkiSingle:nth-child(2n + 2) {
	margin-left: .5%;
}
.mm-apteekkiSingle .mm-apteekki-Nimi {
	color: var( --e-global-color-primary );
	font-weight: 600;
	margin-bottom: 2px;
	display: block;
}
.mm-apteekkiSingle p {
	margin-bottom: 2px;
}
.mm-apteekkiSingle .mm-btn {
	position: absolute;
	right: 25px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
}
.mm-apteekkiSingle .mm-btn > a {
	color: var( --e-global-color-primary );
}
@media (max-width: 767px) {
	.mm-apteekitCont {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.mm-apteekitCont .mm-apteekkiSingle {
		width: 100%;
		margin-right: unset;
		margin-left: unset;
		margin-bottom: 5px;
		padding: 15px 30px 15px 20px;
	}
}

/*
 * 				SINGLE APTEEKKI
 */

/* Palvelut */
.mm-palvelutCont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.mm-palvelu {
	text-align: center;
}
.mm-palvelu:not(:first-child) {
	margin-left: 8px;
}
.mm-palvelu:not(:last-child) {
	margin-right: 8px;
}

.mm-palvelu .mm-palveluIcon {
	max-width: 60px;
}
.mm-palvelunimi {
    margin-bottom: unset;
}

/*
 * 				INFO
 */

/* Form */
.mm-accordion.lomake .mm-row .wpcf7-submit {
	border-color: var( --e-global-color-text );
}
.mm-accordion.lomake .wpcf7-form .mm-contact .mm-row input.wpcf7-form-control.mm-submit:not(:disabled):hover {
	background: var( --e-global-color-text );
	color: var( --e-global-color-secondary );
}


/*
 * 				YHTEYSTIEDOT
 */

/* Contact form / Ota yhteyttä / Lomake */
.mm-contact p:empty::before {
	content: unset;
}
.mm-contact .mm-row {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.mm-col-label {
	width: 200px;
	padding-right: 25px;
	text-align: right;
	color: #000;
}
.mm-col-label:not(.text-top) {
	margin: auto 0;
}
.mm-col-input {
	width: calc(100% - 200px);
}
.wpcf7-list-item {
    width: 100%;
	margin: unset;
}
.wpcf7-list-item-label {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	padding-left: 10px;
}
.mm-contact input[type='radio'], .mm-contact input[type='checkbox'] {
	padding: 0;
}
.mm-contact input[type='radio']::before, .mm-contact input[type='checkbox']::before {
	margin: -2px;
	width: 13px;
	height: 13px;
}
.mm-contact a.mm-form-tss, .mm-contact a.mm-form-ke {
	text-decoration: underline;
	color: #000;
}
.mm-contact .mm-row .mm-submit {
	margin-left: auto;
    border: 2px solid var(--e-global-color-primary);
    padding: 8px 16px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.wpcf7-form .mm-contact .mm-row input.wpcf7-form-control.mm-submit:not(:disabled):hover {
	background: var( --e-global-color-primary );
	color: var( --e-global-color-text );
}
.mm-contact .mm-row .ajax-loader {
	margin-left: 10px;
	margin-right: 0;
}

@media (max-width: 767px) {
	.mm-contact .mm-row {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.mm-contact .mm-col-label {
		width: 100%;
		text-align: left;
	}
	.mm-contact .mm-col-input {
		width: 100%;
	}
	.mm-contact .wpcf7-list-item {
		margin-bottom: 8px;
	}
}

/*
 * 				TARJOUKSET
 */

/* Query */
.mm-tarjouksetCont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.mm-tarjousSingle {
	width: calc(25% - 20px);
	padding: 10px;
	margin: 10px;
	border: 1px solid #DDD;
	text-align: center;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.mm-tarjousSingle:hover {
	-webkit-box-shadow: 0 0 8px 0 #DDD;
	        box-shadow: 0 0 8px 0 #DDD;
}
.mm-tarjous-ImgCont {
	display: block;
	position: relative;
	padding: 20px;
    width: 12vw;
	margin: auto;
}
.mm-tarjous-Img {
	position: relative;
}
.mm-tarjous-Img svg {
	position: absolute;
	width: 40px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.mm-tarjous-ImgCont:hover .mm-tarjous-ImgBg {
	opacity: 1;
}
.mm-tarjousSingle .mm-tarjous-Hinta {
	color: var( --e-global-color-e468651 );
	font-family: 'Quicksand', sans-serif;
	font-weight: 900;
	font-size: 22px;
	margin: 0 0 8px;
}
.mm-tarjousSingle .mm-tarjous-Title {
	font-weight: 600;
	text-transform: uppercase;
	margin: unset;
	padding: 5px 0 0;
	color: var( --e-global-color-cd86944 ) ;
	-webkit-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
}
.mm-tarjous-Title:hover {
	color: var( --e-global-color-2c8f74e );
}

.tarjous_content .alkuperainen_hinta {
	font-size: 18px;
	position: relative;
	text-decoration: none;
}
.tarjous_content .alkuperainen_hinta:before {
	content: "";
	border-bottom: 1.5px solid red;
	position: absolute;
	width: 100%;
	height: 50%;
	transform: rotate(12deg);
}
@media (max-width: 1024px) {
	.mm-tarjousSingle {
		width: calc(33% - 20px);
	}
}
@media (max-width: 767px) {
	.mm-tarjousSingle {
		width: calc(100% - 10px);
		margin: 5px;
	}
	.mm-tarjous-ImgCont {
		width: unset;
		max-width: 150px;
	}
}

/*
 * 				HAKUTULOKSET -MALLISIVU
 */

/* Hakutulokset */
.mm-hakutulokset .elementor-posts-container article.elementor-post {
    padding: 25px;
}

@media (max-width: 767px) {
	.mm-hakutulokset article .elementor-post__thumbnail__link {
		display: none;
	}
	.mm-hakutulokset .elementor-posts-container article.elementor-post {
		padding: 20px;
	}
}

/*
 * 				FOOTER
 */

/* Haku / search */
#haku .elementor-search-form {
	max-width: 325px;
	margin-left: auto;
}
#haku.flash .elementor-search-form__container {
	-webkit-animation-delay: 2s;
	        animation-delay: 2s;
	-webkit-animation: flash;
	        animation: flash;
	-webkit-animation-duration: 0.75s;
	        animation-duration: 0.75s;
}
@-webkit-keyframes flash {
	0% {border-color: var( --e-global-color-cd86944 ); }
	25% {border-color: var( --e-global-color-text ); }
	50% {border-color: var(--e-global-color-cd86944); }
	75% {border-color: var( --e-global-color-text ); }
	100% {border-color: var(--e-global-color-cd86944) ; }
}
@keyframes flash {
	0% {border-color: var( --e-global-color-cd86944 ); }
	25% {border-color: var( --e-global-color-text ); }
	50% {border-color: var(--e-global-color-cd86944); }
	75% {border-color: var( --e-global-color-text ); }
	100% {border-color: var(--e-global-color-cd86944) ; }
}

/*
 * 				AVAINASIAKKUUS TARJOUS PAGE -SPECIFIC
 */

header.site-header {
	display: none;
}