@charset utf-8;

/*
Theme Name: Lesekroken
Theme URI: http://whiteboardframework.com/
Author: Bold Perspective.storyPage .nivo_slider
Author URI: http://boldperspective.com/
Description: Lesekroken theme
Version: 3.2.1



*/

/** SNOW **/
.zobnin-karaoke__controls {
  position: relative;
}
.karaoke_theme_christmas .zobnin-karaoke {
  position: relative;
}
.karaoke_theme_christmas .zobnin-karaoke:before {
  display: block;
  position: absolute;
  left: 0;
  top:0;
  bottom: 0;
  right: 0;
  content: "";
	background-image: url('images/snow1.png'), url('images/snow2.png'), url('images/snow3.png');
	-webkit-animation: snow 20s linear infinite;
	        animation: snow 20s linear infinite;
}

@-webkit-keyframes snow {
  0% {background-position: 0px 0px;}
  100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@keyframes snow {
  0% {background-position: 0px 0px;}
  100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

#register_biblioteket_wrapper .wp-caption{
	padding-right: 0;
}

#register_biblioteket_wrapper .wp-caption img{
	border: none;
	padding: 0;
	vertical-align: inherit;
}

#register_biblioteket_wrapper .wp-caption .wp-caption-text{
	width: 300px;
	padding-left: 0;
	text-align: center;
}

/*- self-clearing floats ----------*/
.mod:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.gigantic {
  font-size: 110px;
  line-height: 120px;
  letter-spacing: -2px;
}

.huge,
h1 {
  font-size: 68px;
  line-height: 72px;
  letter-spacing: -1px;
}

.large,
h2,
#content h1 {
  font-size: 42px;
  line-height: 48px;
}

.big,
h3,
#content h2 {
  font-size: 26px;
  line-height: 36px;
}

.normal,
body,
#content h3 {
  font: 16px/22px Helvetica Neue, Helvetica, Trebuchet MS, Arial, Verdana, Tahoma, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;

}

.small {
  font-size: 13px;
  line-height: 18px;
}

.serif,
cite,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: palatino, platino linotype, georgia, times, times new roman, serif;
  font-weight: normal;
}

.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
  margin: 24px 12px 12px;
}

.monospace,
var,
code {
  font-family: courier new, courier, monospace;
}

.amp {
  font-style: italic;
  font-family: baskerville, palatino, palatino linotype, book antiqua, georgia, times, times new roman, serif;
  font-weight: normal;
}

a {
  /* color: #111; */
}

a:hover,
a:active {
  color: #0fd003;
}

.post-content ul,
.post-content ol {
  padding-left: 24px;
}

input,
textarea {
  border: 1px #aaa solid;
  padding: 5px;
  outline: none;
}

input:hover,
textarea:hover,
input:focus,
textarea:focus {
  border: 1px #444 solid;
}

input:focus,
textarea:focus {
  box-shadow: inset 0px 0px 6px rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0px 0px 6px rgba(0, 0, 0, .2);
  -moz-box-shadow: inset 0px 0px 6px rgba(0, 0, 0, .2);
}

textarea {
  min-height: 150px;
  width: 100%;
}

blockquote {
  border-top: 1px #ccc dotted;
  border-bottom: 1px #ccc dotted;
  text-align: justify;
  margin: 20px;
  padding: 12px;
}

blockquote:first-letter {
  font-size: 24px;
  padding-right: 1px;
}

blockquote:first-line {
  font-size: 20px;
}


/*
	layout styles
 */

#if-logged-in .container {
  background: #000;
  margin-top: -24px;
}

body {
  background: #fff;
  color: #111;
}

.container {
  background: #fff;
  margin: 0 auto;
}

#main>.container {
  padding-bottom: 50px;
  padding-top: 0;
}

#header .container {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  position: relative;
  height: 316px;
  margin-bottom: 0;
}

#title {
  position: relative;
  padding-top: 5%;
}

#logo,
#tagline {}

#logo {
  left: 0;
  font-size: 72px;
  line-height: 72px;
  letter-spacing: 0;
}

#logo a {
  display: block;
  padding-left: 210px;
  margin-left: -105px;
  margin-right: -105px;
  width: 405px;
  height: 100px;
}

#logo a img {
  display: none;
}

.pb-0 {
  padding-bottom: 0 !important;
}

#tagline {
  font-size: 18px;
  right: 0;
  line-height: 36px;
}

.menu-topnav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
}

#nav-primary {
  padding: 0 !important;
  clear: both;
  width: 1180px;
}

#nav-primary ul,
#nav-primary li {
  list-style: none;
}

#nav-primary li {
  float: left;
}

#nav-primary a {
  display: block;
  padding: 0 9px;
  color: #fff;
  font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
  height: 47px;
  line-height: 47px;
  font-size: 14px;
  border-top: none;
  margin-right: 2px;
  cursor: pointer;
}

.has_user_ads #home_page_top_content_wrapper{
	max-width: 65%;
}

#secondary_menu_container{
	display: flex;
	gap: 20px;
  justify-content: center;
  align-items: center;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

#latest_news_wrapper a{
	display: flex;
	gap: 10px;
	align-items: center;
  color: #000;
  font-weight: bold;
}

/* .page-id-1636 #nav-primary a {
				font-size:20px;
				padding: 0 10px;
			} */

			
      
#widget-header {
  clear: both;
}

#content {}

#widget-alert {
  background: #C6D8CD;
  border: 1px #5b816a solid;
  padding: 24px;
  margin-bottom: 24px;
}

.post-single {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px #dedede solid;
}

#sidebar {
  border-top: 1px #ccc solid;
}

#sidebar .widget-area {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px #dedede solid;
}

#siebar ul,
#sidebar li {
  padding: 0;
  margin: 0;
  list-style: none;
}

#sidebar .children {
  padding-left: 10px;
}

#sidebar .children .children {
  padding-left: 10px;
}

#footer .container {
  padding-top: 10px;
  padding-bottom: 0;
  background: none;
}

#footer-content {
  padding: 20px;
}

#footer ul,
#footer li {

  list-style: none;
}

#footer li a {
  padding: 0 10px 0 5px;
  line-height: 20px;
  display: block;
}


body {}

#main {
  position: relative;
}

#header {
  background: url(images/header-bg3.jpg) center bottom no-repeat;
}

nav {}

nav.primary {}

nav.footer {}

#widget-header {}

#widget-alert {}

#content {
  position: relative;
  min-height: 380px;
}

#content .bgImage {
  background: url(images/content-bg.png) left 45px no-repeat;
  position: absolute;
  left: -100px;
  top: -13px;
  width: 840px;
  height: 410px;
}

article {}

.featured-thumbnail {}

.post-content {}

.page-content {
  width: 952px;
}

.pagination {}

.post-meta {}

.post-navigation {}

#comments {}

li.comment {}

.odd {}

.even {}

.author-comment {}

.comment-text {}

.comment-meta {}

p.gravatar {}

.waiting-for-approval {}

#trackbacks {}

li.trackback {}

p#no-comments {}

#comments-form {}

#respond {}

.cancel-comment-reply {}

.page {
  position: relative;
  z-index: 2;
}

#page-content {}

#page-meta {}

.post {}

.postContent {}

.post-excerpt {}

nav.oldernewer {}

.older {}

.newer {}

.search {}

.author {}

#recent-author-posts {}

#recent-author-comments {}

#error404 {}

#sidebar {
  display: none;
}

#widget-sidebar {}

#sidebar-search {}

#sidebar-nav {}

#sidebar-archives {}

#sidebar-meta {}

.widget {}

.home-title {
  text-align: center;
  margin-bottom: 25px;
}

#footer {
	position: relative;
  background: url(images/footer-bg.jpg) center bottom repeat-x;
}

#footer .col4 {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 5px;
  vertical-align: top;
  width: 231px;
  padding-top: 15px;
}

.menu-footer-before-login-and-header-after-login-container{
	max-width: 1200px;
}

.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login{
	display: flex;
	gap: 2px;
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: center;
	background-color: #FFF;
}

.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li{
	width: calc(50% - 5px);
}

.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li a {
  display: block;
  padding: 10px 15px 5px 15px;
  color: white;
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  white-space: nowrap;
}

.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:nth-child(1) a { background: linear-gradient(to right, #0091ff, #0060df); }
.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:nth-child(2) a { background: linear-gradient(to right, #1d4ed8, #1e3a8a); }
.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:nth-child(3) a { background: linear-gradient(to right, #7c3aed, #5b21b6); }
.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:nth-child(4) a { background: linear-gradient(to right, #d946ef, #a21caf); }
.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:nth-child(5) a { background: linear-gradient(to right, #ec4899, #be185d); }
.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:nth-child(6) a { background: linear-gradient(to right, #f97316, #ea580c); }
.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:nth-child(7) a { background: linear-gradient(to right, #fbbf24, #f59e0b); }
.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:nth-child(8) a { background: linear-gradient(to right, #a3e635, #84cc16); }
.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:nth-child(9) a { background: linear-gradient(to right, #4ade80, #22c55e); }
.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:nth-child(10) a { background: linear-gradient(to right, #2dd4bf, #0d9488); }
.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:nth-child(11) a { background: linear-gradient(to right, #0891b2, #0369a1); }

.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li a img{
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0 !important;
	object-fit: contain;
	display: inline;
}

.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:hover a img{
	transform: scale(1.3);
}

.menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li:hover a span{
	transform: translateY(5px);
}

.activityLinks {
  overflow: hidden;
  width: 100% !important;
  padding: 0 !important;
  background: #efefef url(images/activityLinks-bg.jpg) center bottom repeat-x !important;
  padding-bottom: 0 !important;
  padding-top: 4px !important;
  margin: 0 !important
}

.activityLinks.user_logged_in{
	background-image: url(images/top_nav_menu_icons/Lesekroken_menu.jpg)!important;
	background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  height: 48px;
}

/*  #footer .activityLinks.container{ padding:0; width:1200px; height:auto; background: url(images/activityLinks-bg-inactive.png) left bottom no-repeat; min-height:30px;  }  
*/

html body .activityLinks .mod {
  margin: 0 auto;
  /*max-width: 1200px;*/
  width: initial;
  padding: 0;
  background: none;
  display: flex;
}

.activityLink {
  width: 10%;
  /*text-indent:-9999px;*/
  vertical-align: top;
  display: block;
  float: left;
  cursor: default;
  /*width: calc(100%/6);*/
}

.activityLinks.user_logged_in .activityLink {
	position: relative;
	color: #FFF;
  text-align: center;
  text-decoration: none !important;
  font-weight: bold;
  padding-top: 25px;
	font-size: 12px;
}

.activityLinks.user_logged_in .activityLink:hover span,
.activityLinks.user_logged_in .activityLink:focus span,
.activityLinks.user_logged_in .activityLink:active span{
	position: absolute;
	color: #FFF !important;
	bottom: -10px;
	width: 100%;
	left: 0;
	font-size: 12px;
}

.activityLinks.user_logged_in .activityLink img{
	position: absolute;
	top: -5px;
	left: 50%;
	width: 38px;
	height: 38px;
	margin-left: -19px;
}

.activityLinks.user_logged_in .activityLink:hover img{
	transform: scale(1.5);
}

.activityLinks.user_logged_in .top_nav_menu_puslespill img{
	width: 30px;
  height: auto;
  top: 5px;
  margin-left: -15px;
}

.activityLink.spraktrening {
  cursor: pointer;
}

.activityLink.spraktrening.not_login {
  cursor: default;
}

.activityLink>img {
  width: 99%;
  height: 41px;
  margin-left: 0.5%;
}

.storyPage .activityLink {
  cursor: pointer;
}

/*     .activityLink.lese{ background: url(images/lese-bg.png) left bottom no-repeat; }
     .activityLink.lytte{ background: url(images/lytte-bg.png) left bottom no-repeat; }
     .activityLink.fargelegg{ background: url(images/fargelegg-bg.png) left bottom no-repeat; }
     .activityLink.puslespill{ background: url(images/puslespill-bg.png) left bottom no-repeat; width:300px; margin-right:0 !important; }
*/

/* coloring book */

.coloringBook {
  width: 578px;
  margin: 0 auto;
  max-width: 100%;
}

.coloringBook canvas {
  margin: 0 auto;
  max-width: 100%;
  background-color: #fff;
}

.coloringBook .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.coloringBook .tools {
  font-size: 0;
}

.coloringBook .tools button {
  width: 100px;
  height: 100px;
  margin: -10px;
  background-image: url('images/pen.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  cursor: pointer;
  font-size: 0;
  border: none;
}

.coloringBook .tools button:hover {
  opacity: 0.8;
}

.coloringBook button:focus {
  outline: none;
}

.coloringBook .tools #fill {
  background-image: url('images/fill.png');
}

.coloringBook .tools #eraser {
  background-image: url('images/eraser.png');
}

.coloringBook .tools .active {
  -webkit-filter: drop-shadow(0 0 5px #fd4);
          filter: drop-shadow(0 0 5px #fd4);
}

.coloringBook .buttons {
  font-size: 0;
}

.coloringBook .buttons button {
  width: 100px;
  height: 100px;
  margin: -10px;
  background-image: url('images/print-icon.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  cursor: pointer;
  font-size: 0;
  border: none;
}

.coloringBook .buttons button:hover {
  opacity: 0.8;
}

.coloringBook .buttons #undoPaint {
  background-image: url('images/back.png');
}

.coloringBook .buttons #download {
  background-image: url('images/download.png');
}

.coloringBook .sizes {
  font-size: 0;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.coloringBook .sizes p {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 0 !important;
}

.coloringBook button {
  background-color: #fff;
  width: 32px;
  margin: 5px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}

.coloringBook .sizes .active {
  background-color: #fbe031;
  -webkit-filter: drop-shadow(0 0 5px #fd4);
          filter: drop-shadow(0 0 5px #fd4);
}

.tool-pen canvas {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 490.771 490.771' width='40' height='40'%3E%3Cpath fill='%23ffc107' d='M477.305 78.384l-183.467 178.56-60.373-60.373 178.56-183.253c18.188-17.549 46.977-17.644 65.28-.213 17.945 18.075 17.966 47.224 0 65.279z'/%3E%3Cpath fill='%23ffa000' d='M293.838 256.944l-15.36 14.933-89.6 87.467c-2.025 1.898-4.691 2.964-7.467 2.987-2.829.037-5.542-1.125-7.467-3.2l-42.667-42.667c-4.182-4.014-4.318-10.659-.304-14.84l.09-.093 87.467-89.6 14.933-15.36 60.375 60.373z'/%3E%3Cpath fill='%23607d8b' d='M114.851 298.331c-41.827-.336-76.151 33.018-77.013 74.837-.072 3.007 1.129 5.904 3.307 7.979 2.179 2.057 5.116 3.116 8.107 2.923 22.635-1.579 28.117 7.915 36.971 23.765 10.009 25.121 34.855 41.125 61.867 39.851h.043c2.689.002 5.28-1.011 7.253-2.837 21.002-17.354 34.21-42.373 36.693-69.504-.107-42.573-34.655-77.026-77.228-77.014z'/%3E%3Cpath fill='%23455a64' d='M158.073 433.136c-1.573-4.051-5.446-6.744-9.792-6.805-19.331 1.227-37.103-10.601-43.435-28.907-8.703-23.389-32.347-37.724-57.109-34.624-4.325.305-8.036 3.197-9.387 7.317-.409 1.722-.652 3.48-.725 5.248-2.07 23.654-10.487 46.31-24.363 65.579C3.235 457.648-4.679 470.811 3.214 481.84c5.849 6.67 14.7 9.888 23.467 8.533 20.984-1.207 41.802-4.436 62.165-9.643 25.002-5.872 48.004-18.26 66.667-35.904 3.164-3.005 4.179-7.636 2.56-11.69z'/%3E%3Cpath d='M181.411 362.331c-5.891-.001-10.666-4.777-10.666-10.668 0-2.875 1.161-5.629 3.22-7.636l288.3-280.832c9.594-9.673 9.594-25.271 0-34.944-9.813-9.349-25.237-9.349-35.051 0L146.382 316.443c-4.124 4.224-10.891 4.305-15.115.181s-4.305-10.891-.181-15.115L411.939 13.275c18.251-17.517 47.072-17.517 65.323 0 17.981 18.02 17.981 47.196 0 65.216l-288.405 280.81c-1.992 1.942-4.664 3.03-7.446 3.03z'/%3E%3Cpath d='M26.51 490.331c-8.711 1.302-17.487-1.913-23.296-8.533-7.872-10.965 0-24.128 10.091-40.789 13.91-19.271 22.35-41.945 24.427-65.621.709-42.622 35.835-76.599 78.456-75.89 41.623.692 75.198 34.267 75.89 75.89 0 43.2-49.301 93.376-103.403 105.259-20.362 5.22-41.18 8.464-62.165 9.684zm-4.267-21.334c20.929-.368 41.723-3.437 61.867-9.131 47.979-10.603 86.635-54.869 86.635-84.48-.603-30.84-26.092-55.351-56.931-54.749-29.991.586-54.162 24.758-54.749 54.749-1.973 27.55-11.479 54.029-27.477 76.544-3.462 5.496-6.589 11.195-9.365 17.067h.02z'/%3E%3Cpath d='M149.411 447.664c-27.474 1.813-52.986-14.29-63.168-39.872-8.107-14.528-13.461-24.128-32.832-24.128-5.891 0-10.667-4.776-10.667-10.667s4.776-10.667 10.667-10.667c22.849-.37 43.46 13.673 51.477 35.072 6.446 18.716 24.802 30.643 44.523 28.928 5.891 0 10.667 4.776 10.667 10.667s-4.776 10.667-10.667 10.667zM277.411 266.331c-2.831.005-5.548-1.115-7.552-3.115l-42.667-42.667c-4.092-4.237-3.975-10.99.262-15.083 4.134-3.992 10.687-3.992 14.82 0l42.667 42.667c4.159 4.172 4.149 10.926-.024 15.085-1.992 1.988-4.691 3.107-7.506 3.113z'/%3E%3C/svg%3E") 0 40, auto;
}

.tool-fill canvas {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='40' height='40'%3E%3Cpath fill='%23d32f2f' d='M12 465.3c1.7 2.2 3.7 4.1 5.9 5.9 17 13.7 41.9 11.1 55.6-5.9 15.4-19.3 15.9-46.5 1.2-66.3-5.2-7.6-17.9-32.3-22.4-41.2-1.7-4-5.8-6.3-10.1-5.8-4.2.2-7.9 3-9.4 7-5 14-11.8 27.2-20.4 39.3-16.3 19.3-16.4 47.5-.4 67z'/%3E%3Cpath fill='%23f44336' d='M0 277.3C0 310.4 18.6 378 43 379.9h1.3c7.4 0 16.3-4.9 19.6-26.3 1-11.6 7-22.1 16.5-28.8 19.3-15.8 29.2-40.4 26.3-65.2L232.5 91.7c1.4-1.8 2.1-4.1 2.1-6.4 0-5.9-4.8-10.7-10.7-10.7C94.2 74.7 0 160 0 277.3z'/%3E%3Cpath fill='%23cfd8dc' d='M67.1 227.1c-4.2 4.2-4.2 10.9 0 15.1l203.4 203.4c45.8 45.8 120.1 45.8 165.9 0l41.2-41.2c45.8-45.8 45.8-120.1 0-165.9L274.2 35.1c-4.2-4.2-10.9-4.2-15.1 0l-192 192z'/%3E%3Cpath fill='%23455a64' d='M123.4 186c-4-4.1-4-10.7 0-14.8 4.1-4.2 10.8-4.4 15.1-.3 70.9 70.7 185.6 70.7 256.4 0 4.1-4 10.7-4 14.8 0 4.2 4.1 4.4 10.8.3 15.1-38 38.1-89.5 59.4-143.3 59.3-53.8.1-105.4-21.3-143.3-59.3z'/%3E%3Cpath d='M270.6 445.6L67.1 242.2c-4.2-4.2-4.2-10.9 0-15.1l192-192c4.2-4 10.8-4 15.1 0l203.4 203.4c45.8 45.8 45.8 120.1 0 165.9l-41.2 41.2c-22 22.1-51.8 34.5-83 34.4-31 .1-60.9-12.3-82.8-34.4zM89.8 234.7l195.9 195.9c37.5 37.5 98.3 37.5 135.8 0l41.2-41.2c37.5-37.5 37.5-98.3 0-135.8l-196-195.8L89.8 234.7z'/%3E%3Cpath d='M43 379.7C18.6 378 0 310.4 0 277.3 0 160 94.2 74.7 224 74.7c5.9 0 10.7 4.8 10.7 10.7S229.9 96 224 96C104.7 96 21.3 170.7 21.3 277.3c1 26.9 8.1 53.2 20.8 76.9.2-1.1.4-2.3.7-3.8 1.8-16.5 10.3-31.6 23.5-41.7 10.2-8.9 19-16.6 19-52.7 0-5.9 4.8-10.7 10.7-10.7s10.7 4.8 10.7 10.7c0 42.5-11.4 55.8-26.3 68.8-9.4 6.7-15.5 17.3-16.5 28.8-3.3 21.4-12.2 26.3-19.6 26.3l-1.3-.2z'/%3E%3Cpath d='M12 465.3c-16-19.5-15.9-47.7.3-67.1 8.6-12.1 15.4-25.3 20.4-39.3 1.5-4 5.2-6.7 9.4-7 4.2-.2 8.2 2.1 10.2 5.8 4.5 8.9 17.2 33.6 22.4 41.2 14.7 19.8 14.2 47.1-1.3 66.4-7.6 9.2-18.8 14.6-30.7 14.7-11.9-.1-23.1-5.5-30.7-14.7zm31.6-77.7c-4 8.8-9.2 17.1-15.3 24.7-9.3 11.4-9.3 27.7-.2 39.1 3.6 4.4 8.9 7.1 14.6 7.2 5.9-.2 11.4-3.1 14.9-7.7 8.5-12 8.2-28.1-.7-39.8-3.3-4.9-8.6-14.5-13.3-23.5zM123.4 186c-4-4.1-4-10.7 0-14.8 4.1-4.2 10.8-4.4 15.1-.3 70.8 70.8 185.6 70.8 256.4 0 4.1-4 10.7-4 14.8 0 4.2 4.1 4.4 10.8.3 15.1-37.9 38.1-89.5 59.5-143.3 59.4-53.8.1-105.4-21.3-143.3-59.4z'/%3E%3C/svg%3E") 4 38, auto;
}

.tool-eraser canvas {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 430.3 405.3' width='40' height='40'%3E%3Cpath fill='%23f44336' d='M256.5 323.1L107.2 173.8c-4.2-4.2-10.9-4.2-15.1 0l-76.6 76.6c-20.7 20.8-20.7 54.4 0 75.2l64 64c10 10.1 23.6 15.7 37.8 15.7h49.9c14.2 0 27.8-5.6 37.8-15.7l51.4-51.4c4.3-4.1 4.3-10.9.1-15.1z'/%3E%3Cpath fill='%231976d2' d='M427.2 152.5L277.9 3.1C273.7-1 267-1 262.8 3.1L92.1 173.8c-4.2 4.2-4.2 10.9 0 15.1l149.3 149.3c4.2 4.2 10.9 4.2 15.1 0l170.7-170.7c4.2-4.1 4.2-10.9 0-15z'/%3E%3Cpath d='M167.3 405.3h-50c-14.2 0-27.7-5.6-37.7-15.6l-64-64c-20.8-20.8-20.8-54.6 0-75.4L262.8 3.1c4.2-4.2 10.9-4.2 15.1 0l149.3 149.3c4.2 4.2 4.2 10.9 0 15.1L205 389.7c-10 10.1-23.5 15.7-37.7 15.6zm103-379.5L30.7 265.4c-12.5 12.5-12.5 32.8 0 45.2l64 64c6 6 14.1 9.4 22.6 9.4h50c8.5 0 16.6-3.3 22.6-9.4L404.6 160 270.3 25.8z'/%3E%3Cpath d='M249 341.3c-2.8 0-5.5-1.1-7.6-3.1L92.1 188.9c-4.1-4.2-4-11 .3-15.1 4.1-4 10.7-4 14.8 0l149.3 149.3c4.2 4.2 4.2 10.9 0 15.1-2 2-4.7 3.2-7.5 3.1z'/%3E%3C/svg%3E") 10 40, auto;
}

/*
#footer .footer1{  }
		#footer .footer1 li a{ color:#990000; }
	#footer .footer2{  }
		#footer .footer2 li a{ color:#e96101; }
	#footer .footer3{  }
		#footer .footer3 li a{ color:#336633; }
	#footer .footer4{  }
		#footer .footer4 li a{ color:#6699cc; }
*/
#footer .col4 li a {
  color: #666
}

.facebookLink {
  border-radius: 50%;
  height: 38px;
  width: 38px;
  background: url(images/icon-facebook.png) #eef7f3 center center no-repeat;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  z-index: 100;
  display: inline-block;
  vertical-align: middle;
  margin-right: 45px;
}

.facebookLink:hover,
.facebookLink:active,
.facebookLink:focus {
  color: #77b3ee;
}

#footer .widget-footer li a:hover,
#footer .widget-footer li a:active,
#footer .widget-footer li a:focus {
  color: #999;
  text-transform: none;
}

.toTop {
  text-align: right;
  display: none;
}

.toTop a {}

.copyright {
  bottom: 7px;
  font-size: 14px;
  left: 50%;
  margin-left: -140px;
  position: absolute;
  text-align: center;
  color: #666;
}

.copyright a {
  font-weight: bold;
  color: #333;
}

.copyright a:hover,
.copyright a:focus,
.copyright a:active {
  color: #666;
}

.post-edit-link {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.no-results {}

.none {
  /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
  display: none !important;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.aligncenter {
  text-align: center;
}

.alignleft {
  text-align: left;
}

.alignright {
  text-align: right;
}

body .button,
body .sendbutton {
  font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
  color: #fff;
  font-size: 18px;
  padding: 0px 10px;
  line-height: 22px;
  border: 2px solid #6980c0;
  cursor: pointer;
  border-radius: 15px;
  background: rgb(63, 91, 196);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(63, 91, 196, 1)), to(rgba(136, 174, 235, 1)));
  background: linear-gradient(to bottom, rgba(63, 91, 196, 1) 0%, rgba(136, 174, 235, 1) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f5bc4', endColorstr='#88aeeb', GradientType=0);
  /* IE6-9 */
}

body .button:hover,
body .button:focus,
body .button:active {}

#content p {
  margin-bottom: 15px;
}

#content blockquote {
  font-style: italic;
}

#content h1,
#content h2,
#content h3,
#content h4 {
  font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
}

#content h3 {
  font-size: 22px;
  line-height: 32px;
}

#content h3 {
  font-size: 18px;
  line-height: 26px;
}

#content .huge,
#content h1 {
  font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
  margin-bottom: 0;
}

#content ul {
  margin: 10px 0 20px;
}

#content ol {
  margin: 10px 0 20px;
}


.wp-caption {
  float: left;
  padding-right: 60px;
  width: 410px !important;
  margin-bottom: 30px;
  display: table;
}

.wp-caption img {
  border: 1px solid #CCC;
  padding: 4px;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.wp-caption .wp-caption-text {
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 22px;
  letter-spacing: 0;
  padding-left: 15px;
  width: 260px;
}

.page-content img.alignright {
  float: right;
  margin: 0 0 20px 20px;
}

.page-content img.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}

.logoutLink {
  font-size: 11px;
  position: absolute;
  left: 7px;
  bottom: 5px;
}

/*---------- cforms ---------*/
.linklove {
  display: none;
}

/*------- header login form -------*/
#header .headerLogin {
  position: absolute;
  right: 0px;
  top: 0px;
  font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
}

#header .headerLogin label {
  color: #5378B7;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-weight: bold;
  min-width: 120px;
  padding-right: 5px;
  text-align: right;
  font-size: 20px;
  letter-spacing: 0.02em;
}

#header .headerLogin input[type="text"],
.headerLogin input[type="password"] {
  border: 2px solid #5378B7;
  margin-bottom: 14px;
  padding: 5px 10px 6px;
  border-radius: 15px;
}

.headerLogin .right {
  text-align: left;
  margin-left: 8px;
}

.headerLogin .new_password,
.headerLogin .register_new {
  display: block;
  color: #5378b7;
  text-decoration: underline;
}

.forgetmenot {
  display: none;
}

.userWelcome {
  font-size: 16px;
  text-align: right;
}

.socials {
  float: right;
  margin-top: 2px;
}

.socials li {
  list-style: none;
  float: left;
  margin-left: 5px;
}

.socials li a {}

.socials li img {}


/*--------------- shortcode -----------------------------*/
/*------- flag link --------*/
.flagLink {
  display: block;
  height: 55px;
  width: 186px;
  border: 1px solid #d0cece;
  color: #675f5f;
  float: left;
  font-size: 15px;
  background: url(images/flaglink-bg.jpg) left center repeat-x;
  margin-right: 30px;
  margin-bottom: 40px;
  border-radius: 12px;
}

.flagLink span {
  padding-left: 66px;
  display: block;
  line-height: 55px;
  font-weight: bold;
}

.flagLink.doubleLine span {
  line-height: 14px;
  padding-top: 13px;
  padding-bottom: 14px;
}

.langCopyright {
  clear: both;
  font-size: 11px;
  line-height: 13px;
  text-align: right;
}

/*----- language page -------*/


/*----- lese book and book page -----*/

body .lesseBook {
  padding-left: 0;
  position: relative;
  margin-bottom: 20px;
}

body .lesseBookPage {
  height: 486px;
  list-style: none;
}

body .lesseBookPage .text {
  width: 48%;
  display: inline-block;
  zoom: 1; *display:inline;
  font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 17px;
  color: #222;
  text-align: left;
}

body .lesseBookPage .text .inner {
  padding: 20px;
}

/* --------------- home page ---------------------------*/
.page-template-user-list #main>.container,
#page_container_2.container,
.page-template-page-countries #main>.container {
  width: auto;
  max-width: 1200px;
  padding: 0 20px 48px;
}

.second_container{
	width: auto !important;
	max-width: 1200px;
}

.page-template-page-countries .page-content {
  padding-top: 0px;
  min-height: 462px;
  width: auto;
}

.page-id-2 article.countries .flag_link_container {
	overflow: auto;
  background: url("images/homepage-bg.png") no-repeat right center;
}

.page-id-3759 #content .pageTitle,
.page-template-page-countries #content .pageTitle {
  display: none;
}


/*----------------- single fairy tale page -------------*/
.storyPage .page {
  width: 952px;
}

body #content.storyPage article section#lese {
  /*min-height:690px;*/
}

.storyPage article {
  position: relative;
}

.storyPage section {
  position: relative;
  left: 0;
  top: 0;
  display: none;
  text-align: center;
  margin: 0 auto;
}

.storyPage section#lese {
  display: block;
  margin-left: -105px;
}

.storyPage section#lese .printStory {
  float: right;
  background: rgba(255, 255, 255, 0.6) url(images/printer-25px.png) 5px 3px no-repeat;
  padding: 5px 5px 5px 35px;
  height: 25px;
  margin-top: -35px;
}

.storyPage section#fargelegg {
  padding-top: 50px;
}

section#puslespill {
  padding-top: 15px;
  text-align: center;
}

section#puslespill iframe {
  width: 90%;
  height: 700px;
}

section#puslespill .pusleSwitch {
  background: url(images/pusle-switch.png) 0 0 no-repeat;
  width: 352px;
  height: 112px;
  display: block;
  margin: 0 auto 35px;
  text-indent: -9999px;
}

section#puslespill .pusleSwitch.active25 {
  background-position: 0 -112px;
}

.storyThumbs {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

section#puslespill .storyThumbs {
  text-align: center;
  width: 100%;
  max-width: 900px;
  overflow: hidden;
  margin: 0 auto;
}

.storyThumbs img {
  border: 1px solid #CCC;
  cursor: pointer;
  height: 126px;
  margin: 15px 0 15px 3px;
  padding: 2px;
  width: 124px;
}

section#fargelegg .storyThumbs img {
  display: inline-block;
  float: none;
}

.storyThumbs img.active {
  border: 1px solid #666
}

.storyPage .activityLink.lytte {
  /*background: url(images/lytte-bg-story.png) left bottom no-repeat;*/
  cursor: pointer;
  position: relative;
}

/*    .storyPage .activityLink.lytte span{ background:url(images/lytte-notes.png) left top no-repeat; width:116px; height:103px; 
      display:block; margin-left: 10px;  
    } */
.storyPage .nivo_slider {
  width: 1200px;
  /*height:691px;*/
}

.storyPage .nivo-directionNav {
  display: block !important;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6%;
  height: 42px;
  z-index: 10;
}

.storyPage .nivo_slider_controlNavText {
  padding: 0;
}

.storyPage .nivo-directionNav a {
  display: block;
  float: left;
  height: 42px;
  text-indent: -9999px;
  width: 38px;
  background: url(images/lese-nav.png) 0 0 no-repeat;
  position: relative;
}

.storyPage .nivo-directionNav .nivo-prevNav {
  margin-left: 15px;
}

.storyPage .nivo-directionNav .nivo-nextNav {
  background-position: -38px 0;
  float: right;
  margin-right: 15px;
}



.storyPage .nivo-fakeNav {
  position: absolute;
  bottom: 3%;
  left: 0;
  width: 100%;
  height: 42px;
  z-index: 9;
}

.storyPage .jp-audio {
	width: 40px;
	height: 35px;
	position: absolute;
  right: 10%;
  top: -40px;
}

.storyPage .nivo-fakeNav p {
  display: block;
  float: left;
  height: 42px;
  text-indent: -9999px;
  width: 38px;
  background: url(images/lese-nav-fake.png) 0 0 no-repeat;
  position: relative;
}

.storyPage .nivo-fakeNav .fake-prevNav {
  margin-left: 21px;
}

.storyPage .nivo-fakeNav .fake-nextNav {
  background-position: -38px 0;
  float: right;
  margin-right: 21px;
}

/*.storyPage .jp-audio {
	width: 40px;
	height: 35px;
	position: absolute;
     right: 10%;
     top: -40px;
}*/

.storyPage .jp-controls,
.storyPage .jp-controls {}

.storyPage .jp-controls li {
  list-style: none;
}

.storyPage .jp-controls a {
  height: 100%;
  display: block;
  padding: 0 !important
}

.page-template-page-story #lese .jp-controls{
	display: none;
}

.storyPage .jp-controls .jp-play img {
  position: absolute;
  top: 0;
  height: 100%;
}

.storyPage .jp-controls .jp-pause img {
  position: absolute;
  top: 0;
  height: 100%;
}

#content .headerLogin {
  left: auto;
  margin: 10px auto;
  position: relative;
  right: auto;
  width: 470px;
}

.storyPage .headerLogin p,
.page-template-page-songs .headerLogin p {
  /*margin-bottom:20px; text-align:center; font-size:20px;*/
}

.container.storyPage {
  padding: 0;
  width: 1200px;
  overflow: hidden;
}

.storyPage .page {
  width: auto;
}

.storyPage section#lese {
  width: auto;
  margin: 0;
}

.storyPage section#lese .page-content {
  width: auto;
}

.storyPage .nivo_slider {
  width: auto;
  /*    background-size: contain !important;*/
}

.storyPage .nivo-slice {
  /*    background-size: contain !important;*/
}

@media only screen and (max-width: 768px) {
    .storyPage .nivo-slice {
      background-size: contain !important;
    }
    
    .storyPage .nivo_slider {
      width: auto;
      background-size: contain !important;
	}
	
	body:not(.page-template-page-countries) .second_container{
		overflow: auto;
	}
}

.storyPage .page-content .activityLink.lytte {
  margin: 40px auto;
  float: none;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex>div {
  width: 33% !important;
  min-width: 180px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex .wp-caption {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width:991px) {
  .flex .wp-caption img {
    max-width: 100px;
    height: auto;
  }

  .flex .wp-caption .wp-caption-text {
    font-size: 16px;
    line-height: 1.3;
  }
}

@media (min-width:576px) and (max-width:767px) {
  .flex .wp-caption img {
    max-width: 70px;
    padding: 0;
  }

  .flex .wp-caption .wp-caption-text {
    font-size: 14px;
    padding-left: 7px;
  }
}

@media (max-width:575px) {
  .flex .lang {
    display: none;
  }

  .flex>div {
    width: 100% !important;
    min-width: 180px;
  }
}

/* DnD game */
section#DnD {
  max-width: 1110px;
  margin: 0;
  text-align: left;
}

.storyPage .dndGame {
  margin-bottom: 50px;
  position: relative;
}

.storyPage .cardSlots {
  margin: 20px auto 0 auto;
  background: #ddf;
}

/* The initial pile of unsorted cards */

.storyPage .cardPile {
  margin: 0 auto;
  background: #ffd;
}

.storyPage .cardSlots,
.storyPage .cardPile {
  width: 100%;
  height: 120px;
  padding: 20px;
  border: 2px solid #333;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 .3em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .3em rgba(0, 0, 0, .8);
}

/* Individual cards and slots */

.storyPage .cardSlots div,
.storyPage .cardPile div {
  float: left;
  width: 98px;
  height: 28px;
  padding: 35px 0;
  text-align: center;
  border: 2px solid #333;
  border-radius: 10px;
  margin: 0 0 0 10px;
  background: #fff;
}

.storyPage .cardSlots div:first-child,
.storyPage .cardPile div:first-child {
  margin-left: 0;
}

.storyPage .cardSlots div.hovered {
  background: #aaa;
}

.storyPage .cardSlots div {
  border-style: dashed;
}

.storyPage .cardPile div {
  background: #666;
  color: #fff;
  font-size: 50px;
  text-shadow: 0 0 3px #000;
  overflow: hidden;
}

.cardPile div img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.storyPage .cardPile div.ui-draggable-dragging {
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
}

/* Individually coloured cards */

.storyPage .card1.correct {
  background: red;
}

.storyPage .card2.correct {
  background: brown;
}

.storyPage .card3.correct {
  background: orange;
}

.storyPage .card4.correct {
  background: yellow;
}

.storyPage .card5.correct {
  background: green;
}

.storyPage .card6.correct {
  background: cyan;
}

.storyPage .card7.correct {
  background: blue;
}

.storyPage .card8.correct {
  background: indigo;
}

.storyPage .card9.correct {
  background: purple;
}

.storyPage .card10.correct {
  background: violet;
}


/* "You did it!" message */
.storyPage .successMessage {
  display: none;
  text-align: center;
  position: absolute;
  left: 580px;
  top: 190px;
  width: 0;
  height: 0;
  z-index: 100;
  background: #dfd;
  border: 2px solid #333;
  border-radius: 10px;
  -webkit-box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
  box-shadow: .3em .3em .5em rgba(0, 0, 0, .8);
  padding: 20px;
}

.storyPage .successMessage button {
  margin-top: 30px;
  font-size: 17px;
}



/*----- for stories without image gallery --------------*/
.storyPage.noLese {}

.storyPage.noLese .activityLinks>.container {
  width: 750px;
}

/*.storyPage.noLese .activityLink{ width: 33.3%; }*/
.storyPage.noLese .activityLink {
  width: 32%;
}

.storyPage.noLese .activityLink.lese {
  display: none;
}

.storyPage.noLese section#lese {
  display: none;
}

.storyPage.noLese section#puslespill {
  display: block;
}



.ie .storyPage #jquery_jplayer_1 {
  display: block;
  z-index: 10000000;
}

#jp_container_1 {
  display: block !important;
}


/*--------------------- registration page ---------------------*/
.registerPage {}

#content.registerPage h3 {
  font-size: 23px;
  margin: 20px 0 25px;
}

.registerPage .error {
  background: #FFDDDB;
  border: 1px solid #FF0000;
  color: #FF0000;
  padding: 8px 0;
  text-align: center;
  width: 74%;
}

.registerPage .user-forms {
  width: 75%;
  padding-bottom: 20px;
}

.registerPage .user-forms label {
  color: #ee5a40;
  font-size: 23px;
  line-height: 40px;
  font-weight: bold;
  line-height: 28px;
  vertical-align: top;
  padding-bottom: 5px;
  font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
  width: 30%;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.registerPage .user-forms label span {
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  display: block;
}

.registerPage .user-forms .user_email_faktura label {
  line-height: 24px;
}

.registerPage .user-forms input {
  border: 2px solid #EE5A40;
  min-width: 30%;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  --o-border-radius: 14px;
  border-radius: 14px;
}

.registerPage .user-forms input#user_name,
.registerPage .user-forms input#user_adresse,
.registerPage .user-forms input#user_sted,
.registerPage .user-forms input#user_sted2,
.registerPage .user-forms input#email,
.registerPage .user-forms input#user_mottaker {
  min-width: 66%;
}

.registerPage .user-forms .form_submit {
  padding-left: 30.5%;
  padding-top: 20px;
}

.registerPage .user-forms a.submit {
  border-color: #f7ada0;
  background: rgb(187, 77, 6);
  /* Old browsers */
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(187, 77, 6, 1)), to(rgba(239, 100, 0, 1)));
  background: linear-gradient(to bottom, rgba(187, 77, 6, 1) 0%, rgba(239, 100, 0, 1) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb4d06', endColorstr='#ef6400', GradientType=0);
  /* IE6-9 */
}

/*------------------------ kontakt page --------------------*/
.cform {
  margin: 30px 0 20px;
}

.cform ol {
  list-style: none;
  padding-left: 0;
}

.cform label {
  min-width: 150px;
  vertical-align: top;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #5378B7;
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 0.02em;
  font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
}

.cform input,
.cform textarea {
  border: 2px solid #5378B7;
  margin-bottom: 14px;
  padding: 5px 10px 6px;
  width: 350px;
  border-radius: 15px;
}

.cform input.sendbutton {
  width: auto;
  margin-left: 150px;
  padding: 0 10px;
}

.cform .reqtxt,
.cform .emailreqtxt {
  display: none;
}

/* ----------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------- */
/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

.container {
  width: 990px;
  padding: 0px 48px 48px;
  color: rgb(60, 60, 60);
  -webkit-text-size-adjust: 100%;
  /* Stops Mobile Safari from auto-adjusting font-sizes */
}

header .container {
  position: relative;
}

#content .StoryBack {
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  width: 80px;
  background: url(images/back-button.gif) left top no-repeat;
  text-indent: -9999px;
  background-size: contain;
  left: 0;
}

#content .pageTitle {
  /*margin-left: 90px;*/
}

.user-list-full {
  width: 100%;
}

.user-list1 {
  width: 35%;
  float: left;
  padding: 10px;
}

.user-list1 img {
  width: 100%;
  height: auto;
}

.user-list {
  width: 60%;
  float: right;
}

.user-list-td1 {
  width: 30%;
}

.user-list-td1:first-letter {
  text-transform: capitalize;
}

.storyPage article {}

.songs {
  float: left; 
  width: 24%;
  margin-right: 1.3%;
  margin-top: 25px;
  font-size: 14px;
}

.songs-2 {
  width: 48%;
  margin-right: 2%;
}

.songs-2:nth-child( 2n ) {
  margin-right: 0;
}

.songs:last-child {
  margin-right: 0;
}

.songs ul {
  list-style: none;
  padding: 0;
}

.songs ul li {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 21px;
}
.songs-2 ul li {
  padding-left: 0;
}
.songs .jp-play:before {
  position: relative;
  content: "";
  display: block;
  background-image: url('/wp-content/themes/lesekroken/images/play.png');
  background-position: top left;
  background-size: cover;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-bottom: -10px;
  top: -7px;
  margin-left: -21px;
  margin-right: 3px;
}


.songs .playing:before {
  background-image: url('/wp-content/themes/lesekroken/images/pause.png');
}

.songs .download {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-left: 2px;
  background-image: url('/wp-content/themes/lesekroken/images/printer.png');
  background-size: cover;
  -webkit-box-flex: 0;  
  -ms-flex: 0 0 auto;  
  flex: 0 0 auto;
}



div .zobnin-karaoke {
  height: 540px;
  background-position: center;
  font-size: 0.8em;
}

.karaoke_fontsize_sm .zobnin-karaoke {
  font-size: 0.57em;
}
.karaoke_theme_christmas .zobnin-karaoke {
  height: 370px;
}

div .zobnin-karaoke__lyrics-line {
  font-size: 2em;
  font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
  color: #e21379;
  font-weight: bold;
}

div .zobnin-karaoke__lyrics-line-top {
  color: #06a003;
}

div .zobnin-karaoke__lyrics-line-bg {
  text-shadow: -10px 0 10px #FFF, 10px 0 10px #FFF, 0 -10px 10px #FFF, 0 10px 10px #FFF, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

div .zobnin-karaoke__controls {
  padding: 3em;
}

div .zobnin-karaoke__button {
  border:none;
  padding: 0;
  font-size: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin: 0 5px;
}

div .zobnin-karaoke__button img {
  width: 75px;
  height: 75px;
}

.zobnin-karaoke:not( .zobnin-karaoke_playing ) .zobnin-karaoke__button-play-pause-pause {
  display: none;
}

.zobnin-karaoke.zobnin-karaoke_playing .zobnin-karaoke__button-play-pause-play {
  display: none;
}

div .zobnin-karaoke_hasnt-bg-img {
  height: auto !important;
}

div .zobnin-karaoke_hasnt-bg-img .zobnin-karaoke__lyrics-line {
  margin: 1em 0;
}

div .zobnin-karaoke_hasnt-bg-img .zobnin-karaoke__lyrics-line-bg {
  text-shadow: -2px 0 2px #FFF, 2px 0 2px #FFF, 0 -2px 2px #FFF, 0 2px 2px #FFF;
}

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

  .songs {
    width: 46%;
    margin: 0 2%;
  }

  /* and (min-width: 992px)*/
  .container.storyPage,
  #nav-primary,
  .page-content,
  .container,
  .activityLinks .mod {
    width: auto;
  }

  .wp-caption {
    width: auto !important;
  }

  #content {
    min-height: 75px;
  }

  #header {
    background-size: contain;
  }

  #main>.container {
    padding-bottom: 20px;
  }

  #footer {
    background: #dedede;
  }

  #logo a {
    padding-left: 235px;
    width: 30%;
  }

  #header .headerLogin label {
    display: none;
  }

  .container {
    padding: 0;
  }
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-template-page-countries .page-content {
    background: none;
    padding-right: 0;
  }

  #header .container {
    height: 266px;
  }

  .songs {
    width: 46%;
    margin: 50px 2% 0;
  }
  
  
  .songs:nth-child(4) {
    clear: left;
   }
}

@media only screen and (min-width: 501px) and (max-width: 1099px) {
  #nav-primary a {
    padding: 0 5px;
    font-size: 16px;
  }
  
    .logged-in .home_image > img{
        max-height: 150px !important;
    }
  
}


/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
  #content .bgImage {
    display: none;
  }

  #content h1 {
    font-size: 16px;
  }

  #content .StoryBack {
    width: 26px;
    height: 26px;
  }

  .page-id-2 article.countries .flag_link_container{
    background: none;
    padding-right: 0;
  }
  
  .menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login{
  	flex-wrap: wrap;
  	justify-content: center;
  }
  
  .menu-footer-before-login-and-header-after-login-container #menu-footer-before-login-and-header-after-login li a{
  	display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  
  html body .activityLinks .mod {
    flex-wrap: wrap;
  }

  .activityLink {
    display: block;
    width: 33.33%;
  }

  .activityLink:nth-child(2n+1) {
    clear: both;
  }

  #nav-primary a {
    float: none;
    margin-right: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
  }

  .storyPage .nivo-directionNav {
    bottom: 2%
  }

  .storyPage .nivo-directionNav a {
    height: 20px;
    text-indent: -9999px;
    width: 19px;
    background: url(images/lese-nav-small.png) 0 0 no-repeat;
    position: relative;
  }

  .storyPage .nivo-directionNav .nivo-prevNav {
    margin-left: 1%;
  }

  .storyPage .nivo-directionNav .nivo-nextNav {
    background-position: -19px 0;
    float: right;
    margin-right: 1%;
  }


  #header .container {
    height: 206px;
  }

  .user-list1 {
    width: 90%;
    float: none;

  }

  .user-list {
    width: 100%;
    float: none;
  }
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

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

  #nav-primary ul,
  #nav-primary li {
    float: none;
    width: 100%;
  }

  #nav-primary li a {
    border-right: 0;
    border-left: 0;
  }

  .flagLink {
    width: auto;
    margin: 0 5px 5px 5px;
    float: none;

  }

  .post-content .wp-caption {
    text-align: center;
    padding-right: 0;
  }

  .post-content .wp-caption .wp-caption-text {
    margin-top: 10px;
  }

  #header {
    margin-top: 50px;
  }

  #header .headerLogin {
    top: -90px;
    width: 95%;
  }
  
  .forgetpass{
  	position: relative;
  	top: -10px;
  }
  
  #home_annonse_ukrainsk_link{
		position: relative !important;
		top: 0 !important;
		right: 0 !important;
		margin-bottom: 30px;
		overflow: auto;
  }
  
  #user_ad_wrapper{
  	margin-top: 10px !important;
    margin-left: 5px;
  }
  
  #home_annonse_ukrainsk_link img{
  	max-width: 100% !important;
  }

  .userWelcome .button.submit {
    float: left;
    left: 50px;
    top: 55px !important;
  }

  .home-link {
    top: 50px;
    position: absolute;
  }
	
  .facebookLink {
	  top: -5px;
	  position: absolute;
	  left: -10px;
  }
	
	#header .headerLogin input[type="text"]{
		margin-left: 40px;
		width: 120px;
	}

  #header .container {
    height: 125px;
  }

  #content {
    padding: 0 15px;
  }

  .songs {
    width: 100%;
    margin:0 15px;
  }
}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	
	#home_page_top_content_wrapper{
		max-width: 100%;
	}
	
	#secondary_menu_container{
		flex-wrap: wrap;
	}

}

/*------------ Form2Word --------------*/


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

.tabs-nav {
  text-align: center;
}

.tabs-nav a {
  display: inline-block;
  border: 3px solid transparent;
  margin: 10px 5px;
}

.tabs-nav a:hover,
.tabs-nav a.selected {
  border: 3px solid #fff;
}

.tabs-nav a img {
  display: block;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.tabs-nav a:hover img,
.tabs-nav a.selected img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.tabs-body>div {
  display: none;
}

.tabs-body>div.selected {
  display: block;
}

.form2word {
  display: block;
  background-color: white;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  padding: 25px 50px;
}

.form2word .input-wrapper {
  margin: 25px 0;
}

.form2word .input-wrapper label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.form2word .input-wrapper input,
.form2word .input-wrapper textarea {
  border: none;
  background-image: url('images/line_bg.png');
  background-repeat: repeat;
  background-position: top;
  font-family: "Times New Roman", serif;
  font-size: 16px;
  line-height: 25px;
  padding: 0;
  resize: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form2word .input-wrapper textarea {
  min-height: 0px;
  height: 100px;
}

.form2word .input-wrapper input {
  height: 25px;
  width: 400px;
  margin-right: 15px;
}

.form2word .input-wrapper input:focus,
.form2word .input-wrapper textarea:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.form2word .input-wrapper textarea.mini {
  height: 50px;
}

.form2word .input-wrapper input.mini {
  height: 25px;
  width: 200px;
  vertical-align: bottom;
}

.form2word .buttons button {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border: none;
  cursor: pointer;
  background-color: transparent;
  background-image: url('images/print-icon.png');
  background-position: center;
  background-repeat: no-repeat;
}

.form-img img {
  max-width: 100%;
}

.input-wrapper ul {
  list-style: none;
  padding-left: 50px;
}

.input-wrapper ul span {
  min-width: 90px;
  display: inline-block;
}

.tabs-title {
  text-align: center;
  font-size: 30px !important;
}

/* PRINT */

@media only print {

  #print #header,
  #print #user-info-box,
  #print .tabs-nav,
  #print .form-img,
  #print .pageTitle,
  #print #footer,
  #print .buttons,
  #print #content .loginForm,
  #print .tabs-title,
  #print #nav-primary {
    display: none;
  }

  #print #content {
    padding: 0 50px;
  }

  #print .form2word h2 {
    font-size: 30px;
  }

  #print p {
    font-size: 20px;
  }

  #print .form2word .input-wrapper label {
    font-size: 20px;
  }

  #print .form2word .input-wrapper input {
    font-size: 20px;
  }

  #print .form2word .input-wrapper textarea {
    font-size: 20px;
    height: 125px;
  }

  #print .form2word .input-wrapper textarea.mini {
    height: 75px;
  }

}

#content .post-1573 {
  margin: 5px 0 0;
}

#content .post-1573 h1 {
  margin: 0px 0 50px 0px;
}

#content .post-1573 .tabs-title,
#content .post-1573 .form2word h2 {
  font-family: "tabitharegular", "Helvetica Neue", Helvetica, "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
  color: #e21379;
  font-weight: normal;
  text-shadow: -2px 0 2px #FFF, 2px 0 2px #FFF, 0 -2px 2px #FFF, 0 2px 2px #FFF;
}

#content .post-1568 {
  margin: 5px 0 0;
}

#content .post-1568 a {
  color: #06a003;
}

.home-link {
  border-radius: 50%;
  height: 38px;
  width: 38px;
  background: url(images/home.png) #eef7f3 center center no-repeat;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  z-index: 100;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.wp-caption-s {
  float: left;
  padding-right: 30px;
  width: 150px !important;
  margin-bottom: 30px;
  display: table;
}

.wp-caption-s img {
  border: 1px solid #CCC;
  padding: 4px;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.wp-caption-s .wp-caption-text {
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 22px;
  letter-spacing: 0;
  padding-left: 15px;
  width: 260px;
}
.publikumspassord {
	cursor: pointer;
	color: #fff;
	background-color: #3fa54c;
	padding: 5px 0;
	text-align: center;
}
.pph, .publikumspassord:hover .pp {
	display: none;
}
.pp, .publikumspassord:hover .pph {
	display: block;
}
.pass {
	text-align: center;
	font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
}
@media (max-width:1199px) {
  .karaoke_fontsize_sm .zobnin-karaoke {
    font-size: 0.58em;
  }
  .karaoke_theme_christmas .zobnin-karaoke {
    height: 350px;
  }
}

@media (max-width:991px) {
  div .zobnin-karaoke {
    font-size: 0.62em;
    height: 420px;
  }
  .karaoke_fontsize_sm .zobnin-karaoke {
    font-size: 0.45em;
  }
  .karaoke_theme_christmas .zobnin-karaoke {
    height: 320px;
  }
}


@media (max-width:767px) {
  div .zobnin-karaoke {
    font-size: 0.46em;
    height: 380px;
  }
  .karaoke_fontsize_sm .zobnin-karaoke {
    font-size: 0.33em;
  }
  .karaoke_theme_christmas .zobnin-karaoke {
    height: 240px;
  }
}
@media (max-width:575px) {
  div .zobnin-karaoke {
    font-size: 0.38em;  
    height: 300px;
  }
  .karaoke_fontsize_sm .zobnin-karaoke {
    font-size: 0.29em;
  }
  .karaoke_theme_christmas .zobnin-karaoke {
    height: 220px;
  }
  div .zobnin-karaoke__button img {
    height: 40px;
    width: 40px;
  }
}


@media (max-width:500px) {
  
  #content .home-title {
    font-size: 20px;
    line-height: 1.5;
  }
  div .zobnin-karaoke {
    font-size: 0.31em;
    height: 250px;
  }
  .karaoke_fontsize_sm .zobnin-karaoke {
    font-size: 0.22em;
  }
  .karaoke_theme_christmas .zobnin-karaoke {
    height: 200px;
  }
}


@media (max-width:415px) {
  div .zobnin-karaoke {
    font-size: 0.26em;
    height: 200px;
  }
  .karaoke_fontsize_sm .zobnin-karaoke {
    font-size: 0.19em;
  }
  .karaoke_theme_christmas .zobnin-karaoke {
    height: 170px;
  }
}

@media (max-width:359px) {
  div .zobnin-karaoke {
    height: 180px;
    font-size: 0.23em;
  }
  .karaoke_fontsize_sm .zobnin-karaoke {
    font-size: 0.17em;
  }
  .karaoke_theme_christmas .zobnin-karaoke {
    height: 150px;
  }
}

/* Eventyrfilmer */

/*.page-template-eventyrfilmer #main>.container {
  width: auto;
  max-width: 1200px;
  padding: 0 20px 48px;
}

.page-template-eventyrfilmer #content {
  padding-top: 50px;
  min-height: 462px;
  width: auto;
}

#eventyrfilmer_content_wrapper{
  margin-top: 30px;
}*/

.black{
  color: black !important;
}

.video_label{
  margin-bottom: 20px;
}

.video_element_wrapper .popup-modal,
.video_element_wrapper .popup-modal:hover,
.video_element_wrapper .popup-modal:focus,
.video_element_wrapper .popup-modal:active{
  text-decoration: none !important;
  color: black !important;
}

.video_element_wrapper .html5video-columns .video_frame{
  transition: transform .2s;
}

.video_element_wrapper .html5video-columns .video_frame:hover{
  transform: scale(1.05);
}

#eventyrfilmer_pagination_wrapper{
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

#eventyrfilmer_pagination_wrapper img{
  transition: transform .2s;
}

#eventyrfilmer_pagination_wrapper img:hover{
  transform: scale(0.8);
}

#html5lightbox-watermark{
    text-align: left;
}

#html5lightbox-watermark img{
  width: 30%;
}

.video_image_frame{
  height: auto !important;
}

.video_image_frame img{
  height: auto !important;
  object-fit: contain !important;
  -moz-box-shadow: 0 0 5px #888 !important;
  -webkit-box-shadow: 0 0 5px #888 !important;
  box-shadow: 0 0 5px #888 !important;
  border: 3px solid #fff !important;
}

.video_frame:hover .video_image_frame img {
    -moz-box-shadow: 0 0 5px #555 !important;
    -webkit-box-shadow: 0 0 5px #555 !important;
    box-shadow: 0 0 5px #555 !important;
    border: 3px solid #f1f1f1 !important;
}

@media only screen and (max-width: 669px){
    
    #html5lightbox-watermark img{
      width: 20%;
    }
    
}

@media only screen and (min-width: 670px) and (max-width: 768px){
    
    #html5lightbox-watermark img{
      width: 30%;
    }
    
}

.page-id-2 article.countries .flag_link_container{
	padding: 0 25% 0 0 !important;
	background-position: right 25% !important;
}

.page-id-2 article.countries.has_user_ads .flag_link_container{
	background-position: right 25% !important;
}

/* Minesweeper Game: Start*/

#wopo_minesweeper_window{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: inherit;
	box-shadow: none;
	border: none;
	max-width: 300px;
	background: none;
	margin: 0 auto;
}

#wopo_minesweeper_window .title-bar{
	display: none;
}

#wopo_minesweeper_window .window-body{
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
}

#wopo_minesweeper_window #wopo_minesweeper{
	width: 280px;
	height: 320px;
	border: none;
	margin: 0 auto;
}

#wopo_minesweeper_window #wopo_minesweeper #play_area{
	background-color: none;
}

/* Minesweeper Game: End*/

@media only screen and (max-width: 660px) {
    #chess_game td{
        font:18px "MS Gothic","Segoe UI Symbol","DejaVu Sans"!important;
        height: 2.04em;
    }
}

/* Multiplication Game: Start*/

.multiplication_game h2, .memory_game h2{
    white-space:nowrap;
}

/* Multiplication Game: End*/

/*Barnesanger Video:Start*/
.col-2-left{
	float:left;
    width:48%;
    margin-top: 30px;
 }
 
 .col-2-right{
 	float:right;
    width:48%;
    margin-top: 30px;
  }

#barnesanger_videos_wrapper{
	clear: both;
}
  
@media only screen and (max-width: 660px) {
	.col-2-left{
        width:100%;
        margin-top: 30px;
 	}
 
 	.col-2-right{
        width:100%;
        margin-top: 30px;
  	}
}
/*Barnesanger Video:End*/

#eventyr_kino_content_wrapper{
  margin-top: 30px;
}

#eventyr_kino_content_wrapper .video-row{
	display: flex;
	flex-wrap: wrap;
}

#eventyr_kino_content_wrapper .video_image_frame {
  height: auto !important;
}

#eventyr_kino_content_wrapper .video_image_frame img {
  height: auto !important;
  object-fit: contain !important;
}

#eventyr_kino_pagination_wrapper{
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

#eventyr_kino_pagination_wrapper img{
  transition: transform .2s;
}

#eventyr_kino_pagination_wrapper img:hover{
  transform: scale(0.8);
}

.page-template-laerevideoer .video_title{
	white-space:nowrap;
}

#laerevideoer_pagination_wrapper{
	text-align:center;
}

.lang_main .wp-caption {
  display: flex;
  align-items:center;
}

@media only screen and (max-width: 660px) {
    .headerLogin {
        display: inline;
    }
    
    .headerLogin .right{
    	white-space:pre-line;
    }
}

.menu_1{
	background: url(/wp-content/uploads/2021/11/menu1.png);
    background-position: center;
    background-size: cover;
    width:8%!important;
    text-align:center;
 }
 
 .menu_2{
	background: url(/wp-content/uploads/2021/11/menu2.png);
    background-repeat:round;
    background-size: cover;
    width:11%!important;
    text-align:center;
 }
 
 .menu_3{
	background: url(/wp-content/uploads/2021/11/menu3.png);
    background-repeat:round;
    background-size: cover;
    width:8%!important;
    text-align:center;
 }
 
 .menu_4{
	background: url(/wp-content/uploads/2021/11/menu4.png);
    background-repeat:round;
    background-size: cover;
    width:8%!important;
    text-align:center;
 }
 
 .menu_5{
	background: url(/wp-content/uploads/2021/11/menu5.png);
    background-repeat:round;
    background-size: cover;
    width:8%!important;
    text-align:center;
 }
 
 .menu_6{
	background: url(/wp-content/uploads/2021/11/menu6.png);
    background-repeat:round;
    background-size: cover;
    width:11%!important;
    text-align:center;
 }
 
 .menu_7{
	background: url(/wp-content/uploads/2021/11/menu7.png);
    background-repeat:round;
    background-size: cover;
    width:5%!important;
    text-align:center;
 }
 
 .menu_8{
	background: url(/wp-content/uploads/2021/11/menu8.png);
    background-repeat:round;
    background-size: cover;
    width:10%!important;
    text-align:center;
 }
 
 .menu_9{
	background: url(/wp-content/uploads/2021/11/menu9.png);
    background-repeat:round;
    background-size: cover;
    width:4%!important;
    text-align:center;
 }
 
 .menu_10{
	background: url(/wp-content/uploads/2021/11/menu10.png);
    background-repeat:round;
    background-size: cover;
    width:10%!important;
    text-align:center;
 }

@media only screen and (max-width: 768px){
     #nav-primary a{
        float:left;
        margin-left:26px;
      }
      
     .menu_1,.menu_2, .menu_3, .menu_4, .menu_5, .menu_6, .menu_7,
     .menu_8, .menu_9, .menu_10{
     	width:33.33%!important;
      }
      
      .menu_1{
      	background-repeat: round!important;
        background: url(/wp-content/uploads/2021/11/menu1.png);
        background-size: cover;
        text-align:center;
       }
}

#home_user_welcome_wrapper{
  position: relative;
  padding: 5px 0;
  text-align: center;
  bottom: 5px;
}

#home_user_welcome_wrapper #home_user_welcome_title span{
	color: #ff5157;
}

#home_user_welcome_wrapper #home_user_welcome_icons .home_user_welcome_icon_box{
	display: inline-block;
	margin-right: 10px;
}

.user_custom_image
{
	position: relative !important;
	text-align: center;
}

.user_custom_image img
{
	width: 80% !important;
}

#home_user_welcome_wrapper
{
	width: 100%;
	height: 55px;
}

.home_image{
	width: 350px;
	margin-top: -50px;
}

.logged-in .home_image > img{
    max-width: 350px;
    max-height: 200px;
}

.logged-in .home_image{
	margin-top: 15px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.9);
}

.userWelcome{
	margin-right: 5px;
}

@media only screen and (max-width: 660px){
	.home_image{
		width: 150px;
		margin-top: -8px !important;
		position: absolute;
		right: 0px;
	}
	
	.logged-in .home_image > img{
	    max-height: 60px;
	}

	#home_user_welcome_wrapper{
		height: 75px;
		padding: 0;
	}

	#home_user_welcome_wrapper #home_user_welcome_icons .home_user_welcome_icon_box{
		width: 17px;
	}

	.userWelcome{
		text-align: center!important;
	}

	.userWelcome .button.submit{
		float: inherit;
		top: 2px !important;
		left: 0;
	}
	
	.activityLinks.user_logged_in{
		height: auto;
		background: none !important;
		width: 100% !important;
	}
	
	.activityLinks.user_logged_in .activityLink{
		border-radius: 0;
    padding-bottom: 25px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15px;
	}
	
	.activityLinks.user_logged_in .activityLink img{
		position: relative;
    width: 54px;
    height: 54px;
    float: none;
    left: 0;
    top: 0;
    margin: 0;
	}
	
	.activityLinks.user_logged_in .top_nav_menu_puslespill img{
		width: 36px;
    height: auto;
    margin-right: 10px;
	}
	
	.activityLinks.user_logged_in .activityLink:hover img{
		transform: none;
	}
	
	.activityLinks.user_logged_in .activityLink:hover span,
	.activityLinks.user_logged_in .activityLink:focus span,
	.activityLinks.user_logged_in .activityLink:active span{
		position: relative;
    color: #FFF !important;
    bottom: 0;
    width: auto;
    left: 0;
    font-size: 100%;
	}
	
	.activityLinks.user_logged_in .activityLink span{
		display: block;
	}
	
	.activityLinks.user_logged_in .top_nav_menu_120_eventyr{
		background-color: #1B69BE !important;
	}
	
	.activityLinks.user_logged_in .top_nav_menu_barnesanger{
		background-color: #2034AD !important;
	}
	
	.activityLinks.user_logged_in .top_nav_menu_e_learning{
		background-color: #6C288D !important;
	}
	
	.activityLinks.user_logged_in .top_nav_menu_fargelegg{
		background-color: #C61A8A !important;
	}
	
	.activityLinks.user_logged_in .top_nav_menu_karaoke{
		background-color: #EB2352 !important;
	}
	
	.activityLinks.user_logged_in .top_nav_menu_spraktrening{
		background-color: #F0652E !important;
	}
	
	.activityLinks.user_logged_in .top_nav_menu_lese_lytte{
		background-color: #F8AF2C !important;
	}
	
	.activityLinks.user_logged_in .top_nav_menu_ordlotto{
		background-color: #83C53F !important;
	}
	
	.activityLinks.user_logged_in .top_nav_menu_puslespill{
		background-color: #30AE4D !important;
	}
	
	.activityLinks.user_logged_in .top_nav_menu_spill{
		background-color: #2EAC9E !important;
	}
	
}

#website_rating_container{
	padding: 20px !important;
	float: right;
}

#website_rating_wrapper,
#website_rating_container #average_rating_count,
#website_rating_container #rating_total_count,
#website_rating_container #website_rating_link{
	float: right;
}

#website_rating_container #average_rating_count #rating_loader{
	display: none;
	margin-right: 10px;
	color: #008040 !important;
}

#website_rating_container #average_rating_count,
#website_rating_container #rating_total_count{
	position: relative;
	top: 2px;
	font-size: 16px;
	margin-right: 5px;
}

#website_rating_container #rating_total_count{
	margin-right: 0 !important;
	margin-left: 5px;
}

#website_rating_container #website_rating_link{
	color: #ccc;
}

#website_language_container{
	position: relative;
  float: right;
  border: 1px solid #CCC;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 2px 3px 5px -3px #888;
}

#eventyr_kino_video_wrapper{
	max-width: 300px;
	position: relative;
  cursor: pointer;
}

#eventyr_kino_video_wrapper video{
	width: 100%;
	display: block;
}

#eventyr_kino_video_wrapper .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  padding: 5px;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hides the play icon once the video starts */
#eventyr_kino_video_wrapper.playing .play-icon {
  opacity: 0;
  pointer-events: none;
}

#eventyr_kino_video_wrapper #eventyr_kino_video_text{
	font-weight: bold;
  font-size: 13px;
  text-align: center;
}

body.logged-in #home_annonse_ukrainsk_link > a{
	display: none;
}

#home_annonse_ukrainsk_link{
	position: absolute;
	bottom: 105%;
	right: 3%;
}

#home_annonse_ukrainsk_link img{
	max-width: 250px;
}

#user_ad_wrapper{
	position: relative;
	margin-top: 15%;
	width: 250px;
	overflow: auto;
}

#user_ad_wrapper h4{
	margin: 0 0 15px 0;
}

#user_ad_wrapper div.user_ad_item{
	float: left;
	position: relative;
	width: 52px;
	height: 52px;
	margin: 0 10px 10px 0;
}

#user_ad_wrapper div.user_ad_item a{
	position: absolute;
	left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

#user_ad_wrapper #user_big_ad_wrapper{
	position: absolute;
  top: 30px;
  left: 5px;
  width: 100%;
  height: 100%;
  max-width: 240px;
  max-height: 215px;
  background: #FFF;
  z-index: 10;
  box-shadow: 0px 0px 5px 0px #000;
  border-radius: 5px;
  overflow: hidden;
}

#user_ad_wrapper #user_big_ad_wrapper #user_big_ad_close{
	position: absolute;
  top: 5px;
  right: 5px;
  font-weight: bold;
  cursor: pointer;
  padding: 0 6px;
  border: 1px solid #888;
  border-radius: 50%;
  box-shadow: 0 0 2px 1px #999;
  background-color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
}

#user_ad_wrapper #user_big_ad_wrapper #user_big_ad_image a{
	float: left;
  width: 100%;
  height: 160px;
  max-height: 160px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#user_ad_wrapper #user_big_ad_wrapper #user_big_ad_image a img{
	max-width: 100%;
	max-height: 100%;
}

#user_ad_wrapper #user_big_ad_wrapper #user_big_ad_company_name a{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px 5px;
	height: 40px;
	line-height: 1.2;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #675f5f;
	border-top: 1px solid #888;
	background-image: url(./images/flaglink-bg.jpg);
	background-repeat: repeat-x;
}

#user_ad_wrapper #user_big_ad_wrapper #user_big_ad_company_name a:hover{
	color: #0fd003;
}