/*
Theme Name: Aapee-Auto Oy
Author: Verkkosivutoimisto
Version: 1.1.7
*/


/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}


/* WordPress gallery */
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/*Oma CSS*/
html{
	font-size: 62.5%;
	scroll-behavior: smooth !important;
}

body{
	font-family: 'Roboto', sans-serif;
	color: #383838;
	font-size: 1.6rem;
}

header{
	overflow: hidden;
}

h1, h2, h3, h4, h5{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	margin-bottom: 15px;
}
h1{
	font-size: 3rem;
}
h2{
	font-size: 3rem;
}
.h3-otsikko{
	width: auto !important;
	left: initial !important;
}

p{
	line-height: 1.6;
}

.text-center{
	display:none;
}

figure img{
	height: auto;
}

a{
	text-decoration: none;
	color: #56E969;
}
a:hover{
	opacity: 0.7;
}

/* unvisited link */
a:link {
  color: #56E969;
	text-decoration: none;
	
}
footer .fab{
	color: #ffffff;
}

.takaisin-ylos{
	padding: 5rem 0rem 5rem 0rem !important;
}


/* visited link */
a:visited {
  color: #56E969;
}

/* mouse over link */
a:hover {
  color: #56E969;
}

/* selected link */
a:active {
  color: #56E969;
}
.etusivu-paaslider-teksti p{
	text-align: center !important;
}
.site-main .entry-content p{
	font-size: 1.7rem;
}
#ff-stream-1{
	padding: 0px;
}
#ff-stream-1 .ff-stream-wrapper{
	margin: 0px;
}
.some-feed .wp-block-column{
	    padding: 5rem 0rem 2rem 0rem;
}
.wpcf7{
	max-width: 70rem;
	margin: 0px auto;
}
.wpcf7 span.wpcf7-list-item { 
	display: block; 
}
#n2-ss-4 .n2-style-2f8d556f499de1e64aa2024ddbc89e23-heading:hover{
	background: #53cd65 !important;
	color: #333333 !important;
}
.sivu-nappi-puhelin{
    background: #56E969;
    text-align: center;
    height: 4.2rem;
    width: 4.2rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sivu-nappi-puhelin a{
	color: #ffffff;
}

/*TAVALLINEN SIVUPOHJA ARTIKKELIKUVA + OTSIKKO*/

.sivu-otsikko{
	  display: flex;
  flex-direction: column;
  justify-content: center;
  
}

.sivu-otsikko .sivu-otsikko-teksti{
	position: absolute;
	width: 100%;
	height: 20rem;
	z-index: 10;
	display: flex;
  	justify-content: center;
  	align-items: center;
}
.sivu-otsikko .sivu-otsikko-kuva img{
	display: block;
	width: 100%;
	height: 20rem;
	object-fit: cover;
  object-position: center;
}

.sivu-otsikko .sivu-otsikko-logo{
	display: flex;
  	justify-content: center;
  	align-items: center;
	z-index: 10;
}

.sivu-otsikko .sivu-otsikko-overlay{
	position: absolute;
	background: black;
	opacity: 0.5;
	width: 100%;
	height: 20rem;
}
.alasivu-sivu-otsikko .row{
	margin-right: 0px;
	margin-left: 0px;
}
.alasivu-sivu-otsikko-kuva img{
	display: block;
	width: 100%;
	height: 20rem;
	object-fit: cover;
  object-position: center;
}
.alasivu-sivu-otsikko-wrapper{
	position: relative;
}
.alasivu-sivu-otsikko-logo{
	display: flex;
  	align-items: center;
	flex-direction: column;

}
.alasivu-sivu-otsikko-logo img{
	position: absolute;
	padding-top: 2rem;
	z-index: 10;
}
.alasivu-sivu-otsikko-overlay{
	height: auto;
	position: absolute;
	background: black;
	opacity: 0.5;
	width: 100%;
	height: 20rem;
}
.alasivu-sivu-otsikko-teksti{
	position: absolute;
	bottom: 21%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
	margin-top: 6rem;
	height: auto;
	color: #ffffff;
	z-index: 10;
}
.alasivu-sivu-otsikko-teksti h1{
	
	color: #ffffff;
	z-index: 10;
}


/*MITEN PALVELU TOIMII - Palvelut*/

#miten-palvelu-toimii {
    margin-left: auto;
    margin-right: auto;
    max-width: 80em;
}

#miten-palvelu-toimii #container {
    float: left;
    padding: 1em;
    width: 100%;
}
#miten-palvelu-toimii .fas{
	color: #333333;
	padding-top: 1rem;
	padding-bottom: 2rem;
}
#miten-palvelu-toimii ul,
#miten-palvelu-toimii ol {
    margin: 1em 0;
	padding: 0px;
}
#miten-palvelu-toimii ul{
	list-style-type: "- ";
}
#miten-palvelu-toimii ol.process-chart > li > div{
	margin-bottom: 0px;
}

#miten-palvelu-toimii h1{
	margin-bottom: 3rem;
}
#miten-palvelu-toimii h2{
	color: #ffffff;
	font-weight: bold;
}
#miten-palvelu-toimii h3{
	margin-bottom: 2rem;
}
#miten-palvelu-toimii h1, #miten-palvelu-toimii h2, #miten-palvelu-toimii h3, #miten-palvelu-toimii p{
	padding: 0px;
}

ol.process-chart {
    color: #000;
    counter-reset: item;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 0 1em;
    padding: 0;
}

ol.process-chart > li,
ol.process-chart > li > div {
    position: relative;
}

ol.process-chart > li {
    background: linear-gradient(to right, rgba(0,0,0,0.25) 0%, transparent 25%);
    background-color: #fff;
    counter-increment: item;
    flex-basis: 0;
    flex-grow: 1;
    margin: 1em 1em 1em -1em;
    min-width: 11.25em;
    padding: 1em 1em 2em 2em;
	box-shadow: 20px 5px 20px -2px grey;
}

ol.process-chart > li:before,
ol.process-chart > li > div:before {
    color: rgba(0,0,0,0.75);
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

ol.process-chart > li:before {
    content: '';
    display: inline-block;
    font-weight: 300;
    left: 2em;
    letter-spacing: 0.1em;
    position: absolute;
    top: 1em;
    transform: rotate(90deg);
    transform-origin: 25% 50%;
}

ol.process-chart > li:after {
    border-bottom: 1em solid transparent;
    border-left: 1em solid #fff;
    border-right: 0 solid transparent;
    border-top: 1em solid transparent;
    content: '';
    height: 100%;
    position: absolute;
    right: -1em;
    top: 0;
    width: 0;
    z-index: 1;
}

ol.process-chart > li > div {
    padding: 0 0 0 1em;
}

ol.process-chart > li > div:before {
    font-size: 3em;
    font-weight: 500;
    line-height: 1;
}

/*** PRIMARY ***/
ol.process-chart > li:nth-of-type(6n+1) {
    background-color: #56E969;
}

ol.process-chart > li:nth-of-type(6n+1):after {
    border-left-color: #56E969;
}

/*** SECONDARY ***/
ol.process-chart > li:nth-of-type(6n+2) {
    background-color: #56E969;
}

ol.process-chart > li:nth-of-type(6n+2):after {
    border-left-color: #56E969;
}

/*** TERTIARY ***/
ol.process-chart > li:nth-of-type(6n+3) {
    background-color: #56E969;
}

ol.process-chart > li:nth-of-type(6n+3):after {
    border-left-color: #56E969;
}

/*** QUATERNARY ***/
ol.process-chart > li:nth-of-type(6n+4) {
    background-color: #56E969;
}

ol.process-chart > li:nth-of-type(6n+4):after {
    border-left-color: #56E969;
}

/*** QUINARY ***/
ol.process-chart > li:nth-of-type(6n+5) {
    background-color: #56E969;
}

ol.process-chart > li:nth-of-type(6n+5):after {
    border-left-color: #56E969;
}


@media only screen and ( max-width: 40em ) {

    ol.process-chart {
        margin: 1em 0 0 0;
        padding: 1em 0 0 0;
    }

    ol.process-chart > li {
        background: linear-gradient(rgba(0,0,0,0.25) 0%, transparent 25%);
        flex-basis: inherit;
        margin: -1em 0 1em 0;
        min-width: inherit;
        padding: 1em 1em 3em 1em;
		box-shadow: 5px 10px 10px 1px grey;
    }
	

    ol.process-chart > li:before {
        left: 1em;
        top: 2em;
    }

    ol.process-chart > li:after {
        border-bottom: 0 solid transparent;
        border-left: 1em solid transparent!important;
        border-right: 1em solid transparent;
        border-top: 1em solid #fff;
        bottom: -1em;
        height: 0;
        left: 0;
        right: inherit;
        top: inherit;
        width: 100%;
    }

    ol.process-chart > li > div {
        padding: 1em 1em 0 1em;
    }

    /*** PRIMARY ***/
    ol.process-chart > li:nth-of-type(6n+1):after {
        border-top-color: #56E969;
    }

    /*** SECONDARY ***/
    ol.process-chart > li:nth-of-type(6n+2):after {
        border-top-color: #56E969;
    }

    /*** TERTIARY ***/
    ol.process-chart > li:nth-of-type(6n+3):after {
        border-top-color: #56E969;
    }

    /*** QUATERNARY ***/
    ol.process-chart > li:nth-of-type(6n+4):after {
        border-top-color: #56E969;
    }

    /*** QUINARY ***/
    ol.process-chart > li:nth-of-type(6n+5):after {
        border-top-color: #56E969;
    }

}



/*Perus CSS*/
.nav .nav-logo{
	display: none;
}
.etusivu-iso-slider .n2-ss-slide{
	height: 100% !important;
}
.aloitus-otsikko-etusivu{
	font-size: 2.6rem;
	left: 0px !important;
}
.alasivu .wp-block-separator{
	opacity: 1;
}
.kustannusarviolomake-otsikko{
	font-size: 2.8rem !important; 
}
.kustannusarvio-palvelut{
	max-width: 70rem;
    margin: 0px auto;
	padding: 0rem 1rem 0rem 1rem;
}

.kustannusarvio-palvelut span.wpcf7-list-item{
	display: block;
}
.ylabanneri .fa, .ylabanneri .fas, .ylabanneri .fab, .ylabanneri .far{
	margin-right: 1.5rem;
}
.ylabanneri-osoite{
	display: block;	
}

.ylabanneri{
	background-color: #56E969;	
	height: auto;
	text-align: center;
	padding-top: 0.8rem;
 	padding-bottom: 0.8rem;
	font-size: 1.4rem;
	box-shadow: 1px 1px 7px #c1c1c1;
}
.ylabanneri-teksti-wrapper{
	margin: 0px auto;
}

.ylabanneri-nappi{
	display: none;
}
.ylabanneri-osoite{
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}
.ylabanneri-kello{
	display: inline;
	margin-left: 2rem;
}
.ylabanneri-sijainti{
	display: none;
}
.ylabanneri a{
	color: #333333;
}
.ylabanneri a:link{
	color: #333333;
	text-decoration: none;
}
.ylabanneri a:visited{
	color: #333333;
	text-decoration: none;
}
.ylabanneri a:hover{
	color: #000000;
	text-decoration: none;
}
.fa{
	padding-left: 5px;
	padding-right: 5px;
}
.sivu-nappi-puhelin .fa-mobile-alt{
	color: #333333;
}
.main-logo-tablet img{
		display: none;
	}
.main-logo-mobile img{
	display: initial;
}
.main-logo-mobile{
	margin: 0px;
}
.nappi-etusivu-esittely a{
	background: #53CD65 !important;
	color: #ffffff !important;
	border-radius: 0px !important;
	width: 18rem;
	font-size: 1.8rem;
	margin-top: 15px;
	border: 1px;
	border-style: solid;

}
.nappi-etusivu-esittely a:hover{
	background: #1bb130;
	color: #ffffff;
	text-decoration: none;
}
.nappi-vihrea-iso a{
	background: #56E969 !important;
	color: #000000 !important;
	border-radius: 5px !important;
	width: auto;
	margin-top: 15px;
	font-size: 1.6rem;
	border: 1px;
	border-style: solid;

}
.nappi-vihrea-iso a:hover{
	background: #1bb130;
	color: #000000;
	text-decoration: none;
}
.nappi-vihrea-pieni a{
	background: #56E969 !important;
    color: #000000 !important;
    border-radius: 5px !important;
	border: 1px;
	border-style: solid;
    padding: 7px 0px 7px 0px;
    width: 12rem !important;
    font-size: 1.5rem;
	margin-top: 15px;
}

.tevetuloa-boksi-container{
	padding: 0px !important;
	box-shadow: none !important;
	margin: 0px !important;
}
.tevetuloa-boksi-container h1{
	position: relative !important;
	top: 0px !important;
}
.tervetuloa-boksi{
	margin-top: 1rem;
}
.tervetuloa-boksi img{
	width: 100%;
}
.tevetuloa-boksi-container .wp-block-column {
	padding: 0px !important;
}
.tervetuloa-boksi .wp-block-image{
	margin: 0px;
}
.tevetuloa-boksi-container p, .tevetuloa-boksi-container h2 {
	padding: 0rem 2rem 0rem 2rem !important;
	color: #505050;
}
.tervetuloa-boksi-alaotsikko{
	background: #56E969;
	font-size: 1.8rem;
	padding: 1.5rem 2rem 1.5rem 2rem;
	margin: 0px;
}
.tervetuloa-boksi .wp-block-buttons{
	padding: 1.5rem 2rem 1.5rem 2rem;
}
.tervetuloa-boksi .fas{
	color: #56E969;
}
.tervetuloa-boksi .fa-arrow-right{
	margin-left: 0.5rem;
}
.tervetuloa-boksi hr{
	width: 7rem !important;
	border: 1px solid lightgrey;
	opacity: 1;
}
.tervetuloa-boksi h2{
	background: initial !important;
	position: initial !important;
	height: initial !important;
    box-shadow: none !important;
    width: auto !important;
    top: initial !important;
    left: initial !important;
    padding: 0px !important;
}
.tervetuloa-boksi a:hover{
	text-decoration: none;
}
.alasivu .nappi-vihrea-iso a{
	width: auto;
}
.navbar{
	margin: 2px 0px 2px 0px;
	min-height: 40px;
}
.navbar-default{
	background-image: none;
    background-repeat: repeat-x;
    filter: none;
    box-shadow: none;
	background-color: transparent;
	border-color: transparent;
}
.navbar-default .navbar-toggle {
    border: none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #00b66e;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ffffff;
}

.navbar-toggle{
	padding: 0;
	margin-top: 10px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 5px;
}

.nav .nav-logo{
	display: none;
}
.nav-logo a{
	visibility: hidden !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    background-image: none;
    filter: none;
    background-repeat: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #22CE3A !important;
	text-decoration: underline;
	background-color: transparent;
}
.navbar-default .navbar-nav>li>a {
    color: #000000;
}
.navbar-collapse{
	margin: 0 auto;
	border: none;
	padding-bottom: 3rem;
}
.nav a{
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.5px;
}


.nav li{
	padding: 0rem 2rem 0rem 2rem;
}

.etusivu-main-kuva{
	width: 100%;
	margin: 0px auto;
}
.etusivu-main-kuva img{
	margin: 0px auto;
}

.post-60 .entry-title {
	display: none;
}
#main-column .post, #main-column .page{
	border: none;
	padding: 0px;
}
.etusivu-sisalto-1-font-size p{
	font-size: 1.9rem;
}
.palvelut-etusivu-taustavari .wp-block-cover.has-background-dim:not(.has-background-gradient):hover::before{
	opacity: 0.5 !important;
	background-color: #56E969;
}
.palvelut-etusivu-taustavari a{
	height: 100%;
	width: 100%;
	text-decoration: none;
	color: #ffffff;
	text-shadow: 0.1rem 0.1rem 0.2rem #000000;
}
.palvelut-etusivu h2{
	text-align: center !important;
	width: auto !important;
	left: 0px !important;
}

.palvelu-template-default .entry-title{
	display: none;
}
.palvelut{
	margin-top: 3rem;
}
.palvelut p, .palvelut .wp-block-buttons, .palvelut h1, .palvelut h2, .palvelut h3, .palvelut h4, .alasivu p, .alasivu .wp-block-buttons, .alasivu h1, .alasivu h2, .alasivu h3, .alasivu h4, .alasivu .wp-block-image{
	max-width: 100rem;
	margin: 0px auto;
	padding: 0rem 1rem 0rem 1rem;
}
.alasivu .entry-title{
	display: none;
}
.palvelut-listaus{
	text-align: center;
	flex-direction: column;
    align-content: center;
}
.palvelut-listaus .wp-block-post-title {
	word-break: keep-all;
	margin: 0px auto;
	font-weight: 500;
	font-size: 2rem;
	padding: 0px;
}
.palvelut-listaus .wp-block-post-date{
	display: none;
}

.wp-block-post-featured-image img{
	height: 130px;
    object-fit: cover;
}
.esittely-teksti-etusivu{
	max-width: 600px;
	margin: 0px auto;
	padding: 1.5rem;
}
.logo-aapee img{
	height: auto;
	padding-top: 30px;
}

.paaotsikko-etusivu{
		margin-top: 0px;
}
.wp-block-column{
	background: #ffffff;
	position: relative;
	height: auto;
    box-shadow: 2px 2px 10px 0px #bfbfbf;
	padding: 4rem 2rem 3rem 2rem;
	margin-bottom: 3rem;
}
.wp-block-cover, .wp-block-cover-image{
	height: 20rem;
	min-height: initial;
	text-align: center;
}
.alasivu .kolumni-laatikko-tyyli{
	background: #ffffff;
	position: relative;
	height: auto;
    box-shadow: 2px 2px 10px 0px #bfbfbf;
	padding: 7rem 7rem 6rem 7rem;
	margin-bottom: 8rem;
	margin-top: 4rem;
}
.palvelukuvaukset-slider{
	margin-bottom: 2rem;
}

.alasivu .wp-block-column{
	background: transparent;
	box-shadow: none;
    padding: 0px;
    margin-bottom: 3rem;
	margin-top: 0px;
}
.alasivu .yhteys-content{
	margin-top: 7rem;
}
#post-233 .entry-content{
	margin-top: 5rem;
}
#post-233 .alasivu .wp-block-column{
	margin-top: 0px;
}

.kolumni-laatikko-tyyli .wp-block-column{
	background: transparent;
    box-shadow: none;
    padding: 0px 10px 0px 10px;
    margin-bottom: 0px;
}
.alasivu .kolumni-laatikko-tyyli .wp-block-column {
    padding: 0px 10px 0px 10px;
}
.checkmark-palvelut{
	font-size: 1.8rem;
}

.kolumni-laatikko-tyyli .checkmark-palvelut p::before{
	font-family: "Font Awesome 5 Free";
	font-size: 1.9rem;
	font-weight: bold;
	color: #53CD66;
	content: "\f00c";
	padding-right: 20px;
}
.kolumni-laatikko-tyyli h2{
	font-size: 2.4rem;
}
.yhteys-vasen-kolumni{
	padding-left: 0px;
}
.wp-block-columns{
	margin-bottom: 0px;
}
.wp-block-column h1, .wp-block-column h2, .wp-block-column h3{
	background: #ffffff;
	position: absolute;
    height: auto;
    box-shadow: 0px 0px 10px 0px #bfbfbf;
    width: 100%;
    /* margin: -30px 0px 0px 30px; */
    top: -5.3rem;
	left: 0px;
    padding: 1.5rem 4rem 1.5rem 4rem;
}
.alasivu{
	background: #ffffff;
}
.alasivu .wp-block-column h1, .alasivu .wp-block-column h2, .alasivu .wp-block-column h3 {
    background: #ffffff;
    position: absolute;
	font-weight: 500;
	letter-spacing: 0.1rem;
    height: auto;
    box-shadow: 0px 0px 10px 0px #bfbfbf;
    width: 100%;
    /* margin: -30px 0px 0px 30px; */
    top: -2.7rem;
    left: 0px;
    padding: 2.5rem 2rem 2.5rem 2rem;
}
.alasivu .yhteys-block-start{
		margin-top: 7rem;
}
.alasivu .fas{
	margin-right: 1.5rem;
}
.whatsapp-lista li{
	padding-bottom: 1.5rem;
}
.spacer-huoltopalvelut{
	height: 3rem !important;
}
.wp-block-media-text .wp-block-media-text__media{
	margin-top: 0rem;
}
.wp-block-column .otsikko-middle{
   background: #ffffff;
	position: absolute;
    height: auto;
    box-shadow: 0px 0px 10px 0px #bfbfbf;
    width: 100%;
    /* margin: -30px 0px 0px 30px; */
    top: -5.3rem;
	left: 0px;
    padding: 1.5rem 4rem 1.5rem 4rem;
}
.kolumnit-transparent-etusivu .wp-block-column{
	background: transparent;
	height: auto;
    box-shadow: none;
	padding: 0px;
	margin-bottom: 2rem;
}
.kolumnit-transparent-etusivu{
	background: transparent !important;
	height: auto !important;
    box-shadow: none !important;
	padding: 0px !important;
	margin-bottom: 2rem !important;
}
.kolumnit-transparent-etusivu h1, .kolumnit-transparent-etusivu h2, .kolumnit-transparent-etusivu h3 {
	position: relative !important;
   background: transparent !important;
	height: auto !important;
    box-shadow: none !important;
	padding: 0px !important;
	margin-bottom: 2rem !important;
	top: 0px !important;
}

.palvelut-galleria-linkit figure{
	background: #000000;
}
.palvelut-galleria-linkit figure:hover{
	background: #53CD65;
}
.palvelut-galleria-linkit img{
	opacity: 0.6;
}
.palvelut-galleria-linkit img:hover{
	opacity: 0.1;
}
.palvelut-galleria-linkit a{
	text-decoration: none;
	color: #ffffff;
}

.palvelut-galleria-linkit figcaption{
	background: transparent !important;
	font-size: 2rem !important;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0px !important;
	bottom: initial !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/*Alasivun tekstikenttien tyyli*/
.wp-block-media-text .wp-block-media-text__content {
    padding: 0px;
}
.whatsapp-banneri-kuva{
	margin-bottom: 5rem;
}

.whatsapp-banneri-kuva img{
	height: auto;
}
.container{
	padding: 0rem 1.5rem 0rem 1.5rem;
	overflow: auto;
    word-break: break-word;
}
#main-column{
	padding: 0px;
}
.site-title .site-title-heading{
	text-align: center;
}
.asiakaskokemus{
	border-bottom: 1px solid lightgray;
}
.asiakaskokemus p{
	line-height: initial;
	margin: 1px 0px 0px 0px;
}
.asiakaskokemus .arvostelijan_nimi, .asiakaskokemus .arvostelun_alkupera{
	box-shadow: none;
    padding: 0px;
    margin-bottom: 0px;
}
.arvostelijan_nimi{
	font-weight: bold;
}
.arvostelun_alkupera{
	color: grey;
}
.palvelut-etusivu{
	margin-bottom: 6rem;
}
.palvelut-listaus a{
	background: #56E969;
    padding: 12px 12px 12px 12px;
    color: #333333;
    word-break: break-word;
	white-space: initial;
	width: 100%;
	
}

/*Footer*/
#site-footer{
	background-image: url("/wp-content/uploads/2022/03/footer-tausta-scaled.jpg"); /* Footerin taustakuva */
  	background-color: #282828; /* Käytetään, jos taustakuva ei saatavilla */
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	
	border-top: 2px solid #00E189;
	height: auto;
	padding: 2rem 5rem 5rem 5rem;
	overflow: hidden;
    word-break: break-word;
}
#site-footer p{
	font-size: 1.5rem;
}
footer{
	display: flex;
  justify-content: center;
  align-items: center;
}

footer a:hover{
	opacity: 0.5;
}

footer h3{
	color: #56E969;
}

footer .footer-s-posti a, .footer-osoite a, .footer-puhelinnumero a{
	color: #ffffff;
}

.footer-container .footer-links{
	z-index: 10;
}
.footer-sisalto{
	color: #ffffff;
}

.footer-logo{
	margin: 0px auto;
	max-width: 18rem;
}

footer .container{
	overflow: hidden;
}

.footer-container .col-md-4{
	padding: 0px 15px 0px 15px;
}

.footer-right{
	text-align: left;
}

.footer-links{
	text-align: left;	
}

.footer-links h4{
	margin-bottom: 3rem;	
}
.taustakuva-footer{
	display: none;
}

.copyright-footer{
	padding: 6rem 0rem 0rem 0rem;
	text-align: center;
	margin: 0px auto;
}
.copyright-footer p{
	letter-spacing: 0.15rem;
}
.copyright-footer a{
	text-decoration: none;
}
.copyright-footer a:hover{
	text-decoration: none;
}

	/*HEADER - sivupohjat*/
.sivu-otsikko-wrapper{
	height: 20rem;
	background: #56E969;
	padding-right: 0px;
	padding-left: 0px;
}
.alasivu-sivu-otsikko-wrapper{
	height: auto;
	background-image: url("https://www.aapee-auto.fi/wp-content/uploads/2023/11/paakuva.jpg");
	background-position: center;
  	background-repeat: no-repeat;
 	 background-size: cover;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
}
.alasivu-sivu-otsikko-wrapper .container{
	padding-top: 2rem;
	padding-bottom: 7rem;
	overflow-x: hidden;
}
.alasivu-sivu-otsikko-wrapper img{
	margin: 0px auto;
}
.alasivu-otsikko-teksti{
	color: #ffffff;
	margin-top: -3rem;
}
.alasivu-otsikko-teksti h1{
	display: none;
	padding-bottom: 0.5rem;
	font-size: 3.6rem;
	letter-spacing: 0.2rem;
}
.alasivu-sivu-otsikko-wrapper p{
	color: #ffffff;
	text-shadow: 0.5px 0.5px 3px RGBA(0,0,0,1);
	letter-spacing: 1.2px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 2rem;
}
.alasivu-sivu-otsikko-wrapper h3{
	display: none;
	font-size: 2.6rem;
	letter-spacing: 0.1rem;
	color: #ffffff;
	margin-top: 0px;
	text-align: center;
}
.alasivu-sivu-otsikko-wrapper .otsikko-kolumni{
	padding: 5rem 0rem 0rem 0rem;
	color: #ffffff;
}
.alasivu-sivu-otsikko-wrapper .otsikko-kolumni h1{
	font-size: 3.6rem;
}
.alasivu-sivu-otsikko-wrapper .otsikko-kolumni a{
	color: #ffffff;
	text-decoration: none;
}
.alasivu-sivu-otsikko-wrapper .wp-block-button{
	margin-top: 2rem;
	text-align: center;
	font-weight: bold;
}
.alasivu-sivu-otsikko-wrapper .wp-block-button a{
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	letter-spacing: 0.1rem;
	color: #333333;
}
.alasivu-gradient-layer{
	height: inherit;
	background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0,0,0,1));
	padding-right: 0px;
	padding-left: 0px;
}

.sivu-otsikko h1{
	font-size: 3.6rem;
	word-break: break-word;
	margin: 0px;
	padding: 2rem 2rem 1.5rem 2rem;
    color: #ffffff;
	text-shadow: 1px 1px 3px #333333;
}
.alasivu{
	margin-bottom: 0rem;
}
.alasivu h1{
	font-size: 3rem;
	padding-top: 2rem;
	padding-bottom: 1rem;
	
}
.puhelin-yhteys{
	position: fixed !important;
	text-align: center;
	bottom: 2rem !important;
	width: auto;
	right: 0px !important;
	padding: 0px;
	z-index: 10;
	display: grid;
}
.puhelin-yhteys a{
	margin-bottom: 1rem;
	color: #ffffff;
}

.kartta-yhteyssivu{
	height: 100%;
}
.kartta-footer{
	padding-right: 0px;
	padding-left: 0px;
}
.footer-left{
	text-align: center;		
}
.footer-right{
	text-align: center;
}

.footer-links{
	text-align: center;	
}

@media screen and (min-width: 360px){
.ylabanneri{
	font-size: 1.6rem;
}
.checkmark-palvelut{
	font-size: 1.8rem;
}
	
}

@media screen and (min-width: 768px) {

 .ylabanneri{
	background-color: #56E969;	
	height: 5rem;
	text-align: center;
	padding-top: 1rem;
 	padding-bottom: 0.9rem;
	 font-size: 1.5rem;
	
}
.ylabanneri-teksti-wrapper{
	margin: 0rem 2rem 0rem 2rem;
}
.ylabanneri-osoite{
	display: inline;
	/*display: none;	*/
}
	
}
.ylabanneri-kello{
	display: inline-block;
	margin-top: 0px;
}
.site-main .entry-content p{
	font-size: 1.6rem;
}
.aloitus-otsikko-etusivu{
	font-size: 2.8rem
}
.kustannusarviolomake-otsikko{
	font-size: 3.2rem !important; 
	padding-top: 3rem;
}

	
.main-logo-tablet img{
		display: none;
	}
.main-logo-mobile img{
	display: none;
}

	/* tästä lähti copypaste */

.esittely-teksti-etusivu{
	margin-bottom: 1rem;
}
.checkmark-palvelut{
	font-size: 1.8rem;
	margin-top: 0rem;
}
.container{
	padding: 0rem 1rem 0rem 1rem;
	overflow: auto;
    word-break: break-word;
}
.wp-block-column{
	background: #ffffff;
	position: relative;
	height: auto;
    box-shadow: 2px 2px 10px 0px #bfbfbf;
	padding: 4rem 4.5rem 2rem 4.5rem;
	margin-bottom: 3rem;
}
.alasivu{
	background: initial;
}

.alasivu .wp-block-column{
	background: #ffffff;
	position: relative;
	height: auto;
    box-shadow: 2px 2px 10px 0px #bfbfbf;
	padding: 0px;
	margin-bottom: 4rem;
	margin-top: 2rem;
}
.alasivu .yhteys-content{
	margin-top: 6rem;
	padding: 0rem 1.5rem 0rem 2rem;
}
#post-233 .wp-block-column{
	margin-top: 1.5rem;
}
.alasivu .kolumni-laatikko-tyyli .wp-block-column {
    padding: 0px 0px 0px 0px;
}
.alasivu .yhteys-block-start{
		margin-top: 2rem;
}

.nappi-vihrea-iso a{
	background: #56E969 !important;
	color: #000000 !important;
	border-radius: 5px !important;
	width: auto;
	margin-top: 15px;
	font-size: 1.6rem;
}

.kolumni-laatikko-tyyli{
		margin-bottom: 5rem;
	}
.kolumni-laatikko-tyyli .wp-block-column{
	background: transparent;
    box-shadow: none;
    padding: 0px 15px 0px 15px;
    margin-bottom: 0px;
}
.kolumnit-transparent-etusivu{
	background: transparent;
	height: auto;
    box-shadow: none;
	padding: 0px;
	margin-bottom: 2rem;
}
.kolumnit-transparent-etusivu{
	background: transparent !important;
	height: auto !important;
    box-shadow: none !important;
	padding: 0px !important;
	margin-bottom: 2rem !important;
}
.kolumnit-transparent-etusivu h1, .kolumnit-transparent-etusivu h2, .kolumnit-transparent-etusivu h3 {
	position: relative !important;
   background: transparent !important;
	height: auto !important;
    box-shadow: none !important;
	padding: 0px !important;
	margin-bottom: 2rem !important;
	top: 0px !important;
}
.paaotsikko-etusivu{
		margin-top: 40px;
}
	
.sisalto-nosto-etusivu .wp-block-column{
		flex-grow: 1;
}

.spacer-huoltopalvelut{
	height: 0px !important;
}
.wp-block-column .otsikko-middle{
	 background: transparent;
	position: initial;
    height: auto;
    box-shadow: none;
    width: 100%;
    /* margin: -30px 0px 0px 30px; */
    top: initial;
	left: initial;
    padding: 0px;
}
.wp-block-media-text .wp-block-media-text__media{
	margin-top: 1.5rem;
}
.palvelut-etusivu{
	margin-bottom: 8rem;
}
.palvelukuvaukset-slider{
	margin-bottom: 5rem;
}

.palvelut-listaus .wp-block-post-title {
		font-size: 1.8rem;
	padding: 0px;
}
.miten-palvelumme-toimii{
		border-bottom: 3px solid #51d562;
    	width: fit-content;
		margin: 0px auto;
}
#miten-palvelu-toimii h1{
	margin-bottom: 0rem;
}
.sivu-otsikko .sivu-otsikko-teksti{
	position: absolute;
	width: 100%;
	height: 30rem;
	z-index: 10;
	display: flex;
  	justify-content: center;
  	align-items: center;
}
.sivu-otsikko .sivu-otsikko-logo{
	position: absolute;
	width: 100%;
	z-index: 10;
	display: flex;
  	justify-content: center;
  	align-items: center;
}
.sivu-otsikko .sivu-otsikko-overlay{
	position: absolute;
	background: black;
	opacity: 0.5;
	width: 100%;
	height: 30rem;
}
.sivu-otsikko .sivu-otsikko-kuva img{
	display: block;
	width: 100%;
	height: 30rem;
	object-fit: cover;
  object-position: center;
}
.alasivu-sivu-otsikko-kuva img{
	display: block;
	width: 100%;
	height: 30rem;
	object-fit: cover;
  object-position: center;
}
.sivu-otsikko-wrapper{
	height: 30rem;
}
.alasivu-sivu-otsikko-wrapper .container{
	padding-top: 3rem;
	padding-bottom: 4rem;
	overflow-x: hidden;
}
#alasivu .sivu-otsikko-wrapper{
	height: auto;
}
.alasivu-sivu-otsikko-teksti{
	height: auto;
}
	
.whatsapp-banneri-kuva{
	margin-bottom: 6rem;
}
.whatsapp-banneri-kuva img{
	height: auto;
}
.asiakaskokemus{
	border: none;
}
.footer-left{
	text-align: initial;		
}
.footer-right{
	text-align: center;
}
.footer-links{
	text-align: center;	
}
	
.kartta-yhteyssivu{
	height: 25rem;
}
	
/*alasivun tekstikenttien tyyli*/
.wp-block-media-text .wp-block-media-text__content {
    padding: 0rem 3.5rem 0rem 3.5rem;
}
.footer-container .col-md-4{
	padding: 0px 30px 0px 30px;
	max-width: 400px;
    margin: 0px auto;
	word-break: normal;
}
.taustakuva-footer{
	width: 370px;
    position: absolute;
    right: 0px !important;
	opacity: 0.2;
}

.footer-container .col-sm-4 {
	width: 50%;
	padding-left: 10%;
	padding-right: 10%;
}
	
.col-md-9 {
	width: 100%;
}

	
}/* > 768px end */

@media screen and (min-width: 945px){
	.navbar{
	margin: 0px;
}
.navbar.navbar-default{
	position: relative;
	max-width: 768px;
	margin: 0px auto
}
.nav.navbar-nav{
	 display: flex;
  	justify-content: center;
  	align-items: center;
	width: 100%;
}
.nav li{
	padding: 0px;		
}
.nav a{
	font-size: 1.5rem;
}
.navbar-default .nav.navbar-nav a{
	height: auto;
	width: max-content;
	display: flex;
  	justify-content: center;
  	flex-direction: column;
}
}

@media screen and (max-width: 768px){
	.ylabanneri-osoite{
		display: flex;
  flex-direction: column;
	}
}

@media screen and (max-width: 1023px)  {

.ylabanneri-osoite{
	/*display: inline;	*/
}
.etusivu-paaslider-teksti p{
	text-align: left !important;
}
.alasivu-sivu-otsikko-teksti{
		    height: auto;
}
.wp-block-column.checkmark-palvelut{
	font-size: 1.3rem;
	padding: 0rem 0rem 0rem 0rem;
	}
.wp-block-column.kolumni-laatikko-tyyli {
    background: #ffffff;
    position: relative;
    height: auto;
    box-shadow: 2px 2px 10px 0px #bfbfbf;
    padding: 6rem 2rem 4rem 3rem;
    margin-bottom: 3rem;
}
.checkmark-palvelut{
	font-size: 1.4rem;
}
.etusivu-sisalto-1-font-size p{
	font-size: 1.6rem;
}
#site-footer{
	background-image: url("/wp-content/uploads/2022/03/footer-tausta-scaled.jpg"); /* The image used */
  	background-color: #282828; /* Used if the image is unavailable */
  	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
	
	border-top: 2px solid #00E189;
	height: auto;
	padding: 2rem 5rem 5rem 5rem;
	overflow: hidden;
    word-break: break-word;
}

.footer-right{
	text-align: center;
}

.footer-links{
	text-align: center;	
}
.footer-container .col-md-4{
	padding: 0px 90px 0px 90px;
	width: initial;
    margin: 0px auto;
}
.kartta-yhteyssivu{
	padding-right: 1.5rem;
}
	
}

@media screen and (min-width: 1024px){


.ylabanneri-osoite{
	display: inline;	
}
.ylabanneri-sijainti{
	display: inline-block;
	margin-top: 0px;
}
.etusivu-main-kuva{
	margin: 0px auto;
}


.container{
	padding: 0rem 0.5rem 0rem 0.5rem;
}
.etusivu-iso-slider .n2-ss-slide{
	height: 45rem;
}
.paaotsikko-etusivu{
		margin-bottom: 3rem;
}
.esittely-teksti-etusivu{
	max-width: 800px;
	font-size: 1.7rem;
}
.wp-block-column.checkmark-palvelut{
	padding: 0rem 0rem 0rem 0rem;
}
.checkmark-palvelut{
	font-size: 1.6rem;
}
.tevetuloa-boksi-container{
	padding: 0px !important;
	box-shadow: none !important;
	margin: 0px !important;
}
.tevetuloa-boksi-container .wp-block-column {
	padding: 0px !important;
}
.tervetuloa-boksi-alaotsikko{
	background: #56E969;
	font-size: 1.7rem;
	padding: 1.5rem 2rem 1.5rem 2rem;
	margin: 0px;
}
	.tervetuloa-boksi .wp-block-buttons{
		position: absolute;
		bottom: 0px;
	}

.kolumnit-transparent-etusivu{
	background: transparent !important;
	height: auto !important;
    box-shadow: none !important;
	padding: 0px !important;
	margin-bottom: 2rem !important;
}
.kolumnit-transparent-etusivu h1, .kolumnit-transparent-etusivu h2, .kolumnit-transparent-etusivu h3 {
	position: relative !important;
   background: transparent !important;
	height: auto !important;
    box-shadow: none !important;
	padding: 0px !important;
	margin-bottom: 2rem !important;
	top: 0px !important;
}
.wp-block-column h1, .wp-block-column h2, .wp-block-column h3{
	background: #ffffff;
	position: absolute;
    height: auto;
    box-shadow: 2px 2px 10px 0px #bfbfbf;
    width: fit-content;
    /* margin: -30px 0px 0px 30px; */
    top: -5.3rem;
	left: 3rem;
    padding: 1.5rem 4rem 1.5rem 4rem;
}
.alasivu .wp-block-column h1, .alasivu .wp-block-column h2, .alasivu .wp-block-column h3 {
    background: #ffffff;
    position: absolute;
	font-weight: 500;
    height: auto;
    box-shadow: 0px 0px 10px 0px #bfbfbf;
    width: fit-content;
    /* margin: -30px 0px 0px 30px; */
    top: -3rem;
    left: 3rem;
    padding: 1.5rem 4rem 1.5rem 4rem;;
}
.alasivu-sivu-otsikko-wrapper{
	height: auto;
	background-image: url("https://www.aapee-auto.fi/wp-content/uploads/2023/11/paakuva.jpg");
	background-position: center;
  	background-repeat: no-repeat;
 	 background-size: cover;
	padding-right: 0px;
	padding-left: 0px;
	text-align: initial;
}
.alasivu-otsikko-teksti{
	margin-top: -5rem;
}
.alasivu-sivu-otsikko-wrapper .otsikko-kolumni{
	padding: 3rem 0rem 0rem 0rem;
	color: #ffffff;
}
.alasivu-otsikko-teksti h1{
	display: block;
	padding-bottom: 0.5rem;
	font-size: 3.6rem;
	letter-spacing: 0.2rem;
}
.alasivu-sivu-otsikko-wrapper h3{
	display: block;
	font-size: 2.8rem;
	letter-spacing: 0.1rem;
	color: #ffffff;
	margin-top: 0.5rem;
	text-align: center;
}
.alasivu-sivu-otsikko-wrapper p{
	color: #ffffff;
	text-shadow: 0.5px 0.5px 3px RGBA(0,0,0,1);
	letter-spacing: 1.2px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0rem;
}
.etusivu-paaslider-teksti p{
	text-align: left !important;
}
.alasivu .yhteys-content {
    margin-top: 6rem;
    padding: 0rem 3rem 0rem 3rem;
}
#miten-palvelu-toimii ol.process-chart > li > div{
	margin-bottom: 1.5rem;
}
.etusivu-sisalto-1-font-size p{
	font-size: 1.6rem;
}
.palvelut-listaus{
	text-align: center;
	flex-direction: column;
    align-content: center;
}
.palvelut-listaus .wp-block-post-title {
		font-size: 2rem;
	padding: 0px;
}
	
.wp-block-post-featured-image img{
	height: 150px;
    object-fit: cover;
}
	
.nappi-vihrea-iso a{
	background: #56E969 !important;
	color: #000000 !important;
	border-radius: 5px !important;
	width: auto;
	margin-top: 15px;
	font-size: 1.6rem;
}
.sisalto-nosto-etusivu{
		display: flex;
}
.some-feed .wp-block-column{
	    padding: 5rem 2.5rem 2rem 2.5rem;
}
.kartta-yhteyssivu{
	height: 40rem;
}
.footer-links{
	text-align: right;	
}
	
}

@media screen and (min-width: 1200px){
	
body{
	font-size: 1.5rem;
}
	
.ylabanneri-teksti-wrapper {
    margin: 0rem 5rem 0rem 5rem;
}
.navbar-default .nav.navbar-nav a{
	height: auto;
	width: max-content;
	display: flex;
  	justify-content: center;
  	flex-direction: column;
}
.nav .nav-logo {
	display: none;
	width: 24rem;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	margin-left: 1.1rem;
}
.navbar.navbar-default {
    position: relative;
    max-width: 100%;
    margin: 0px auto;
}
.nav a{
	font-size: 1.4rem;
	letter-spacing: 0px;
}
.nav li{
		padding: 0rem 3rem 0rem 3rem;
}

.main-logo-tablet img{
		display: none;
}
.etusivu-iso-slider .n2-ss-slide{
	height: 100% !important;
}
.etusivu-iso-slider .n2-ss-slider{
	height: 50rem;	
}
.alasivu-iso-slider .n2-ss-slider{
	height: 47rem;	
}
.alasivu-sivu-otsikko-teksti{
	padding-left: 1.5rem;
	height: auto;
}
.container{
	padding: 0rem 1rem 0rem 1rem;
}
.etusivu-main-kuva{
	margin-bottom: 5rem;
}
.esittely-teksti-etusivu{
	font-size: 1.8rem;
}
.nappi-vihrea-iso a{
	background: #56E969 !important;
	color: #000000 !important;
	border-radius: 5px !important;
	width: auto;
	margin-top: 15px;
	font-size: 1.5rem;
}
.checkmark-palvelut{
	font-size: 1.7rem;
}
.kolumni-laatikko-tyyli .wp-block-column{
	background: transparent;
    box-shadow: none;
    padding: 0px 10px 0px 10px;
    margin-bottom: 0px;
}
.sisalto-nosto-etusivu .wp-block-column{
		flex-grow: 0;
}
.palvelut-listaus .wp-block-post-title {
		font-size: 2rem;
	padding: 0px;
}
.alasivu .yhteys-content {
    margin-top: 6rem;
    padding: 0rem 8rem 0rem 0rem;
}
.etusivu-sisalto-1-font-size p{
	font-size: 1.7rem;
}
.yhteys-vasen-kolumni{
	padding-left: 5rem !important;
}
#site-footer{
	
	background-image: url("/wp-content/uploads/2022/03/footer-tausta-scaled.jpg"); /* The image used */
  	background-color: #282828; /* Used if the image is unavailable */
  	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
	
	border-top: 2px solid #00E189;
	height: auto;
	padding: 1.5rem 0rem 0rem 0rem;
	overflow: hidden;
    word-break: break-word;
	padding-bottom: 3rem;
}

.footer-container .col-md-4{
	padding: 0px 90px 0px 90px;
    margin: initial;
}
	
.taustakuva-footer{
	width: 500px;
    position: absolute;
    right: 0px !important;
	opacity: 0.2;
}
	
	/*HEADER - sivupohjat*/


	
}/* > 1200px end*/

@media screen and (min-width: 1300px){
	.nav .nav-logo {
	display: none;
	width: 30rem;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	margin-left: 1rem;
}
.ylabanneri-nappi{
	display: initial;
	margin-top: 0px;
	padding: 2px 25px 2px 25px;
	border-radius: 5px;
	border: none;
	background: #ffffff;
}
.kartta-yhteyssivu{
	height: 85%;
}
	
}

@media screen and (min-width: 1400px){


.etusivu-iso-slider .n2-ss-slide{
	height: 47rem;
}
.alasivu-sivu-otsikko-wrapper .container{
	padding-top: 5rem;
	padding-bottom: 6rem;
	overflow-x: hidden;
}
.esittely-teksti-etusivu{
	font-size: 1.9rem;
}
.checkmark-palvelut{
	font-size: 1.8rem;
}
.etusivu-sisalto-1-font-size p{
	font-size: 1.8rem;
}
.tervetuloa-boksi-alaotsikko{
		font-size: 2rem;
}
.palvelut-listaus a{
	background: #56E969;
    color: #333333;
    word-break: break-word;
	white-space: nowrap;
	width: 100%;
	
}
.wp-block-post-featured-image img{
	height: 200px;
    object-fit: cover;
}
.yhteys-vasen-kolumni{
	padding-left: 7rem !important;
}
#site-footer{
	padding-bottom: 5rem;
}
.footer-container .col-md-4{
	padding: 1.5rem;
}

.footer-right{
	text-align: center;
}
	
.footer-left {
	text-align: left;
}

.footer-links{
	text-align: right;	
}

.taustakuva-footer{
	width: 600px;
    position: absolute;
    right: 0px !important;
	opacity: 0.2;
}
	
}

@media screen and (min-width: 2000px){

.etusivu-main-kuva{
	margin: 0px auto;
}
.etusivu-iso-slider .n2-ss-slide{
	height: 100% !important;
}
.etusivu-iso-slider .n2-ss-slider .n2-ss-item-image-content img{
	width: 25rem !important;	
}
.etusivu-iso-slider .n2-ss-slider{
	height: 70rem;	
}
.etusivu-paaslider-logo{
	margin-bottom: 4.5rem !important;
}
.taustakuva-footer{
	width: 500px;
    position: absolute;
    right: 0px !important;
	opacity: 0.2;
}
.navbar-default .nav.navbar-nav a{
	height: auto;
	width: 14rem;
	text-align: center;
	display: flex;
  	justify-content: center;
  	flex-direction: column;
}

.alasivu-sivu-otsikko-wrapper .container{
	padding-top: 7rem;
	padding-bottom: 9rem;
	overflow-x: hidden;
}
	
.sivu-otsikko .sivu-otsikko-teksti{
	position: absolute;
	width: 100%;
	height: 35rem;
	z-index: 10;
	display: flex;
  	justify-content: center;
  	align-items: center;
}
.sivu-otsikko .sivu-otsikko-overlay{
	position: absolute;
	background: black;
	opacity: 0.5;
	width: 100%;
	height: 35rem;
}
.sivu-otsikko .sivu-otsikko-kuva img{
	display: block;
	width: 100%;
	height: 35rem;
	object-fit: cover;
  object-position: center;
}
.alasivu-sivu-otsikko-kuva img{
	display: block;
	width: 100%;
	height: 35rem;
	object-fit: cover;
  object-position: center;
}
.sivu-otsikko-wrapper{
	height: 35rem;
}
	
}

@media screen and (min-width: 2400px){

.etusivu-iso-slider .n2-ss-slider{
	height: 83rem;	
}
	
}

/*Lisätty korjaamaan alasivujen keskitystä*/
.col-md-3 {
	width: 100%;
	text-align: center;
	color: black;
        
}

.col-md-12 {
 display: flex;
  justify-content: center;
	text-align: center;
}

.footer-container .col-sm-4 {
	width: 100%;
	text-align: center;
}