/*
Theme Name: DiBK 2017
Author: Hallvard Kristiansen
Author URI: http://hal.wrk.no
Description: Custom responsive theme for DiBK 2017
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom
Text Domain: dibk
*/

@font-face {
	font-family: 'Slutta-Medium';
	src: url('../fonts/Slutta-Medium.eot');
	src: url('../fonts/Slutta-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Slutta-Medium.woff') format('woff'),
		url('../fonts/Slutta-Medium.ttf') format('truetype'),
		url('../fonts/Slutta-Medium.svg#Slutta-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
  height: 100%;
}
body {
	color: black;
  font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-style: normal;
  font-size: 16px;
  line-height: 1.35em;
	margin: 0;
	overflow-y: scroll;
	background-color: white;
}
a, a:link, a:visited {
  color: #001489;
}
a:hover, a:active {
  
}

h1 {
  font-family: 'Slutta-Medium';
  font-weight: normal;
  font-style: normal;
  font-size: 2.25em;
  line-height: 1.28em;
  margin: 0.3em 0 1.5em 0;
}
h1 a {
  color: black;
}
.answers {
  font-family: 'Slutta-Medium';
  font-weight: normal;
  font-style: normal;
  font-size: 1.9em;
  line-height: 1.1em;
  margin: 0;
  padding: 0 0 4em 0;
  list-style-type: none;
}
ul.answers li {
  display: inline-block;
}
ul.answers li a {
  padding: 0.5em;
  display: inline-block;
  border-bottom: 5px solid white;
}
ul.answers li a:hover {
  border-bottom: 5px solid #001489;
}
.container-fluid p {
  font-size: 20px;
  line-height: 26px;
}

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

.centered {
  text-align: center;
}

.logo {
  width: 7em;
  margin-left: 1em;
}
.hd_logo {
  width: 14em;
  margin-right: 1em;
}
.facebook_share {
  width: 18em;
  margin-top: 80px;
}
.textright {
  text-align: right;
}
.start {
  width: 10em;
  margin-top: 2.5em;
  margin-bottom: 4em;
}

#steg_1 .ill {
  margin-top: 2em;
  max-height: 250px;
}
#steg_2 .ill {
  margin-top: 2em;
  max-height: 350px;
}
#steg_3 .ill {
  margin-top: 4em;
  max-height: 310px;
}
#steg_4 .ill {
  margin-top: 5em;
  max-height: 270px;
  margin-left: 10px;
}
#steg_5 .ill {
  margin-top: 10em;
  max-height: 230px;
}
#steg_6 .ill {
  margin-top: 5em;
  max-height: 250px;
}
#steg_7 .ill {
  margin-top: 2em;
  max-height: 350px;
}
#steg_8 a.padded {
  display: inline-block;
  padding: 0.15em 0;
}

#steg_1 .fixedheight {
  min-height: 350px;
}

.pagecount {
  float: left;
  text-align: center;
  font-family: 'Slutta-Medium';
  font-weight: normal;
  font-style: normal;
  font-size: 2.5em;
  line-height: 1em;
  padding: 0.7em;
  color: #03993D;
  background: transparent url('../grfx/page_number_outline.svg') no-repeat center center;
  background-size: contain;
}

.pt2em {
  padding-top: 2em;
}
.pt200px {
  padding-top: 100px;
}
.pb10em {
  padding-bottom: 10em;
}


.fixedheight {
  min-height: 450px;
}
.fixedwidth {
  max-width: 670px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.hidden {
  display: none;
}

/**
 * 6.1 Links
 */

a {
	text-decoration: none;
}

a:hover,
a:focus {
}

.floatright {
  float: right !important;
}



@media (max-width: 1200px) {
}
@media (max-width: 992px) {
  #steg_1 .ill {
    margin-top: 0em;
    max-height: 250px;
  }
  #steg_2 .ill {
    margin-top: 0em;
    max-height: 350px;
  }
  #steg_3 .ill {
    margin-top: 0em;
    max-height: 310px;
  }
  #steg_4 .ill {
    margin-top: 0em;
    max-height: 270px;
  }
  #steg_5 .ill {
    margin-top: 2em;
    max-height: 130px;
  }
  #steg_6 .ill {
    margin-top: 0em;
    max-height: 250px;
  }
  #steg_7 .ill {
    margin-top: 0em;
    max-height: 350px;
  }
  #steg_1 .fixedheight {
    min-height: 350px;
  }
  #steg_2 .fixedheight {
    min-height: 350px;
  }
  #steg_3 .fixedheight {
    min-height: 350px;
  }
  #steg_4 .fixedheight {
    min-height: 350px;
  }
  #steg_5 .fixedheight {
    min-height: 330px;
  }
  #steg_6 .fixedheight {
    min-height: 350px;
  }
  #steg_7 .fixedheight {
    min-height: 350px;
  }
  .fixedwidth {
    max-width: 600px;
  }
  .pt200px {
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .logo {
    width: 4em;
  }
  h1 {
    font-size: 1.5em;
    margin: 0.3em 0 1em 0;
  }
  .start {
    margin-top: 0em;
    width: 8em;
  }
  .answers {
    font-size: 1.3em;
  }
  ul.answers li a {
    padding: 0.5em 1em;
  }
  .pagecount {
    font-size: 1.5em;
  }
  #steg_1 .ill {
    margin-top: 0em;
    max-height: 150px;
  }
  #steg_2 .ill {
    margin-top: 0em;
    max-height: 200px;
  }
  #steg_3 .ill {
    margin-top: 0em;
    max-height: 200px;
  }
  #steg_4 .ill {
    margin-top: 0em;
    max-height: 210px;
  }
  #steg_5 .ill {
    margin-top: 4em;
    max-height: 130px;
  }
  #steg_6 .ill {
    margin-top: 0em;
    max-height: 180px;
  }
  #steg_7 .ill {
    margin-top: 0em;
    max-height: 220px;
  }
  #steg_1 .fixedheight {
    min-height: 250px;
  }
  #steg_2 .fixedheight {
    min-height: 330px;
  }
  #steg_3 .fixedheight {
    min-height: 330px;
  }
  #steg_4 .fixedheight {
    min-height: 330px;
  }
  #steg_5 .fixedheight {
    min-height: 330px;
  }
  #steg_6 .fixedheight {
    min-height: 330px;
  }
  #steg_7 .fixedheight {
    min-height: 330px;
  }
  .vertical_list {
    width: 100%;
  }
  .fixedwidth {
    max-width: 280px;
  }
  .facebook_share {
    margin-top: 30px;
  }
  .container-fluid p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (min-width: 768px) {
}



/**
 * 17.0 Print
 */

@media print {
	body {
		background: none !important; /* Brute force since user agents all print differently. */
		font-size: 11.25pt;
	}

	.secondary-toggle,
	.navigation,
	.page-links,
	.edit-link,
	#reply-title,
	.comment-form,
	.comment-edit-link,
	.comment-list .reply a,
	button,
	input,
	textarea,
	select,
	.widecolumn form,
	.widecolumn .mu_register form {
		display: none;
	}

	.site-header,
	.site-footer,
	.hentry,
	.entry-footer,
	.page-header,
	.page-content,
	.comments-area,
	.widecolumn {
		background: none !important; /* Make sure color schemes dont't affect to print */
	}

	body,
	blockquote,
	blockquote cite,
	blockquote small,
	label,
	a,
	.site-title a,
	.site-description,
	.post-title,
	.author-heading,
	.entry-footer,
	.entry-footer a,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.no-comments,
	.site-info,
	.site-info a,
	.wp-caption-text,
	.gallery-caption {
		color: #000 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr[title],
	table,
	th,
	td,
	.site-header,
	.site-footer,
	.hentry + .hentry,
	.author-info,
	.page-header,
	.comments-area,
	.comment-list + .comment-respond,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
	}

	.site {
		margin: 0 7.6923%;
	}

	.sidebar {
		position: relative !important; /* Make sure sticky sidebar doesn't affect to print */
	}

	.site-branding {
		padding: 0;
	}

	.site-header {
		padding: 7.6923% 0;
	}

	.site-description {
		display: block;
	}

	.hentry + .hentry {
		margin-top: 7.6923%;
	}

	.hentry.has-post-thumbnail {
		padding-top: 7.6923%;
	}

	.sticky-post {
		background: #000 !important;
		color: #fff !important;
	}

	.entry-header,
	.entry-footer {
		padding: 0;
	}

	.entry-content,
	.entry-summary {
		padding: 0 0 7.6923%;
	}

	.post-thumbnail img {
		margin: 0;
	}

	.author-info {
		margin: 0;
	}

	.page-content {
		padding: 7.6923% 0 0;
	}

	.page-header {
		padding: 3.84615% 0;
	}

	.comments-area {
		border: 0;
		padding: 7.6923% 0 0;
	}

	.widecolumn {
		margin: 7.6923% 0 0;
		padding: 0;
	}
}