/*OTSIKKOT & LINKIT*/
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1, h2 {
    color: var(--color1);
}
h5, h6 {
	font-family: var(--fontheading2);
	color: var(--color1) !important;
}
h1 { font-size:2rem;}
h2 { font-size:2rem;}
h3 { font-size:1.8rem;}
h4 { font-size:1.5rem;}
h5 { font-size:1.2rem;}
h6 { font-size:1rem;}

.content3 .contentlist h2 {
    font-size: 2rem;
}

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);
}


.content3 {
    margin-bottom: 0 !important;
}

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




/*HEADER*/
.hero-slider__overlay {
    background-color: rgba(0, 0, 0, 0.4);
}
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(--color1) !important;
    padding: 0.2rem 1.3rem !important;
    color: var(--color4) !important;
    border: 0 !important;
    font-size: 0.875rem !important;
    margin-left: 0.3rem;
}
.site-header__top .btn:hover {
	background: var(--color4) !important;
	color: var(--color1) !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;
}
.sticky .site-header__logo img {
    max-height: 60px;
    max-width: 260px;
}
.nav-logocenter__gradient .site-header__logo {
    position: absolute;
    max-width: 260px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.site-header__logo img {
    max-height: 100px;
}
.sivu1 #showcase h2 {
    font-size: 4rem !important;
}
.site-header__bottom {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.btn-switcher-highlight {
    background-color: var(--color1);
    color: var(--color5);
    text-decoration: none !important;
}
.btn-switcher-highlight:hover, .btn-switcher-highlight:focus {
    background-color: var(--color4);
    color: var(--color5) !important;
}
.hero-slider__item .hero-slider__text-content {
    padding: 14rem 2rem 10rem 2rem;
}


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

/*MAIN CONTENT*/
.contentlist .contentlist__item-content {
    background-color: var(--color2) !important;
}
.content3 {
    margin-bottom: 0;
}




/*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(--color1);
    background-color: var(--color1);
}
.button1 .btn-switcher-primary:hover, .button1 .btn-switcher-primary:focus, 
.button3 .btn-switcher-primary:hover, .button3 .btn-switcher-primary:focus {
    color: var(--color4) !important;
    border-color: var(--color3);
    background-color: var(--color3);
}
.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;
}



/*BOTTOM*/

#bottom {
	color:var(--color4);
}
.fast-form-phone .row h2, .fast-form-email .row h2 {
    color: var(--color1);
}
#bottom button.btn.btn-switcher-primary {
    background: var(--color1);
    color: var(--color4);
    font-weight: bold;
}
button.btn.btn-switcher-primary:hover {
    color: var(--color1) !important;
    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;
}




/*FOOTER*/
.site-footer {
    background-color: var(--color1);
    padding: 4rem 0 0 0;
	text-align:center;
}
.registry {
	text-align:left !important;
}
.site-footer__logo img {
    max-width: 265px;
}



/*MOBIILI*/


.site-header__bottom {
    background: var(--color1);
}
.mobile-menu__bars {
    color: var(--color4) !important;
}

.mm-spn.mm-spn--light {
    color: var(--color5);
    background: var(--color1);
}
.mobile-menu a {
    color: var(--color4);
    text-transform: inherit;
    font-family: var(--fontheading) !important;
}


.sivu1 #section-quaternary .content-section {
    padding: 0rem 2rem 5rem 2rem;
}
.content-section .logote img {
	margin:10px;
}

.sisaankirjautuneet {
    padding-top: 0;
}

/*RESPO*/



@media (min-width: 992px) {
	.nav-logocenter .site-header__bottom {
		width: 100% !important;
		box-shadow: 0 5px 8px rgb(0 0 0 / 30%);
	}
	.nav-logocenter__gradient .site-header .sticky {
		background: var(--color3) !important;
		box-shadow: 0px 0px 20px rgb(0 0 0 / 25%);
	}
}



@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__bottom {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
}



@media (min-width: 767.98px) and (max-width: 991.98px) {
	#mobile-buttons {
		top: 15px !important;
	}
	.site-header__bottom {
		box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
	}
}


@media (min-width: 768px) {
	.nav-gradient .site-header .sticky {
		background: var(--color1) !important;
		box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);
		padding: 0.75rem;
	}
	.sticky .desktop-main-menu .current a, .sticky .desktop-main-menu a:hover  {
		color: var(--color5) !important;
	}
}



@media (max-width: 767.98px) {	
	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 1.75rem !important;
	}
	.content-section {
		padding: 2rem 1rem;
	}
	#mobile-buttons {
    	bottom: 17px;
	}
	#mobile-buttons a {
		border-radius: 50px;
		color: var(--color4);
		margin-top: 15px;
	}
	.site-footer {
		background-color: var(--color1);
		padding: 3rem 0 5rem 0;
	}
	h1 { font-size:2rem;}
	h2 { font-size:2rem;}
	h3 { font-size:1.8rem;}
	h4 { font-size:1.5rem;}
	h5 { font-size:1.2rem;}
	h6 { font-size:1rem;}
}




@media (max-width: 575.98px) {
	.site-header__logo img {
		max-height: 50px;
		margin-top: 1px;
		max-width: 225px;
	}
	#mobile-buttons a {
		border-radius: 50px;
		padding:5px 15px;
	}
	.hero-slider__item .hero-slider__text-content {
		padding: 8rem 1rem 3rem 1rem;
	}
	.hero-slider__text-content_inner .btn {
		margin-bottom: 5px;
	}
	.site-footer__logo img {
		max-width: 225px;
	}
	.nav-logocenter__gradient .site-header__logo {
		max-width: 200px;
		left: 40%;
	}
	.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;
	}
	.contentlist .contentlist__item-content {
		background-color: var(--color4) !important;
	}
	.sivu1 #showcase h2 {
		font-size: 2.75rem !important;
	}
	.hero-slider__text-content_inner img {
		width: 40%;
	}
}



@media (max-width: 369.98px) {
	.site-header__logo img {
		max-width: 150px;
	}
	.sticky .site-header__logo img {
		max-height: 60px;
		max-width: 170px !important;
	}
}