/*
 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.3
*/

/*
 * 		FRONT END CSS
 */

/* Default button */
.mm-btn a.elementor-button {
	width: 250px;
	position: relative;
	-webkit-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
}
.mm-btn a.elementor-button span.elementor-button-text {
	-webkit-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
}
.mm-btn a.elementor-button:hover span.elementor-button-text {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}
.mm-btn a.elementor-button::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
	outline: 0px solid currentcolor;
	border-radius: 12px;
	-webkit-transition: .1s;
	-o-transition: .1s;
	transition: .1s;
}
.mm-btn a.elementor-button:hover::before {
	outline-width: 3px;
}

/*
 *			NAV
 */

/* Hover */
.mm-nav .e--pointer-text.e--animation-grow a.elementor-item:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
	outline: unset;
}

/* Varaa aika panttilainaamoon -menu item */
.mm-varaaAikaMenuItem a.elementor-item::after {
	content: '\f073';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: relative;
	display: block;
	padding-left: 8px;
	opacity: 1 !important;
	-webkit-transition: unset;
	-o-transition: unset;
	transition: unset;
	outline: unset;
}

@media (min-width: 1025px) {
	/* Huutokauppa -link */
	.mm-nav li.mm-huutokauppaLink.menu-item.menu-item-type-custom.menu-item-object-custom > a {
		background: var( --e-global-color-3bebab0 );
		color: var( --e-global-color-5fb296f );
		border-radius: 20px;
		padding: 8px 18px !important;
		border: 2px solid var( --e-global-color-3bebab0 );
		display: block;
		margin: auto;
		margin-right: 10px;
	}
	.mm-nav li.mm-huutokauppaLink.menu-item.menu-item-type-custom.menu-item-object-custom > a:hover {
		background: var( --e-global-color-5fb296f );
		color: var( --e-global-color-3bebab0 );
	}
}
@media (min-width: 1025px) and (max-width: 1280px) {
	.mm-nav.elementor-element nav > ul.elementor-nav-menu li.menu-item > a.elementor-item {
		padding: 13px 0;
		font-size: 1.2vw;
	}
}
@media (max-width: 1024px) {
	/* Menu icon */
	.mm-nav .elementor-menu-toggle {
		-webkit-transition: .15s;
		-o-transition: .15s;
		transition: .15s;
		outline: unset;
	}
	.mm-nav .elementor-menu-toggle:hover {
		border-color: var( --e-global-color-3bebab0 );
	}
	.mm-nav .elementor-menu-toggle.elementor-active {
		background: var( --e-global-color-3bebab0 ) !important;
		color: var( --e-global-color-5fb296f ) !important;
		border-radius: 25px !important;
		outline: unset;
	}
	.mm-nav .elementor-menu-toggle i {
		-webkit-transition: .15s;
		-o-transition: .15s;
		transition: .15s;
		outline: unset;
	}
	.mm-nav .elementor-menu-toggle.elementor-active i {
		-webkit-transform: rotate(90deg) scaleX(0.5);
		    -ms-transform: rotate(90deg) scaleX(0.5);
		        transform: rotate(90deg) scaleX(0.5);
		outline: unset;
	}
	.mm-nav .elementor-menu-toggle.elementor-active i::before {
		content: "\e816";
		outline: unset;
	}
	/* Huutokauppa link */
	.mm-nav li.mm-huutokauppaLink.menu-item.menu-item-type-custom.menu-item-object-custom > a {
		width: 225px;
		border-radius: 50px;
		border: 2px solid var( --e-global-color-3bebab0 );
		color: var( --e-global-color-3bebab0 );
		margin: 8px auto;
		-webkit-transition: .15s;
		-o-transition: .15s;
		transition: .15s;
	}
	.mm-nav li.mm-huutokauppaLink.menu-item.menu-item-type-custom.menu-item-object-custom > a:hover {
		background: var( --e-global-color-3bebab0 );
		color: var( --e-global-color-5fb296f );
	}
	/* Menu paddings for tablet & mobile */
	.mm-nav .elementor-nav-menu {
		padding-bottom: 20px;
		border-bottom: 4px solid var( --e-global-color-3bebab0 )
	}
	/* Center items */
	.mm-nav a.elementor-item {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}

/*
 *			ETUSIVU 
 */

/* Carousel */
/* This also uses Slick's own css */
#slickCarousel .slick-prev, #slickCarousel .slick-next {
	font-size: 0;
	padding: unset;
	background: unset;
	border: unset;
}
#slickCarousel .slick-prev::before, #slickCarousel .slick-next::before {
	content: '\f104';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	background: #0003;
	color: var( --e-global-color-6bc9ce7 );
	border-radius: 50%;
	position: absolute;
	top: 50%;
	line-height: 1;
	font-size: 18px;
	padding: 4px 10px 4px 8px;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	-webkit-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
}
#slickCarousel .slick-prev:hover::before, #slickCarousel .slick-next:hover::before {
	background: var( --e-global-color-fa3f073 );
	color: var( --e-global-color-5fb296f );
}
#slickCarousel .slick-next::before {
	right: 0;
	-webkit-transform: translate(0,-50%) rotate(180deg);
	    -ms-transform: translate(0,-50%) rotate(180deg);
	        transform: translate(0,-50%) rotate(180deg);
}
#slickCarousel .slick-prev::before {
	left: 0;
}

#slickCarousel .slick-list.draggable {
	margin: 0 40px;
}
#slickCarousel .mm-tuoteKaruselli-Tuote {
	margin: 12px;
	background: var( --e-global-color-7b2b1da );
}
#slickCarousel .mm-tuoteKaruselli-Kuva {
	position: relative;
}
#slickCarousel .mm-tuoteKaruselli-Kuva > img {
	height: 20vw;
	-o-object-fit: cover;
	   object-fit: cover;
	min-width: 100%;
}
#slickCarousel .mm-tuoteKaruselli-Kuva > .mm-tuoteKaruselli-tuoteSijainti {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 4px 10px;
	border-radius: 8px;
	border: 1px solid var( --e-global-color-a8b0b08 );
	background: var( --e-global-color-a8b0b08 );
	color: var( --e-global-color-5fb296f );
	font: 500 14px 'Roboto', sans-serif;
	-webkit-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
}
#slickCarousel .mm-tuoteKaruselli-Kuva > .mm-tuoteKaruselli-tuoteSijainti:hover {
	background: var( --e-global-color-5fb296f );
	color: var( --e-global-color-a8b0b08 );
}

#slickCarousel .mm-tuoteKaruselli-tuoteTekstit {
	padding: 12px;
}
#slickCarousel .mm-tuoteKaruselli-tuoteTekstit .mm-tuoteKaruselli-tuoteOtsikko {
	font-size: 18px;
	font-weight: 600;
	margin: 8px 0 0 0;
}

#slickCarousel .slick-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 8px;
	   -moz-column-gap: 8px;
	        column-gap: 8px;
	list-style-type: none;
	padding: unset;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#slickCarousel .slick-dots li > button {
    width: 12px;
    height: 12px;
    background: #0003;
    border: unset;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    font-size: 0;
    line-height: 0;
	padding: unset;
	outline: unset;
	-webkit-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
}
#slickCarousel .slick-dots li:not(.slick-active) > button:hover {
	background: var( --e-global-color-6bc9ce7 );
}
#slickCarousel .slick-dots li.slick-active > button {
	background: var( --e-global-color-fa3f073 );
}

/* Range slider (Lainalaskuri) */
.mm-lainalaskuriCont {
	text-align: center;
}
#lainalaskuri {
	-webkit-appearance: none;
	-moz-appearance: none;
	     appearance: none;
	width: 100%;
	height: 10px;
	background: var( --e-global-color-5fb296f );
	outline: none;
	opacity: 0.85;
	border-radius: 4px;
	-webkit-transition: .2s;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}
#lainalaskuri:hover {
	opacity: 1;
}
#lainalaskuri::-webkit-slider-thumb { /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
	-webkit-appearance: none;
	appearance: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var( --e-global-color-3bebab0 );
	cursor: pointer;
}
#lainalaskuri::-moz-range-thumb {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var( --e-global-color-3bebab0 );
	cursor: pointer;
}

.mm-lainasumma, .mm-korkoTitle {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
}
.mm-korkoCont {
	font-family: 'Lato', sans-serif;
	width: 75%;
    background: var( --e-global-color-5fb296f );
    margin: auto;
    color: var( --e-global-color-1f6bf76 );
    margin-top: 50px;
    padding: 30px 30px 25px;
	border-radius: 4px;
    text-align: left;
	-webkit-box-shadow: 0 0 4px 0 #0003;
	        box-shadow: 0 0 4px 0 #0003;
}

.lainalaskuri-painikkeet__prices p{
	margin: 0;
	padding: 8px 0px 7px 0px;
}
.lainalaskuri-painikkeet__prices a{
	color: white;
	text-decoration: underline;
}

/*
 *		PANTTILAINAAMINEN 
 */
/* Columns and buttons */
.mm-panttilainaaminenColumn.elementor-column .elementor-column-wrap.elementor-element-populated {
    padding-bottom: 70px;
}
.mm-panttilainaaminenColumn.elementor-column .elementor-column-wrap.elementor-element-populated .elementor-widget-wrap {
	position: unset;
}
.mm-panttilainaaminenColumn.elementor-column .elementor-column-wrap.elementor-element-populated .mm-btn {
    position: absolute;
	bottom: 30px;
}
.mm-panttilainaaminenColumn.elementor-column.left .mm-btn {
	right: 15px;
}
.mm-panttilainaaminenColumn.elementor-column.right .mm-btn {
	left: 15px;
}

/* Info boxes */
.mm-infoBox.mm-textOnLeft .eael-infobox.icon-on-right .infobox-content {
	text-align: left;
}
.mm-infoBox.mm-textOnRight .eael-infobox.icon-on-left .infobox-content {
	text-align: right;
}

/*
 * 		-- MITÄ PANTIKSI?
 */

/* Advanced Tabs */
.mm-advTabs.elementor-element .eael-tabs-nav > ul {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.mm-advTabs .eael-tabs-nav > ul > li {
	min-width: -webkit-max-content;
	min-width: -moz-max-content;
	min-width: max-content;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

.mm-advTabs .eael-tabs-content {
	max-width: 1024px;
	margin: auto;
}

@media (max-width: 1024px) {
	.mm-advTabs.elementor-element .eael-tabs-nav > ul {
		-ms-flex-wrap: unset;
		    flex-wrap: unset;
		overflow: auto;
		border-right: 5px solid var( --e-global-color-a3b62dd );
	}
}

/*
 * 		-- UKK
 */

/* Accordion */
.mm-accordionUKK .eael-accordion-content {
	border-radius: 10px;
}

/*
 * 		TOIMIPISTEET
 */

/* Taxonomies-query */
.mm-alueetCont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -3px;
	padding-bottom: 3vw;
}
.mm-alueSingle {
	font-size: var( --e-global-typography-ddb8bca-font-size );
	font-weight: var( --e-global-typography-ddb8bca-font-weight );
	font-family: var( --e-global-typography-accent-font-family );
	
	color: var( --e-global-color-a3b62dd );
	border: 1px solid var( --e-global-color-a3b62dd );
	padding: 6px 24px;
	cursor: pointer;
	margin: 3px;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.mm-alueSingle:hover, .mm-alueSingle.active {
	background: var( --e-global-color-a3b62dd );
	color: var( --e-global-color-5fb296f );
}

/* Toimipisteet-query */
.mm-toimipisteetCont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -12px;
}
.mm-toimipisteSingle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 12px;
	width: calc(50% - 24px);
}
.mm-toimipisteSingle.animateShow {
	-webkit-animation: .6s zoom-in;
	        animation: .6s zoom-in;
}
@-webkit-keyframes zoom-in {
  0% {
   -webkit-transform: scale(.1);
           transform: scale(.1);
  } 
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes zoom-in {
  0% {
   -webkit-transform: scale(.1);
           transform: scale(.1);
  } 
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
.mm-toimipisteTexts {
	padding: 24px;
	width: 100%;
	background: var( --e-global-color-fa3f073 );
	color: var( --e-global-color-5fb296f );
}
.mm-toimipisteTitle {
	margin-top: unset;
}
.mm-toimipiste-Sposti, .mm-toimipiste-Puhnum, .mm-toimipiste-Osoite {
	margin-bottom: 10px;
}
.mm-toimipisteLink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 35px;
	padding: 15px;
	height: 100%;
	background: var( --e-global-color-a8b0b08 );
	color: var( --e-global-color-5fb296f );
}
.mm-toimipisteLink:hover {
	color: var( --e-global-color-5fb296f );
	background: var( --e-global-color-3bebab0 );
}

/* Toimipisteet overlay (image/loader) */
.mm-toimipisteetCont-Overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #FFF;
	display: none;
	text-align: center;
}


/*
 * 			PYYDÄ PANTTILAINA-ARVIO
 */

/* Form */
/* Sections */
.mm-formSection > legend {
	width: 100%;
	background: var( --e-global-color-a8b0b08 );
    color: var( --e-global-color-5fb296f );
	padding: 10px 16px !important;
	font-size: 26px !important;
}
.mm-formSection > .wsf-fields {
	padding: 15px;
}
/* Lainan määrä */
.mm-lainanMaara-Number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.mm-lainanMaara-Number label {
	padding-right: 20px;
	font-weight: bold !important;
	margin-bottom: unset !important;
}
.mm-lainanMaara-Number input {
	border-radius: 0 !important;
	width: 100px !important;
	border: 2px solid #666 !important;
}
.mm-lainanMaara-Number input:focus {
	border-color: var( --e-global-color-a3b62dd ) !important;
}
/* Valitse tyyppi */
.mm-valitseTyyppi-Radio input[type="radio"] + label.wsf-label::before {
	border-radius: 4px !important;
	background: unset !important;
	-webkit-box-shadow: unset !important;
	        box-shadow: unset !important;
}
.mm-valitseTyyppi-Radio input[type="radio"] + label.wsf-label::after {
	content: '\2713' !important;
    color: var( --e-global-color-a3b62dd ) !important;
	background: unset !important;
    top: -6px !important;
    left: -10px !important;
    font-size: 24px;
    font-family: system-ui;
	opacity: 0;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.mm-valitseTyyppi-Radio input[type="radio"]:checked + label.wsf-label::after {
	left: 0px !important;
	opacity: 1;
	background: unset !important;
}
.mm-valitseTyyppi-Radio .label.wsf-label {
	margin-bottom: 20px;
}
/* Tyhjennys btn */
.mm-formSection .mm-lomakkeenTyhjennys > button {
    background: var( --e-global-color-1dfef01);
    border: unset;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.mm-formSection .mm-lomakkeenTyhjennys > button:hover {
	background: var( --e-global-color-a8b0b08 );
	color: var( --e-global-color-5fb296f );
}

/*
 * 			VARAA AIKA PANTTILAINAAMOON
 */

/* CSS INSIDE:
 * DASHBOARD -> APPOINTMENTS -> SETTINGS -> STYLES -> CUSTOM CSS
 */

/*
 * 			BACK END CSS
 */

/* Notice for Elementor edit mode */
.mm-editorNotice {
    background: #EEE;
    padding: 24px;
	border-left: 10px solid #AAA;
}
.mm-editorNotice > span {
	display: block;
	margin-bottom: 20px;
}
.mm-editorNotice > p {
	font-size: 12px;
	margin-bottom: 10px;
}
.mm-editorNotice .mm-editorNotice-Text {
    font-weight: bold;
}

@media (max-width: 1024px) {
	/* Karuselli */
	#slickCarousel .mm-tuoteKaruselli-Kuva > img {
    	height: 35vw;
	}
}
@media (max-width: 767px) {
	/* Karuselli */
	#slickCarousel .mm-tuoteKaruselli-Kuva > img {
    	height: 200px;
	}
	#slickCarousel .slick-list.draggable {
		margin: 0px 30px;
	}
	#slickCarousel .mm-tuoteKaruselli-tuoteTekstit .mm-tuoteKaruselli-tuoteOtsikko {
	    font-size: 16px;
	}
	/* Lainalaskuri */
	.mm-korkoCont {
		width: 90%;
		padding: 25px 20px;
	}
	/* Toimipisteet */
	.mm-alueetCont {
		-ms-flex-wrap: unset;
		    flex-wrap: unset;
		overflow: auto;
		border-right: 4px solid var( --e-global-color-a3b62dd );
		margin: 0 0 10px 0;
		padding-top: 8px;
	}
	.mm-alueSingle {
		min-width: -webkit-max-content;
		min-width: -moz-max-content;
		min-width: max-content;
	}
	.mm-toimipisteetCont {
		margin: unset;
	}
	.mm-toimipisteSingle {
		width: 100%;
		margin: 0 0 10px 0;
	}
}