/*OTSIKKOT & LINKIT*/
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
h5, h6 {
	font-family: var(--fontheading2);
}

a {
    color: var(--color1);
    text-decoration: none !important;
}

.sivu31 #main-menu a {
    color: var(--color1);
    text-decoration: none !important;
	font-weight:normal;
}
.sivu31 a:hover {
    color: var(--color5);
}

#main-after .content-section {
    padding: 0 2rem 5rem 2rem;
}
.sivu41 #main-content .content-section {
    padding: 5rem 2rem 2rem 2rem;
}
.product-menu-item-wrap:hover {
    background: var(--color3);
	cursor:pointer;
}



/*MENU*/
.desktop-main-menu a {
    font-family: var(--fontheading);
    text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: bold;
}
.desktop-main-menu li.current > a, .desktop-main-menu a:hover {
    
    color: #979797 !important;
}
.desktop-main-menu .sub-menu a:hover {
    color: var(--color3);
    text-decoration: none !important;
}

.sub-menu li.current > a, .sub-menu li a:hover {
    color: #a3a3a3 !important;
}


/*HEADER*/
body:not(.sivu1) .hero-slider__text-content {
    padding: 8rem 2rem 5rem 2rem;
}
.hero-slider__text-content_inner h3 {
    color: var(--color4);
}
.showcase1 .hero-slider h2, .showcase1 .hero-slider h1, .showcase2 .hero-slider h2, .showcase2 .hero-slider h1, 
.showcase1 .hero-slider h3, .showcase1 .hero-slider h4, .showcase2 .hero-slider h3, .showcase2 .hero-slider h4,
.hero-slider__text-content_inner h2, .hero-slider__text-content_inner h3 {
	text-shadow: 0 0 5px rgb(0 0 0 / 50%);
}
.site-header__top .btn {
    background: var(--color4) !important;
    padding: 0.2rem 1.3rem !important;
    color: var(--color5) !important;
    border: 0 !important;
    font-size: 0.875rem !important;
    margin-left: 0.3rem;
}
.site-header__top .btn:hover {
	background: var(--color5) !important;
	color: var(--color4) !important;
}
.hero-slider__text-content p {
    text-shadow: 0 0 3px #000;
    font-size: 1.2rem;
}
.hero-slider__text-content p a {
	text-shadow:none;
}


/*BOXIT*/
.boxlist-item {
    text-align: center;
}
.box2 .boxlist-item__text-holder {
    padding: 3rem 1.5rem;
}

/*MAIN CONTENT*/
.contentlist .contentlist__item-content {
    box-shadow: none;
}





/*BUTTONS*/

a.btn, .button3 .btn-switcher-primary {
    font-weight: bold !important;
}
.button1 .btn-switcher-primary, .button1 .btn-switcher-primary, 
.button3 .btn-switcher-primary, .button3 .btn-switcher-primary {
	color: var(--color4);
    border-color: var(--color5);
    background-color: var(--color5);
}
.button1 .btn-switcher-primary:hover, .button1 .btn-switcher-primary:focus, 
.button3 .btn-switcher-primary:hover, .button3 .btn-switcher-primary:focus {
    color: var(--color5);
    border-color: #E3E3E3;
    background-color: #E3E3E3;
}
#bottom button.btn.btn-switcher-primary {
    background: var(--color1);
	color:var(--color4);
}

.button1 #section-primary .btn-switcher-primary:hover, 
.button1 #section-primary .btn-switcher-primary:focus, 
.button1 #content-top .btn-switcher-primary:hover, 
.button1 #content-top .btn-switcher-primary:focus, 
.button3 #section-primary .btn-switcher-primary:hover, 
.button3 #section-primary .btn-switcher-primary:focus, 
.button3 #content-top .btn-switcher-primary:hover, 
.button3 #content-top .btn-switcher-primary:focus {
    color: var(--color2);
    border-color: var(--color2);
    background-color: var(--color1);
}
.basic-form button.btn.btn-switcher-primary:hover {
    color: var(--color4);
    border-color: var(--color4) !important;
    background-color: var(--color5) !important;
}
a.btn.btn-switcher-primary.btn-switcher-secondary {
    background: var(--color4);
    color: var(--color5);
	border-color: var(--color4) !important;
}
a.btn.btn-switcher-primary.btn-switcher-secondary:hover {
    background: var(--color5);
    color: var(--color4) !important;
	border-color: var(--color5) !important;
}


/*BOTTOM*/

#bottom {
	color:var(--color5);
	background: #e3e3e3;
}
.fast-form-phone .row h2, .fast-form-email .row h2 {
    color: var(--color1);
}
button.btn.btn-switcher-primary:hover {
    color: var(--color1);
    border-color: var(--color4) !important;
    background-color: var(--color4) !important;
}
.copyright {
    text-align: right;
    font-size: 0.85rem;
}



/*OTHER*/


.site-footer__some-links {
    text-align: center;
}
.site-footer__company-info {
    margin-bottom: 0 !important;
}
.hero-slider__overlay {
    background-color: rgba(0, 0, 0, 0.4);
}



/*FOOTER*/

.site-footer {
    background-color: var(--color1);
    padding: 4rem 0 0 0;
	text-align:center;
}
.registry {
	text-align: left !important;

}





/*MOBIILI*/


.site-header__bottom {
    background: #2a2a2a;
}
.mobile-menu__bars {
    color: var(--color3) !important;
}
.mobile-menu__bars {
    color: var(--color4) !important;
}

.mm-spn.mm-spn--light {
    color: var(--color5);
    background: #f5f5f5;
}
.mobile-menu a {
    color: var(--color1);
    font-weight: bold;
    text-transform: inherit;
    font-family: var(--fontheading);
}

.sivu47 #bottom.clearfix {
display: none;
}

.site-footer a:hover {
	color: var(--color4) !important;
	text-decoration:underline !important;
}

@media (max-width: 1050px) {
	.desktop-main-menu a {
		font-size: 1rem !important;
	}
}
/*RESPO*/

@media (max-width: 991.98px) {
	.basic-form {
		padding: 2rem 0;
	}
	.content3 .contentlist .contentlist__item-img-holder, .content4 .contentlist .contentlist__item-img-holder {
    	padding-bottom: 100%;
	}
	.site-header__logo {
    	width: 90%;
	}
	span.mobile-text {
    	display: none;
	}
	
}

@media (min-width: 992px) {
	.nav-logocenter .site-header__bottom {
		width: 100% !important;
		box-shadow: 0 5px 8px rgb(0 0 0 / 30%);
	}
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
	
	.site-header__bottom {
		box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
	}
}

@media (min-width: 768px) {
	.nav-gradient .site-header .sticky {
		background: var(--color5) !important;
		box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
		padding: 0.75rem;
	}
}
@media (max-width: 767.98px) {
	.site-header #header.sticky {
		top: 0;
		bottom: auto;
	}
	.site-footer {
		background-color: var(--color1);
		padding: 3rem 0 5rem 0;
	}	
	
	body:not(.sivu1) .hero-slider__text-content {
		padding: 5rem 1rem 3rem 1rem;
	}
	.hero-slider__item .hero-slider__text-content {
		padding: 8rem 1rem 3rem 1rem;
	}
	.site-header__bottom {
		box-shadow: 0 -5px 5px rgb(0 0 0 / 10%);
	}
	
	.contentlist .contentlist__item-content {
		box-shadow: none;
	}
	.gallery-elem {
		width: 32%;
	}
	.content1 .contentlist .contentlist__item-content, .content2 .contentlist .contentlist__item-content, .content3 .contentlist .contentlist__item-content, .content4 .contentlist .contentlist__item-content, .content5 .contentlist .contentlist__item-content {
		padding: 2.5rem 0rem !important;
	}
	
	.content-section {
		padding: 2rem 1rem;
	}
	.col-3.product-menu-item {
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50% !important;
		width: 50% !important;
	}
	#mobile-buttons a {
    	border-radius: 50px;
	}

}

@media (max-width: 575.98px) {
	.site-header__logo img {
		max-height: 50px;
		margin-top: 1px;
		max-width: 150px;
	}
	
	.col-3.product-menu-item {
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.mobile-menu__bars {
		color: var(--color4) !important;
		margin-left: 20px;
	}
	#mobile-buttons a span {
		font-size: 12px;
		display: none;
	}
}

@media (max-width: 369.98px) {
	.site-header__logo img {
		max-width: 150px;
	}
}



.tuote a.btn {text-align:center;padding-lefT:0; padding-right:0;}
.maaranappi .col-6 input {width:100%;border-radius:50px;border:2px solid #eee;padding:5px 0; text-align:center;}
.product-image {margin-bottom:1rem;}
.tuote {margin:5px; border:2px solid #eee;padding:1rem 0;}
.overlays svg {margin-top:10px;}