/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


body { font: normal 10pt/20pt "Merriweather", Georgia, serif; color: #333; font-weight: 400; }

h1,h2,h3,h4,h5,h6 { font-family: 'Merriweather',Georgia, serif; color: #555; font-weight: 700; }

#content h1,#content h2, .entry-title { margin-bottom:20px; }

h1 { font-size: 22pt; line-height: 26pt; }
h3 { margin-top:20px; }
h3+p { margin-top: 0; }
a { color: #005ca8; text-decoration: none; font-weight: bold; }
p { margin: 15px 0; }

.content a { text-decoration: underline; }

blockquote { margin: 5%; border-top:1px solid #eee; border-bottom: 1px solid #eee; font-size: 1.3em; line-height: 1.5em;  font-style: italic; color:#777; padding: 20px; background:rgba(255,255,255,.4); border-radius: 4px; position:relative; }
	.sidebar blockquote { font-size: 1em; margin: 5% 0; padding: 8px 15px; }
	blockquote span { display:block; margin-top:1%; font-size: .8em; text-align: left;  }

	blockquote.citat-kontakt { padding-right:120px; }
	.sidebar blockquote.citat-kontakt { padding: 30px 15px 15px 15px; margin-top: 125px; }

		blockquote.citat-kontakt img { position:absolute; right:-30px; top:50%; margin-top:-54px; width:auto; height:134px;  border:4px solid rgba(0,0,0,.1); }
		.sidebar blockquote.citat-kontakt img { position:absolute; left:50%; top:-115px; margin-top:0; margin-left:-54px; }
		blockquote a { color:#777; font-weight: normal; }


.content ul, .sidebar ul { list-style: disc outside none; padding-left:20px; }
.content ul li, .sidebar ul li { padding: 2px 0;}

html { width:100%; }
body { width:100%;  }

/**
 * 		Grid
 */
.grid { max-width: 930px; margin: 0 auto; clear:both; }

.row { width:102%; clear:both; margin: 2% -1%; }
 	.row:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	* html .row             { zoom: 1; } /* IE6 */
	*:first-child+html .row { zoom: 1; } /* IE7 */


.column,.columns {
	display:inline;
	float:left;
	margin: 1% 1%;
/*	margin-left:1%;
	margin-right: 1%;
*/}

.right-column { float:right; }


.one { width: 6.333%; }
.two { width: 14.666%; }
.three { width: 23%; }
.four { width: 31.333%; }
.five { width: 39.666%; }
.six { width: 48%; }
.seven { width: 56.333%; }
.eight { width: 64.666%; }
.nine { width: 73%; }
.ten { width: 81.333%; }
.eleven { width: 89.666%; }
.twelve { width: 98%; }
.one_fifth { width:18% }

.column img, .columns img {
	width: 100%;
	height: auto;
	display: block;
}

.offset-left-one { margin-left:9.333%; }
.offset-left-two { margin-left:17.666%; }
.offset-left-three { margin-left:26%; }
.offset-left-four { margin-left:34.333%; }
.offset-left-five { margin-left:42.666%; }
.offset-left-six { margin-left:51%; }

.offset-right-one { margin-right:9.333%; }
.offset-right-two { margin-right:17.66%; }
.offset-right-three { margin-right:26%; }
.offset-right-four { margin-right:34.333%; }
.offset-right-five { margin-right:42.666%; }
.offset-right-six { margin-right:51%; }


.section { padding:85px 20px; }


#logo { float:left; line-height:70px; margin:0; }
	#logo a { display:block; color:#fff; text-decoration: none; width:240px; text-indent: -9999em; background:transparent url(../images/nordana-tra-logotyp.png) left center no-repeat; }


/*
*		Meny
*/

#menu { float:right;}
#menu ul { list-style: none; float:left;  }
	#menu li { float:left; position: relative;  }
	#menu a	 {
		display: block;
		padding:0 10px;
		line-height: 70px;
		color:#ffffff;
		text-decoration: none;
	}
	/* Hover & Current */
	#menu li.current-menu-ancestor > a,
	#menu li.current-menu-item > a,
	#menu li:hover > a,
	#menu a:hover { background:rgba(0,80,158,.5); }

	#menu ul.sub-menu { position: absolute; top:31px; left:-9999em; border:1px solid #ccc; border-top:0; }
		#menu ul.sub-menu li { float: none; background: #eee; border:0; border-top:1px solid #ccc; }
		#menu ul.sub-menu a  { border-right:0; white-space:nowrap; }

	#menu li:hover > ul { left:0; }
	#menu ul.sub-menu li:hover  ul.sub-menu { top:-1px; left:100%; }

	/* submenu */
	.submenu,
	.gallerymenu { margin-top:5%; }
	.submenu li a,
	.gallerymenu li a,
	a.button {
		display:block;
		color:#fff;
		background:#005ca8;
		border-radius: 4px;
		padding:8px 20px;
		margin-bottom: 5%;
		text-decoration: none;
	}

	#menu #lang_link { float:right; border-left:1px solid #004588; border-right: 1px solid #004588; font-size: .8em; font-weight: normal; color:#b9d4ef; line-height: 70px;   }

	/* footer menu */
	#footer .grid { border-top:1px solid #636363; }
	#footer .menu { float:right; }
	#footer .menu li { display:inline; }
	#footer .menu li a { display:block; float:left; color:#000; padding:0; margin-left:15px; }

#header { width:100%; height:70px; padding:0; background:rgba(0,80,158,.9); position:fixed; z-index: 2000; }
	#header.section-stocknota,
	#header.section-stock { background:rgba(0,80,158,.9); }
		#header.section-stock #menu #lang_link { border-color:#004588; color:#b9d4ef; }
		#header.section-stock #menu a:hover { background:rgba(0,80,158,.5); }
	#header.section-miljo { background:rgba(90,54,22,.9); }
		#header.section-miljo #menu #lang_link { border-color:#462a11; color:#f3dbc6;  }
		#header.section-miljo #menu a:hover { background:rgba(90,54,22,.5); }
	#header.section-galleri { background:rgba(0,0,0,.9); }
		#header.section-galleri #menu #lang_link { border-color:#222; color:#aaa; }
		#header.section-galleri #menu a:hover { background:rgba(0,0,0,.5); }
	#header.section-om-oss { background:rgba(0,85,47,.9); }
		#header.section-om-oss #menu #lang_link { border-color:#014728; color:#92f1c6; }
		#header.section-om-oss #menu a:hover { background:rgba(0,85,47,.5); }


	#header { -webkit-transition: background-color 300ms linear; -moz-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear; }



/*
*		Layout
*/
body { background: #f6f5ed url(../images/section-beige-bg.png) top center repeat; }
.section-start {
	background: #00367b url(../images/section-start-bg.jpg) top center no-repeat;
	padding-top: 150px;
	color: #fff;
	position:relative;
}
	.section-start #decoration { background: transparent url(../images/brador.png) top left no-repeat; width:540px; height: 500px; position:absolute;bottom:-20px; right:0;  }
	.section-start p { color:#c6dcf1;}
	.section-start a { color:#F1EDBC; }
	.section-start strong,
	.section-start h1 { color:#fff; }
	.section-start h1 { font-size: 22pt; line-height: 30pt; }

.section-miljo {
	background:#f8ecda url(../images/section-miljo-bg.jpg) top center no-repeat;
}
	.section-miljo h1,
	.section-miljo h2,
	.section-miljo h3,
	.section-miljo strong,
	.section-miljo blockquote { color:#6e431c; }
	.section-miljo p { color:#44280e; }

	.section-miljo .submenu li a,
	.section-miljo a.button { background:#6e431c; color:#fff }
	.section-miljo .submenu li a.loading { background:#6e431c url(../images/loading-brown.gif) 90% center no-repeat; }


.section-om-oss { background:#046f3f url(../images/section-om-oss-bg.jpg) top center no-repeat; }
	.section-om-oss *,
	.section-om-oss blockquote { color:#badccd }
	.section-om-oss blockquote { background:#046f3f !important; border-color: #046f3f }
	.section-om-oss h1,
	.section-om-oss h2,
	.section-om-oss h3,
	.section-om-oss strong { color: #fff; }
	.section-om-oss .content a { color:#fff !important; }

	.section-om-oss .submenu li a,
	.section-om-oss a.button { background:#fff; color:#046f3f }
	.section-om-oss .submenu li a.loading { background:#fff url(../images/loading-green.gif) 90% center no-repeat; }

.section-galleri { background:#2b2a2b url(../images/section-galleri-bg.jpg) top center no-repeat; }
	.section-galleri p { color:#eee }
	.section-galleri h1,
	.section-galleri h2,
	.section-galleri h3,
	.section-galleri strong { color: #fff; }

	.section-galleri .submenu li a,
	.section-galleri a.button { background:#1a1a1a; color:#fff }
	.section-galleri .submenu li a.loading { background: #1a1a1a url(../images/loading-black.gif) 90% center no-repeat;  }

.section-stock { background:#efdfb3 url(../images/real_wood.png) top center; padding:45px 20px; border-top: 4px solid rgba(0,0,0,.10); border-bottom: 2px solid rgba(0,0,0,.15); }
	.section-stock p { color:#696969 }
	.section-stock h1,
	.section-stock h2,
	.section-stock h3,
	.section-stock strong { color: #696969; }

	.section-stock .submenu li a,
	.section-stock a.button { background:#efdfb3; color:#696969 }

.section-stocknota, .section-beige {  }
	.section-stocknota .submenu li a.loading,
	.section-beige .submenu li a.loading { background:#005ca8 url(../images/loading-blue.gif) 90% center no-repeat; }

	#stock .grid .row,
	#stock .grid .row .columns,
	#stock .grid .row .column { margin-top:0; margin-bottom: 0; }

	#stocknota { background:#fffffc; padding:30px; }
	#stocknota .tab { display:none; }
	#stocknota .tab.current { display:block; }
	#stocknota table { margin:20px 0; }
	#stocknota table tr { cursor: pointer; }
	#stocknota table tr:hover { background:#fff6e8; }

	#stock .tab_links .gran { background:#fff url(../images/stocknota-tab-bg-gran.png) 261px 0 no-repeat; }
	#stock .tab_links .furu { background:#fff url(../images/stocknota-tab-bg-furu.png) 261px 0 no-repeat; }

	a.tab_button { display:block; background:transparent url(../images/stocknota-arrow-icon.png) 14px 16px no-repeat; padding:12px 20px 10px 45px; font-size: 16pt; color:#696969; border-bottom: 5px solid #046f3f }
	a.tab_button.current { background:#fffffc; border-bottom: 1px solid #eeeeca; padding-bottom: 14px; }

	form#order {  }
		#items { margin-bottom: 20px; }
		#items label { display:block; border:2px solid #046f3f; padding:2px 10px; margin-bottom:5px; color:#046f3f; position:relative; }
		#items label a { position:absolute; height:12px; padding-top: 2px; line-height: 12px; width:14px; right:8px; top:8px; text-align: center; background:none; color:#046f3f; cursor:pointer; }
		.form_row { padding-top:1px; padding-bottom:1px; padding-left:90px; }
		.form_row label { float:left; margin: 5px 0;  margin-left:-90px }
		.form_row input,
		.form_row select { display:block; width:80%; padding:5px 5%; margin: 5px 0; }
		.form_row input:focus { outline-style:none; }
		.form_row input.error { border:1px solid #900; background: url(../images/form_error.png) 97% center no-repeat; }
		.form_row input.focus { border:1px solid #046f3f; }
		.form_row .tooltip { display:none; }
		.form_row.focus {
			position:relative;
			background: #d7efda;
			padding-top: 1px;
			padding-bottom: 1px;
		}
		.form_row.focus .tooltip {
			display:block;
			position:absolute;
			background:#046f3f;
			padding:0 10px;
			border-radius: 5px;
			color:#fff;
			font-size:10px;
			text-transform:uppercase;
			top: -27px;
			left: 80px;
		}
		.form_row.focus .tooltip:after {
			content:'';
			position: absolute;
			width:0;
			height:0;
			border:5px solid transparent;
			border-top:5px solid #046f3f;
			bottom:-10px;
			left:50%;
			transform:translateX(-50%);
		}
	form button,
	#submit {
		-webkit-appearance: none;
		display: inline-block;
		clear: both;
		float: left;
		margin-bottom: 20px;
		background:#046f3f;
		border: 0;
		color: #fff;
		font: inherit;
		padding: 3px 10px;
		border-radius: 2px;
		cursor: pointer;
	}
	#submit {
		background:#005ca8;
	}



table { width:100%; border-collapse: collapse }

	thead { font-weight: bold; }


	tr { border-bottom:1px solid #ddd; }
	td { padding:0 5px; }


/* Personal */
.kontakt { margin-bottom: 2%; text-align: center }
	.kontakt .bild {margin-bottom: 10px; }
	.kontakt .bild img { width:94%; max-width: 150px; height:auto; border:4px solid rgba(0,0,0,.1); display:block; margin:0 auto; }
	/*.kontakt .bild img { border-radius: 50%; }*/
	.kontakt .namn { font-weight: bold; display:block;  }
	.kontakt .titel { font-style: italic; display:block; }
	.kontakt ul { font-size: .9em; line-height:1.6em; margin:0; padding:0; }
		.kontakt ul li { overflow: hidden; }
		.kontakt ul li a { white-space: nowrap; }



/**
 *	Responsive-ness
 * */
@media all and (max-width: 1310px) {
	.section-start #decoration { background-position: bottom left; width:450px; bottom: auto; top:30px; }
}
@media all and (max-width: 1150px) {
	.section-start #decoration { background-position: bottom left; width:350px; }
}
@media all and (max-width: 900px) {
	.section-start #decoration { background-position: bottom left; width:250px; }
}
@media all and (max-width: 767px) {
	.section-start #decoration { display:none; }
}

iframe { max-width: 100%; }


/* Skeleton settings */
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	.grid { width: 750px; }
	#menu a { padding:0 6px; font-size: 9pt; }
}

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

	#header { position:absolute; padding:0; }
		#header .grid { margin:inherit 0;}

	.section-start h1 { font-size: 24pt; line-height: 34px; }
	h1 { font-size: 20pt; line-height:24pt; }

	.section { padding: 40px 20px; }
	.section-start { padding-top: 110px }

	.grid { width: 95%; max-width: 400px; margin:0 auto; overflow: hidden; }
	#menu ul { display:none; }

	.column,
	.columns { width:98%; }

	.offset-left-one,
	.offset-left-two,
	.offset-left-three,
	.offset-left-four,
	.offset-left-five,
	.offset-left-six,
	.offset-right-one,
	.offset-right-two,
	.offset-right-three,
	.offset-right-four,
	.offset-right-five,
	.offset-right-six { margin: 1%; }

	#image-gallery .three.columns { width: 48%; }

	#stock #stocknota { padding:10px !important; }
	#stock { padding:45px 10px; }
	#stock .tab_links .six.columns { width:48%; }
	#stock .tab_links .gran,
	#stock .tab_links .furu { background:#fff; }
	#stock .tab_links a { font-size: 12pt; line-height: .9em; background-position: 11px 11px; }
	td { padding:0 2px; }

	blockquote.citat-kontakt { padding-right:90px; }
		blockquote.citat-kontakt img { position:absolute; right:-10px; top:50%; margin-top:-44px;  width:80px; height:auto;  border:4px solid rgba(0,0,0,.1); }


	#logo { float:left; margin-left:20px; }

}

@media only screen and (min-width: 480px) and (max-width: 670px) {
	/**
	 * Justera meny till ikon
	 */
}



/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}



/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}