/*
	MIGRATED STYLES FROM OLD LAYOUT (SOME OF THESE MIGHT NOT BE IN USE ANYMORE!)
*/

#col1 {
	width:270px;
}
#col2 {
	width:270px;
}
#col3 {
	width:270px;
}

.col-h3 {margin:0 0 0 30px !important; float:right; width:570px;}
.col-h3 h3 {width:270px;}

.box {border:solid 1px #c7c7c7; padding:12px; margin:0 0 30px 0;}
.box2 img {margin-bottom:8px;}
.box2 h3 {margin:0 0 4px 0;}
.box3 {border:none; background-color:#E7E7E9;}

ul.list {margin-bottom:20px;}
ul.list li {list-style:disc !important; margin:0 0 8px 10px; line-height:14px; border:none !important;}

object {
	position:relative; 
	z-index: 40 !important;
	outline: none;
}

.clearer:before,
.clearer:after {
  content: '';
  display: table;
} 
.clearer:after {
  clear: both;
}


/* OLD MENU NAV (NOT IN USE) */
.nav h1 {font-size:12px}
.nav ul {margin:0 0 30px 0;}
.nav ul li {margin:0 0 4px 0; padding:0 0 4px 0; border-bottom:solid 1px #c7c7c7;}
.nav a { color: var(--color-main-green);  }
.nav a {
	font-family: "Encode Sans Semi Condensed", sans-serif;
	font-weight: 600 !important;
	letter-spacing: 0.01em !important;
}


/* ??? */
.linkkiboksi2 {margin:0 0 4px 0; padding:0 0 4px 0; border-bottom:solid 1px #c7c7c7;}
.linkkiboksi2 a { color: var(--color-main-green);  }
#ingressi {width:270px;}

.row1 h3, 
.row2 h3, 
.row3 h3 {text-transform:none;}

.watermark-suomi {width:100%; text-align:right; margin-top:0;}
.watermark-suomi a {font-weight:normal; font-size:9px; color:#bbb; cursor:pointer;}
.watermark-suomi a:hover {color:#999 !important;}


/* Ammattilais/tuotteet valikoiden pikkuneliöiden napit */
.nappi1 {margin:20px 0 !important;}
a.nappi1, .nappi {
	color:#fff !important;
	background-color:#aaaaaa !important;
	padding:1px 6px 2px 6px !important;
	border:none;
	cursor:pointer;
}
a.nappi1:hover, .nappi:hover {
	color:#b8bdc3 !important;
	background-color:#fff !important;
	padding:1px 6px 2px 6px !important;
}
.row {
    float: left;
    width: 31%;
    margin: 0 2% 10px 0;
}
.row:nth-child(3n-1) { clear: none; }
.row:nth-child(3n) { clear: right; }
.row:nth-child(3n+1) { clear: left; }
.row .kuva-info .kuva,
.row .kuva-info-blank .kuva {
	cursor: pointer;
	width: 85px;
	height: 85px;
	background-color: #ccc;
	float: left;
	margin: 0 16px 0 0;
	border: solid 1px #b8bdc3;
}

/* Used in old pages such as reseptit */
#wrapper {
	width: 870px;
	position: relative;
	margin: 0 auto;
	padding-bottom: 65px !important; /* Tällä korjataan footer meneminen sivujen päälle */
	padding-top: 100px; /* Menun alta pois! */
	min-height: 600px;
}


/* OLD FOOTER */
#footer {
width:100%;
height:35px;
position:fixed;
bottom:0;
left: 0;
background-color:#acb3ba;
background-image:url(../images/bg_footer.gif);
background-repeat:no-repeat;
z-index:500000000;
}

#footer .col {
text-align:right;
float:right;
/*margin:0 auto;*/
}

#footer .mobile_footer {
	display: none;
}
#footer .footer_header {
	clear: both;
	text-transform: uppercase;
	color: #ffffff;
	padding: 20px 30px 0 30px;
	font-size: 17px;
}
#footer ul {padding: 10px 0;}
#footer ul li {display: inline; margin:0 40px 0 0;}
#footer ul li a {color:#fff; text-transform:uppercase; font-size:12px;}
/* END FOOTER */



/* Vanha reseptisivu */
.reseptit_container, 
.materiaalit_container {
	margin-left: 2%;
	margin-right: 0;
}
.reseptit_container .resepti, 
.materiaalit_container .materiaali {
	width: 48%;
	float: left;
	margin: 0 1% 20px 1%;
}
.reseptit_container .resepti:nth-child(2n-1),
.materiaalit_container .materiaali:nth-child(2n-1) {
	clear: left;
}
.reseptit_container .resepti:nth-child(2n),
.materiaalit_container .materiaali:nth-child(2n) {
	clear: right;
}
.reseptit_container .resepti img.kansi {
	width: 100%;
	margin-bottom: 20px;
}
.materiaalit_container .materiaali .materiaali_wrapper {
    width: 80%;
    margin-left: 20%;
}
.materiaalit_container .materiaali p {
	margin-bottom: 5px;
}
.materiaalit_container .materiaali img.kansi {
	margin-bottom: 5px;
	border: 1px solid #ababab;
}

/* vaihtuva banneri */
.vaihtuva-banneri,
.staattinen-banneri {
	width: 100%;
	position: relative;
	padding: 5px 0;
}

.vaihtuva-banneri img, .staattinen-banneri img  { width: 100%; }

.vaihtuva-banneri .spacer {
	width: 100%;
}

.vaihtuva-banneri a, .staattinen-banneri a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 270px;
}
.vaihtuva-banneri a {
	display: none;
}
.flash object { outline:none !important; }


/* 
	OLD COOKIE BAR  
*/
#cookieBar {
	position: fixed;
	z-index: 99999;
	width: 90%;
	height: auto;
	left: 0;
	bottom: 0;
	background: #afafaf;
	font-size: 16px;
	line-height: 1.2;
	color: white;
	text-align: center;
	padding: 20px 5%;
}

#cookieBar a.nappi {
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 5px 10px !important;
	background-color: #777 !important;
}

#cookieBar a.nappi:hover { color: white !important; background-color: transparent !important; }


/* Animation (??) */

.animWrapper {
	width: 100%;
	height: auto;
	position: relative;
}

.animWrapper .preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: #fff url('https://www.eckes-granini.fi/images/animation-preloader.gif') no-repeat center center;
	z-index: 999999;
	-webkit-border-radius: 	15px;
	-moz-border-radius: 	15px;
	border-radius: 			15px;
	display: none;
}

.animWrapper img.baseImage {
	width: 100%;
	height: auto;
}
.animWrapper img.frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

/* Old palaute loader */
#palaute_loader { text-align:center;  }

.yritys_flash-wrapper { width: 100%; max-width: 845px; }
.yritys_flash-container {
    position: relative;
    padding-bottom: 45.21%;
    height: 0;
    overflow: hidden;
}

.yritys_flash-wrapper object {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media all and (max-width: 999px) {

	.vaihtuva-banneri a, .staattinen-banneri a { min-width: 0; }

	#footer ul li { margin:0 12px 0 0; }

}

@media all and (max-width: 899px) {

	#wrapper { width: 96%; padding-left: 2%; padding-right: 2%; }

	.reseptit_container,
	.materiaalit_container {
		margin-left: 0;
	}
	.reseptit_container .resepti,
	.materiaalit_container .materiaali {
		width: 31%;
	}
	.reseptit_container .resepti:nth-child(3n-1),
	.materiaalit_container .materiaali:nth-child(3n-1) {
		clear: none;
	}
	.reseptit_container .resepti:nth-child(3n),
	.materiaalit_container .materiaali:nth-child(3n) {
		clear: right;
	}
	.reseptit_container .resepti:nth-child(3n+1),
	.materiaalit_container .materiaali:nth-child(3n+1) {
		clear: left;
	}

}

@media all and (max-width: 799px) {

	a.nappi1, .nappi1 { padding: 4px 10px 4px 10px !important; font-size: 12px; }
	.row { margin-bottom: 25px; }
	.row .kuva-info, .row .kuva-info-blank { text-align: center; }
	.row .kuva-info .kuva, .row .kuva-info-blank .kuva { float: none; margin: 0 auto; }
	.row .kuva-info h4, .row .kuva-info-blank h4 { margin: 8px 0 8px 0; }

	#footer { background-image: none; height: auto; position: relative; bottom: auto; left: auto; }
	#footer .col { display: none; }
	#footer .mobile_footer { display: block; overflow: hidden; padding-bottom: 20px; }
	#footer .mobile_footer ul {
		float: left;
		padding: 10px 20px 0 20px;
	}

	#footer .mobile_footer ul li { display: block; padding: 5px 10px 5px 10px; }
	#footer .mobile_footer ul li a { font-size: 17px; text-transform: none; }
	
}

@media all and (max-width: 699px) {

	.reseptit_container .resepti,
	.materiaalit_container .materiaali {
		width: 48%;
	}
	.reseptit_container .resepti:nth-child(2n-1),
	.materiaalit_container .materiaali:nth-child(2n-1) {
		clear: left;
	}
	.reseptit_container .resepti:nth-child(2n),
	.materiaalit_container .materiaali:nth-child(2n) {
		clear: right;
	}

}

@media all and (max-width: 599px) {

	#cookieBar a.nappi {
		display: block;
		margin: 10px 0 0 0;
	}

	/* OLD MENU NAVS */

	.nav { margin-bottom: 30px; }
	.nav h1 {
		font-size: 15px;
		cursor: pointer;
		background: #a1d349;
		color: #ffffff;
		padding: 10px;
		margin: 5px 0;
		position: relative;
	}
	.nav h1:after {
		content: "\25BC";
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: auto;
	    right: 2%;
	    margin: auto;
	    height: 50%;
	}
	.nav h1.selected:after {
		content: "\25B2";
	}
	.nav h1:hover, .nav h1.selected {
		background-color: #ffffff;
		color: #a1d349;
		border: 1px solid #a1d349;
		padding: 9px;
	}
	.nav ul {
		overflow: hidden;
		max-height: 0;
		margin: 0;
		-webkit-transition: max-height 500ms ease-in-out;
	    -moz-transition: max-height 500ms ease-in-out;
	    -o-transition:max-height 500ms ease-in-out;
	    transition: max-height 500ms ease-in-out;
	}
	.nav ul.selected {
		max-height: 3000px;
	}
	.nav ul li a {
		font-size: 14px;
		padding: 5px;
		display: block;
	}
	.nav ul li:last-child{
		margin-bottom: 10px;
	}

}

@media all and (max-width: 499px) {

	.row { width: 48%; }
	.row:nth-child(2n-1) { clear: left; }
	.row:nth-child(2n) { clear: right; }

	.reseptit_container .resepti:nth-child(even), 
	.reseptit_container .resepti:nth-child(odd),
	.materiaalit_container .materiaali:nth-child(even), 
	.materiaalit_container .materiaali:nth-child(odd) {
		clear: none;
	}
	.reseptit_container .resepti,
	.materiaalit_container .materiaali {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.materiaalit_container .materiaali img.kansi { width: 98%; }
	.materiaalit_container .materiaali .materiaali_wrapper {
	    width: 100%;
	    margin-left: 0;
	}

}

