/* @override http://tannlegeheskje.dev/wp-content/themes/tannlegeheskje/style.css */

/*
Theme Name: Tannlege Heskje
Theme URI: http://tannlegeheskje.click/
Author: Bjørnar Tollaksen
Author URI: http://bjornartollaksen.no/
Description: Tema for tannlegeheskje.click
Version: 1.0
License: None
License URI: license.txt
Tags: none
*/

/* By Eric Meyer, with some adjustments: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

img { -ms-interpolation-mode: bicubic; }

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	/* list-style: none; */
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* By Bjørnar Tollaksen */

body {
	font-size: 80%;
	line-height: 1.7em;
	font-family: Helvetica, Arial, sans-serif;
	color: #565656;
	margin: 0;
	background: #eee;
}

html>body { clear: both; }


h1, h2, h3, h4, h5 {
	margin: 1.5em 0 .5em;
}

h3, h4, h5 { color: #656565;}

h1 { font-size: 2.3em; line-height: 1.4em;}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1.1em;
	margin-top: 1.3em;
}
h5 { font-size: 1em; }

p {	margin: 1.5em auto; }

a, a:visited, a:active {
	color: #499337;
}

a:hover {
	color: #3a782a;
}

ul {
	margin: 1em 2em;
}

img {
	max-width: 100%;
	height: auto;
}

/* ALIGNMENT */

img.alignright {
	float: right;
	margin-left: 5em;
}

img.alignleft {a
	float: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.clear,
.clearfix {
	clear: both;
}

/* MARGINS */

.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-25 { margin-left: 25px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-75 { margin-left: 75px; }

.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-75 { margin-top: 75px; }
.margin-top-100 { margin-top: 100px; }


/* CONTAINER, HEADER AND LOGO */

#container {
	margin: 1.5em auto 2em;
	padding: 0;
	width: 960px;
}

#box {
	background-color: #fff;
	border: 1px solid #e6e6e6;
	margin-bottom: 1em;
}

#header {
	margin: 2em 2.5em 2em 6.3em;
}

#map {
	border: 1px solid #d9d9d9;
	float: right;
	margin-top: 1.5em;
}

#logo {
	margin-top: 1.8em;
	float: left;
}

#contact {
	font-size: .9em;
	text-align: right;
}

#content {
	margin: 4em 6.3em;
}


/* NAVIGATION */

#nav {
	background-color: #499337;
	margin: 0;
	padding: 0 4.8em;
}

#nav li {
	display: inline-block;
	margin: 0;
	padding: 6px 0;
}

#nav li.selected,
#nav li:hover {
	/*background-color: #7fb438;*/
	background-color: #7fb438;
}

#nav li a {
	color: #fff;
	padding: 8px 1.7em;
	margin: 0;;
	text-decoration: none;
}

/* FOOTER */

#footer {
	color: #989898;
	font-size: .85em;
	text-align: center;
	margin-bottom: 1.5em;
	padding: 0 1.4em;
}

#footer a {
	color: #76936b;
}

/* EMPLOYEES */

.person {
	float: left;
	margin-left: 90px;
	width: 200px;
}

.person:nth-child(3n+1) {
	margin-left: 0;
}

.person h2 {
	margin-bottom: 0;
	font-size: 1.6em;
}

.person p {
	margin: .6em 0 1em;
}

/* BORDER-RADIUS */

.border-radius {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.border-radius.small {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.border-radius-top {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.border-radius.top.small {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/* BOX-SHADOW */

.box-shadow {
	/*box-shadow: 5px 5px 15px #b7b7b7, -5px -5px 15px #b7b7b7;*/
	box-shadow: 0 0 15px #b7b7b7;
}

/* MENU */

#nav li.mobile-menu {
	display: none;
}

#nav li.mobile-menu.mobile-menu-close {
	display: none;
}

/* MEDIA QUERIES */

@media screen and (max-width: 959px) {
	#container {
		width: 100%;
	}
	
	.person {
		margin-left: 0;
		width: 50%;
	}
	
	.hide-md {
    	display: none;
	}
	
	.block-md {
		display: block;
	}
}

@media screen and (max-width: 859px) {
	.person {
		width: 50%;
	}
}

@media screen and (max-width: 700px) {
	#logo {
		float: none;
		margin-top: 0;
		margin-bottom: 1em;
	}
	
	#map {
		display: none;
	}
	
	#contact {
		text-align: left;
	}
	
	#header,
	#content {
		margin: 4em;
	}
	
	#nav {
		padding: .5em 2.6em;
	}
}

@media screen and (max-width: 545px) {
	.person {
		width: 100%;
	}	
}

@media screen and (max-width: 480px) {
	#header,
	#content {
		margin: 3em 1.4em;
	}
	
	#nav {
		background-color: #fff;
		padding: .5em 1.4em;
	}
	
	#nav li {
		background-color: #499337;
		display: block;
		margin: .3em 0;
		padding: 0;
		display: none;
	}
	
	#nav li.mobile-menu {
		display: block;
	}
	
	#nav:target li.mobile-menu.mobile-menu-open {
		display: none;
	}
	
	#nav:target li.mobile-menu.mobile-menu-close,
	#nav:target li {
		display: block;
	}
	
	#nav li a {
		display: block;
	}
	
	img.alignright {
		float: none;
		display: block;
		margin-left: 0;
		margin-bottom: 2em;
	}
	
	.hide-sm {
    	display: none;
	}
	
	.block-sm {
		display: block;
	}
}