/**
 * Theme Name: Toomihkli
 * Description: Toomihkli theme
 * Author: Kala Ruudus
 * Version: 2.0.0
 * Requires at least: 7.0
 * Requires PHP: 8.2
 * Text Domain: toomihkli
 */
/* Body
-------------------- */
* {
    margin:		0;
    padding:	0;
}

@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'dearJoe';
	src: url('./fonts/dj-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'dearJoe';
	src: url(//:) format('no404'), url('./fonts/dj-webfont.woff') format('woff'), url('./fonts/dj-webfont.ttf') format('truetype'), url('./fonts/dj-webfont.svg#webfontj5t07PGf') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'HoneyScriptLight';
	src: url('./fonts/honeyscript-light-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'HoneyScriptLight';
	src: url(//:) format('no404'), url('./fonts/honeyscript-light-webfont.woff') format('woff'), url('./fonts/honeyscript-light-webfont.ttf') format('truetype'), url('./fonts/honeyscript-light-webfont.svg#webfont7LdRGrMj') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'HoneyScriptSemiBold';
	src: url('./fonts/honeyscript-semibold-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'HoneyScriptSemiBold';
	src: url(//:) format('no404'), url('./fonts/honeyscript-semibold-webfont.woff') format('woff'), url('./fonts/honeyscript-semibold-webfont.ttf') format('truetype'), url('./fonts/honeyscript-semibold-webfont.svg#webfontZPcniQ1g') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{
	font-size:		12px;
	font-family:	Helvetica, Arial, sans-serif;
	color:			#4d410f;
	background-color: #ffffff;
}

a
{
	color:			#02558f;
	text-decoration:	none;
}

a:focus, a:hover, a:active
{
	color:			#02558f;
	text-decoration:	underline;
}

.clear
{
	clear: both;
}

.left
{
	float:left;
}
.right
{
	float:right;
}

img
{
	border: 0;
	vertical-align: top;
}

/*
	Layout
*/
#main
{
	min-height: 100px;
	background-color: #e0e379;
}
#header
{
	float: left;
	width: 100%;
}
#menubar
{
	float: left;
	width: 100%;
}
#content
{
	padding-bottom: 30px;
	
	margin-bottom: -25px;
	position: relative;
    z-index: 20;
}
#content.bg_home
{
	min-height: 216px;
	
	padding-right: 460px;
	padding-bottom: 240px;
	
	background-image:	url(./images/bg_image_home.png);
	background-repeat:	no-repeat;
	background-position:	right bottom;
}
#content.bg_bed
{
	min-height: 511px;
	
	padding-right: 510px;
	margin-bottom: -64px;
	
	background-image:	url(./images/bg_image_bed.png);
	background-repeat:	no-repeat;
	background-position:	right bottom;
}
#content.bg_vv
{
	min-height: 450px;
	
	background-image:	url(./images/bg_image_vv.png);
	background-repeat:	no-repeat;
	background-position:	right bottom;
}
#footer
{
	background-image:	url(./images/footer_bg.gif);
	background-repeat:	repeat-x;
	background-position:	center top;
	
	position: relative;
    z-index: 10;
}
.wrap
{
	width:			920px;
	margin-top:		0px;
	margin-left:	auto;
	margin-right:	auto;
	
}
#footer .wrap
{
	min-height: 169px;
	position: relative;
}



/*
	Header
*/
#logo
{
	float: left;
	padding: 21px 7px 6px 7px;
}
#language
{
	float: right;
	padding: 49px 50px 0 0;
}
#language a
{
	float: left;
	margin-left: 1px;
}

#menu ul
{
	font-size:		35px;
	font-family:	'HoneyScriptLight', sans-serif;
	list-style:		none;
	float:			left;
	margin-left: -5px;
	
	color:		#4d410f;
}

#menu li
{
	display:	inline;
	float:		left;
	position:	relative;
	padding:	0 9px 9px;
}


#menu li a
{
	color:		#4d410f;
}
#menu li.current_page_ancestor a,
#menu li.current_page_item a,
#menu li a:hover
{
	color:		#ffffff;
	text-decoration: none;
	
	background-image:	url(./images/menu_line.png);
	background-repeat:	no-repeat;
	background-position:	left bottom;
}

#search
{
	float: right;
	width: 148px;
	height: 25px;
	
	margin-top: 9px;
	margin-right: 28px;
	
	background-color: transparent;
	background-image:	url(./images/search.png);
	background-repeat:	no-repeat;
	background-position:	left top;
	
	position: relative;
	overflow: hidden;
}

#search #search_input
{
	float: left;
	width: 108px;
	height: 25px;
	border: 0;
	
	padding: 0px 28px 0px 12px;
	
	background-color: transparent;
	
	font-size: 12px;
	line-height: 25px;
	color: #4d410f;
}
#search label.overlabel
{
	display: none;
}
#search label.overlabel-apply
{
	display: block;
	
	position:absolute;
	z-index:1;
	top: 5px;
	left: 12px;
	
	font-size: 12px;
	color: #4d410f;
}


/*
	Content
*/
#content h1
{
	color: white;
	font-size: 31px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
#content h2
{
	color: black;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	margin: 0 0 7px 0;
}
#content p
{
	font-size: 12px;
	line-height: 13px;
	margin: 7px 0 9px;
}
#content .list
{
	width: 410px;
	padding-top: 20px;
}
#content .list.gallery
{
	width: auto;
}
#content .list .item
{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-size: 12px;
}
#content .list .item .image
{
	float: left;
	width: 82px;
	margin-right: 10px;
	border: 2px solid white;
}
#content .list .item h1
{
	color: #4D410F;
	font-size: 16px;
	font-weight: normal;
}
#content .list .item h1 a
{
	color: #4D410F;
}

/* galerii */
#content .gallery img
{
	border: 2px solid white;
}
#content .gallery-item
{
	float: left;
	width: 86px;
    margin: 0 20px 20px 0;
    text-align: left;
}


/*
	Footer
*/
#footer_menu ul
{
	font-size:		30px;
	font-family:	'HoneyScriptLight', sans-serif;
	list-style:		none;
	float:			left;
	
	padding-top: 40px;
	
	color:		#4d410f;
}
#footer_menu li
{
	display:	inline;
	float:		left;
	position:	relative;
	padding:	0 30px 0 7px;
}
#footer_menu li a
{
	float: left;
	color:		#4d410f;
	clear: left;
}
#footer_menu li.active a,
#footer_menu li a:hover
{
	text-decoration: underline;
}
#footer_menu li ul
{
	float: left;
	
	font-size:		9px;
	font-family:	Helvetica, Arial, sans-serif;
	
	padding: 0;
	margin-top: -5px;
	clear: left;
}
#footer_menu li:first-child
{
	display: none;
}
#footer_menu li li
{
	display:	inline !important;
	float:		none;
	padding:	0;
}
#footer_menu li li a
{
	float:		left;
	padding:	0;
}
#footer_sign
{
	width: 141px;
	height: 99px;
	
	background-image:	url(./images/footer_sign.png);
	background-repeat:	no-repeat;
	background-position:	right bottom;
	
	position: absolute;
	bottom: -1px;
	left: -19px;
}
#footer_logos
{
	position: absolute;
	bottom: 10px;
	right: 0;
}
#footer_logos img
{
	margin-left: 20px;
	vertical-align: bottom;
}