/* CSS EL-Salonki 2017 */





.row{

	flex-wrap: wrap;

}





.navbar-nav{

	float: none;

    margin: 0 auto;

    

}



.navbar .navbar-nav {

  display: inline-block;

  float: none;

  vertical-align: top;

}



.navbar .navbar-collapse {

  text-align: center;

}



.navbar-white {

    background-color: #fff;

    border-color: #fff;

}



.navbar-nav .current_page_item > a{



	}

.navbar-nav .current_page_ancestor > a{

	background-color: #f5f4f0;

	}





.navbar > .container .navbar-brand {

    margin-left: 0;

    padding: 0;

    text-align: center;

}





.navbar-brand {

    font-size: 42px;

    height: 135px;

  

}



.harmaa{

	/* background-color: #D8F3F9AB !important; */
	background-color: #e8dcc2 !important;

}





.varauswrap{

	width: 100%;	

	padding-right: 10%;

  	position: absolute;

  	top: 50%;

  	transform: translateY(-50%);

	display: inline-block; 

	text-align: center;

}







.ajanvaraus {

  -webkit-border-radius: 28;

  -moz-border-radius: 28;

  border-radius: 28px;

  font-family: Arial;

  color: #857550;

  font-size: 20px;

  background: #fff;

  padding: 10px 20px 10px 20px;

  border: solid #d7d2c5 1px;

  text-decoration: none;

	

}



.ajanvaraus:hover {

  

  text-decoration: none;

	color: #857550;

	 -webkit-box-shadow: 0px 1px 3px #666666;

  -moz-box-shadow: 0px 1px 3px #666666;

  box-shadow: 0px 1px 3px #666666;

}





.ajanvaraus img{

	max-width: 18px;

	height: auto;

}



.ajankohtaistawrap{

	padding: 15px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;

}





.ajankohtaistakuva_etusivu{

    float: left;

  }



.ajankohtaista_etusivu{

      max-width: 200px;

    height: auto;

}

/* Equal-size grid for Ajankohtaista tiles inside their row */
.container .row:has(> .ajankohtaistawrap){
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	/* use gaps only if borders are not desired between tiles */
	/* gap: 0; */
	margin-left: 0; /* neutralize Bootstrap row negative margins in grid context */
	margin-right: 0;
}

/* Remove clearfix pseudo-elements so they don't become grid items */
.container .row:has(> .ajankohtaistawrap)::before,
.container .row:has(> .ajankohtaistawrap)::after{
	content: none !important;
	display: none !important;
}

/* Neutralize Bootstrap column sizing for tiles inside the grid */
.container .row:has(> .ajankohtaistawrap) > .ajankohtaistawrap{
	width: 100% !important;
	max-width: none !important;
	float: none;
}

@media (max-width: 767.98px){
	.container .row:has(> .ajankohtaistawrap){
		grid-template-columns: 1fr;
	}
}



.nettikauppa-etusivu-wrap{

    margin-top: 30px;

    margin-bottom: 30px;

}



.nettikauppa-etusivu-wrap img{

    margin-bottom: 20px;

}



.nettikauppakuvake{

    max-width: 100%;

    height: auto;;

}





#content {

    padding: 0;

    width: 100%;

}




.sr7-arrows{
	display: none !important;
}







/* etusivun nostot */



.service1, .service2, .service3, .service4 {

	 min-height:240px;

	 background-size: 100% 100%;

    background-repeat: no-repeat;

}





.service-content {

     position: absolute;

  	top: 50%;

  	transform: translateY(-50%);

	padding: 10px;

	width: 100%;

}



.service-content a{

	color: #696969;

	text-transform: uppercase;

	font-weight: 700;

}





.sisaltoalue h1, .sisaltoalue .h1{

	font-size: 30px;

	/* font-family: 'Open Sans', sans-serif; */

	font-family: 'Nunito Sans', sans-serif;

	font-weight: 400;

	color:#8a7956;

	border-color: #8a7956;

	padding: 0;

	 border-left: 0px solid #8a7956;

}





.sisaltoalue h2, .sisaltoalue .h2 {

	font-family: 'Nunito Sans', sans-serif;

	font-weight: 400;

    font-size: 23px;

    margin-bottom: 10px;

    margin-top: 30px;

}





.sisaltoalue h3, .sisaltoalue .h3 {

	font-family: 'Nunito Sans', sans-serif;

	font-weight: 400;

    font-size: 20px;

	line-height: 28px;

    margin-bottom: 10px;

    margin-top: 30px;

}





.sisaltoalue h4, .sisaltoalue .h4 {

	font-family: 'Nunito Sans', sans-serif;

	font-weight: 400;

    font-size: 18px;

	line-height: 20px;

    margin-bottom: 10px;

    margin-top: 30px;

}







.sisaltoalue_full_wrap{

	max-width: 800px;

	margin: 0 auto;

}



.sisaltoalue_full{

	text-align: center;

	

}



.sisaltoalue img{

	max-width: 100%;

	height: auto;

}





.carousel-caption {

 	padding-top: 20px;

	padding-left: 20px;

	left: 15%;

    padding-bottom: 30px;

    right: 15%;

	top: 33%;

	bottom: auto;

	/* background-color:rgba(0, 0, 0, 0.5); */

	background-color:rgba(134, 100, 59, 0.5);

}

.carousel-caption h1, .carousel-caption h2{

	color: #fff;

	text-align: left;

}



.carousel-caption h1{

 	font-size: 40px;

    font-style: italic;

    font-weight: 900;

}

.carousel-caption h2{

	font-weight: 400;

	font-size: 30px;

}



.carousel-inner > .item {

    backface-visibility: hidden;

    perspective: 1070px;

    transition: transform 0.6s ease-in-out 0s;

}



.navbar-brand > img {

    display: block;

	 margin: 0 auto;

}





.etusivunosto-col{

	padding-left:15px;

    padding-right: 0px;

	overflow: hidden;

	}

.etusivunosto-col2{

	padding-left: 0px;

    padding-right: 0px;

	}



.etusivunosto-col3 {

	padding-left: 0px;

	padding-right: 0px;

	}







.etusivunosto-col4{

	padding-left: 0px;

    padding-right: 15px;

	}	

	

.etusivunosto-col img, .etusivunosto-col2 img, .etusivunosto-col3 img, .etusivunosto-col4 img{

	min-height:240px;

	}	



.portfolio-title a {

    color: #fff;

}





.entry-block .entry-title {

 

    padding-right: 20px;

}



.entry {

    margin-bottom: 0;

}







	/* sisäsivulla */



	.sisaltopalstat {

			  display: flex;

			  flex-direction: row;

			}







	.sisaltopalstat  :nth-child(1) { order: 1; }

	.sisaltopalstat  :nth-child(2) { order: 2; }

	.sisaltopalstat  :nth-child(3) { order: 3; }

	

	

	.footerpalstat  :nth-child(1) { order: 1; }

	.footerpalstat  :nth-child(2) { order: 2; }

	.footerpalstat  :nth-child(3) { order: 3; }

	.footerpalstat  :nth-child(4) { order: 4; }





.sisasivu_vasen{

	margin-left: -10px;

}





.sisasivu_vasen .page_item{

	padding: 10px 0px;

	padding-left: 10px;

	 background-color: #fff;

    border: 1px solid #ddd;

	border-top:0px;

	border-left:0px;

	border-right:0px;

	

    display: block;

    margin-bottom: 0px;

    

    position: relative;

	text-transform:uppercase;

	font-weight:bold;

	max-width: 100%;

	

	}







.sisasivu_vasen .current_page_item{

	

	/* background-color: #fff;  */

	

	}

	

.sisasivu_vasen .page_item a{

	color:#696b56;

	

	}	

.sisasivu_vasen .page_item a:hover{

	color: #af8d5f;

	}	

	

.sisasivu_vasen .current_page_item > a{

	color: #af8d5f;

	}



.sisasivu_vasen .current_page_item > a:before{

	content: " • ";

	}





.sisasivu_vasen .current_page_ancestor{

	background-color: #F0F0F0;

}



.sisasivu_vasen .current_page_item > a {

    background-color: transparent !important;

}



.sisasivu_vasen .current_page_item{

	background-color: #f0f0f0;

}





.avoin_summa{

	padding-top: 15px;

}







/* timma */







.timmaupotus{

	 position: relative;

    

    width: 100%;

    min-height: 1400px;

	

}









.page_item_has_children .children li{

	list-style-type: circle;

    margin-left: 10px !important;

    padding: 3px 0;

}





.portfolio-meta.dark {

    background-color: transparent;

}





.title-border.title-bg.gray, .title-bg-line.gray::after, .title-underblock.gray::after {

    background-color: #b3a288;

}



.title-border.gray, .title-border.text-right.gray, .title-border.text-center.gray > span, .title-bottom-border.gray {

    border-color: #b3a288;

}



.title-border > span{

    margin-left: 25px;

}





.nuoli-block {

    background-color: transparent;

    color: #fff;

    display: block;

    font-size: 12px;

    font-weight: 700;

    padding: 2px 14px;

    position: absolute;

    right: 0px;

    text-transform: uppercase;

    bottom: 20px;

    z-index: 200;

}



.nuoli-block a{

   

    color: #fff;

    

}





/* hinnasto */



.hinnasto h3{

	color: #85764D;

	border-bottom: #C5C5C5 1px solid;

	font-size: 25px;

    margin-top: 40px;

	padding-bottom: 5px;

}



.hinnasto h3 span{

	float: right;

}



.hinnasto h4{

	color: #000;

	font-weight: 500;

	border-bottom: #C5C5C5 1px dotted;

	padding-bottom: 3px;

	font-size: 16px;

}



.hinnasto h4 span{

	float: right;

	padding-right: 5px;

}



.hinnasto li span{

	float: right;

	font-weight: bold;

}



.hinnasto li{

	padding: 2px 5px 2px 10px;

}

.hinnasto ul li:nth-child(odd) {

    background-color: #f5f3ef;

	

}











/* WP */



/*--------------------------------------------------------------

3.0 Alignments

--------------------------------------------------------------*/



.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

	margin-bottom: 1em;

}



.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

	margin-bottom: 1em;

}



.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/*--------------------------------------------------------------

4.0 Clearings

--------------------------------------------------------------*/



.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.entry-footer:before,

.entry-footer:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after,

.nav-links:before,

.nav-links:after,

.pagination:before,

.pagination:after,

.comment-author:before,

.comment-author:after,

.widget-area:before,

.widget-area:after,

.widget:before,

.widget:after,

.comment-meta:before,

.comment-meta:after {

	content: "";

	display: table;

	table-layout: fixed;

}



.clear:after,

.entry-content:after,

.entry-footer:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after,

.nav-links:after,

.pagination:after,

.comment-author:after,

.widget-area:after,

.widget:after,

.comment-meta:after {

	clear: both;

}





	

.etusivu_noston_selite{

	bottom: 0;

    padding: 15px;

    position: absolute;

	width: 100%;

	z-index: 2;

	-webkit-transition: background-color 500ms linear;

    -moz-transition: background-color 500ms linear;

    -o-transition: background-color 500ms linear;

    -ms-transition: background-color 500ms linear;

    transition: background-color 500ms linear;

	 background-color:rgba(0, 0, 0, 0.5); 

	}



.etusivu_noston_selite:hover {

	 background-color:rgba(0, 0, 0, 0.5); 

	z-index: 12;

	color:red;

	}	





.etusivunosto-col4 > .etusivu_noston_selite{

	max-width: 95%;

}







.etusivunosto-col .verho{

	margin-left: 15px;

}



.etusivunosto-col4  .verho{

	width: 95%

}

.etusivunosto-col4  .verho:hover{

	width: 95%

}













.overlay { position: absolute; top: 0; left: 15px; background:rgba(255,0,0,0); z-index: 1; width:100%; height:100%; max-height: 370px;

    max-width: 370px;     transition: all 0.5s;

    -webkit-transition: all 0.5s;  }

.overlay:hover { background-color:rgba(0, 0, 0, 0.5);  }





/* sisaltöalue */



.sisaltoalue{

	font: 400 15px/1.6 "Lato",Verdana,sans-serif;

}



.sisaltoalue ul {

    list-style-position: inside;

	list-style-type: disc;

	margin-bottom: 20px;

	margin-left: 20px;

}



.sisaltoalue ol {

	list-style-position: inside;

    list-style-type: decimal;

	margin-bottom: 20px;

}







.osaaminen_kuntoon_wrap{

	border-right: 1px solid #eaeaea;



	}

.osaaminen_kuntoon{

	color: #ba9850;

    font-size: 15px;

    letter-spacing: 2px;

    margin-bottom: 38px;

    margin-top: 38px;

    text-align: center;

	}	





.esittelyssa_otsikko {

    color: #a1a1a1;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 0;

    text-transform: uppercase;

}

	

.esittelyssa_box {

    border: 2px solid #edebec;

    margin-bottom: 10px;

    margin-top: 10px;

    max-width: 317px;

    padding: 10px;

    text-align: center;

    width: 100%;

}



.esittelyssa_box img {

    margin-bottom: 10px;

}

.esittelyssa_box .wp-post-image {

    float: none;

    margin-bottom: 15px;

    margin-right: 15px;

}



.kumppani_avainsanat_leftbox {

    margin-top: 10px;

}





.tilaa_uutiskirje_box {

    border: 1px solid #ba9850;

	background:#f5f5f5;

    float: left;

    margin-top: 10px;

    max-width: 317px;

    padding: 10px;

    width: 100%;

	height:55px;

	

}



.tilaa_uutiskirje_box_etusivu {

    background: #f5f5f5 none repeat scroll 0 0;

    border: 1px solid #ba9850;

    float: left;

    margin-top: 0;

    min-height: 100px;

    padding: 30px 10px 10px;

    width: 100%;

}



.tilaa_uutiskirje {

    background: #fff;

    border: 1px solid #ba9850;

    color:#616161;

    height: 30px;

    padding-left: 5px;

     width: 150px;

	

}



.form-group, .form-control, .input-group, .normal-selectbox, .large-selectbox {

    margin-bottom: 5px;

}



.newsletter-widget p {

    margin-bottom: 0;

}







#mc_embed_signup form {

    padding: 2px 0 !important;

    text-align: left !important;

}

#mc_embed_signup{background:transparent; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}



#mc_embed_signup input.email {

	width: 218px !important;

	border: 1px solid;

	border-color: #ba9850 !important;

}



#mce-EMAIL{

	

}





#mc_embed_signup .button {

	 background-color: #ba9850 !important;

	border-radius: 15px !important;

	padding: 0 12px !important;

	border: 1px solid;

}



#mc_embed_signup .button:hover {

	 background-color: #ffffff !important;

	color: #ba9850;

	border: 1px solid;

	border-color: #ba9850 !important;

	padding: 0 12px !important;

	border-radius: 15px !important;

}



.tilaa_uutiskirje_nappi {

    background-color: #ffffff;

    border: 1px solid #ba9850;

    height: 30px;

    transition: background-color 1s ease 0s;

	border-radius: 15px;

	text-transform:uppercase;

	font-weight:bold;

	font-size: 14px !important;

}



.tilaa_uutiskirje_nappi:hover {

    background-color: #ba9850 !important;

    

}





.frm_submit{

	margin-top: 15px;

}





.intra_box{

	background-color: #ba9850;

	max-width: 317px;

	}



.intra_box_etusivu{

	background-color: #ba9850;

	min-height: 100px;

	padding-top: 30px;

	}

.intra_box_etusivu a{

	margin-right: 15px;

	margin-top: 3px;

}





.intra_box h2{

	color: #fff;

    font-size: 30px;

    margin-bottom: 15px;

    margin-left: 15px;

    margin-top: 15px;

	}





.intra_box_etusivu h2{

	color: #fff;

    font-size: 30px;

    margin-bottom: 15px;

    margin-left: 60px;

    margin-top: 5px;

	}











	

.kirjaudu_intraan{

	text-transform:uppercase;

	color:#fff;

	border-radius:15px;

	border: 1px solid #fff;

	font-weight:bold;

	height:30px;

	padding: 5px;

	font-size: 11px;

	}

	

.kirjaudu_intraan:hover{

	background-color: #ffffff;

	

	

	}	

	

.etko_ole_viela_rekisteroitynyt	{

	color:#fff;

	font-size:11px;

	}



.kumppani_avainsanat_leftbox span {

 background-color: #ba9850;

    border-radius: 15px;

    color: #fff;

    display: inline-block;

    float: none;

    font-size: 13px;

    height: 25px;

    margin: 0 3px 3px 0;

    padding: 3px 10px;

    text-align: center;

}



#hakuehdot label input {

    position: absolute;

    top: -2000px;

}



.klikkaa_avainsanaa {

    color: #2d2d2d;

}



#hakuehdot label span {

    background-color: #e1e1e1;

    border-radius: 5px;

    color: #000;

    display: block;

    margin: 0 3px 3px 0;

    padding: 3px 10px;

    text-align: center;

    transition: all 0.5s ease 0s;

}



#hakuehdot input:checked + span {

    background-color: #2d2d2d;

    border-radius: 5px;

    color: #fff;

}



.kumppanibox {

     background-color: #fff;

    cursor: pointer;

    float: left;

    height: 170px;

    line-height: 150px;

    margin-bottom: 10px;

    margin-right: 10px;

    padding: 5px;

    text-align: center;

    transition: background-color 0.5s ease 0s;

    width: 190px;

	border: 1px solid #e4e4e4;

}

	



.kumppani_avainsanat {

    height: 1px;

    visibility: hidden;

}



.kumppanitaso {

    left: 0;

    position: relative;

    text-align: left;

    top: 0;

}



.kumppanibox img {

 	/* height: auto;

    margin-top: 40px;

    max-width: 100%;

	*/

	

	 float: none;

    height: auto;

    margin-top: 5px;

    max-height: 91%;

    max-width: 176px;

    width: auto;

	margin-right: 0;

}	



.kumppanibox_lisatiedot {

    clear: left;

    display: none;

    height: auto;

    position: relative;

    width: 100%;

}



.kumppani_close {

    cursor: pointer;

    height: 20px;

    text-align: right;

    width: 100%;

}



.kumppani_close > div {

  

	background-color: #e1e1e1;

	border-radius: 5px;

    color: #fff;

    cursor: pointer;

    float: right;

    height: 23px;

    text-align: center;

    width: 24px;

	-webkit-transition: background-color 0.5s; /* Safari */

    transition: background-color 0.5s;

}



.kumppani_close > div:hover {

  

	background-color: #2a2a2a;

	

	

}

	

/* sisäsivun valikko */



.list-group .children{

	margin-left:20px;

}



.list-group .children li{

  border-width: 0;

    margin-bottom: 0;

    margin-left: 15px;

    margin-top: 7px;

	background-color: transparent;

}



.footerlogot img{

	float: left;

    height: auto;

    margin-right: 15px;

    max-width: 120px;

    margin-bottom: 15px;

}







/* RESP */





  /* Medium Devices, Desktops */

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

		

}





	/* Small Devices, Tablets */

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

		

	.etusivunosto-col{

	 padding-left: 15px;

    padding-right: 15px;

	padding-bottom: 15px;

	overflow: hidden;

	}

.etusivunosto-col2{

	 padding-left: 15px;

    padding-right: 15px;

	padding-bottom: 15px;

	}	

.etusivunosto-col3{

	 padding-left: 15px;

    padding-right: 15px;

	padding-bottom: 15px;

	}	

.etusivunosto-col4{

	 padding-left: 15px;

    padding-right: 15px;

	}

		

		 .varauswrap_mobile {

		 position: absolute; right: 15px; bottom: 15px;

	 }

	 

	 .ajanvaraus {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #d7d2c5;

    border-radius: 28px;

    color: #857550;

    font-family: Arial;

    font-size: 17px;

    padding: 7px 12px;

    text-decoration: none;

}

		

		

		

		

	.sisaltopalstat  :nth-child(1) { order: 2; }

	.sisaltopalstat  :nth-child(2) { order: 1; }

	.sisaltopalstat  :nth-child(3) { order: 3; }

		

		

		

}



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

	 

.navbar-nav {

    margin: 7.5px -6px;

}

	 

	 

.navbar-brand > img {

    display: block;

    margin-left: 0;

	max-width: 260px;

	height:auto;

}	 

	 

.navbar-nav .current_page_item > a{

	color: #af8d5f !important;

	}



.navbar-nav .current_page_item > a:before{

	content: " > ";

	}

	 



 

	 

 .carousel-inner > .item > a > img, .carousel-inner > .item > img{

display: block;

    height: 320px;

    margin-bottom: 15px;

    margin-left: 0;

    margin-right: 0;

    max-width: none;

    width: auto;

}

	 

 .carousel-inner {

    height: 320px;

    overflow: hidden;

    position: relative;

    width: 100%;

}

	 

.carousel-caption {

    background-color: rgba(134, 100, 59, 0.5);

    bottom: auto;

    left: 15%;

    padding-bottom: 30px;

    padding-left: 20px;

    padding-top: 20px;

    right: 15%;

    top: 10%;

}	

	 

.carousel-caption h1 {

    font-size: 27px;

    font-style: italic;

    font-weight: 900;

}

	 

.carousel-caption h2 {

    font-size: 22px;

    font-weight: 400;

}

	 

	 

.etusivunosto-col{

	 padding-left: 15px;

    padding-right: 15px;

	padding-bottom: 15px;

	overflow: hidden;

	}

.etusivunosto-col2{

	 padding-left: 15px;

    padding-right: 15px;

	padding-bottom: 15px;

	}	

.etusivunosto-col3{

	 padding-left: 15px;

    padding-right: 15px;

	padding-bottom: 15px;

	}	

.etusivunosto-col4{

	 padding-left: 15px;

    padding-right: 15px;

	}	



.etusivunosto-col img{

	 width: 100%;

	height: auto;

	 }

	

.etusivunosto-col2 img{

	 width: 100%;

	height: auto;

	 }

.etusivunosto-col3 img{

	 width: 100%;

	height: auto;

	 }

.etusivunosto-col4 img{

	 width: 100%;

	height: auto;

	 }

 

.etusivu_noston_selite {

    bottom: 15px;

    padding: 15px;

    position: absolute;

    transition: background-color 500ms linear 0s;

    width: 93%;

}	 

	 

	

	 

	 

}







/* Juhlavuoden ("40v") etusivukuva - korjaa liian leveä/ylivuotava koko.
   Lisatty 13.8.2026, koska alkuperainen saanto ei loydy teeman CSS-tiedostoista
   (todennakoisesti WP:n Ylimaarainen CSS tai sisallon inline-tyyli). */
.nelkytvee-img {
	max-width: 430px !important;
	width: 100% !important;
	height: auto !important;
}