Stylesheet

@charset "UTF-8";
/*GP good one */

/* Site stylesheet */
.level-0 > li > a {
    display: none;
}

html {
    background: #f0f0f0;
}


html #document_title{
    height: 100%; 
/*    background: #f0f0f0; */
}
html, body {.accordion_container > .accordion_list
    min-height:100%; 
}

body {background: #1573bf;
    font-size: 1em;
    line-height: 1.3em;
    position:relative;  /*for side menu always on 100% screen */
    transition: height 0.3s;
    background: #fff;
}
.standard_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.italic {
     font-style: italic;
}
.bold {
    font-weight: 700;
}

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

ol.abc {
    list-style: lower-latin;
}

sup {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

.copyright {
    font-size: 12px;
    font-style: italic;
    text-align: right;
    font-weight: 500;
}
.width75 {
   width:75%;
}

header {
    background:url(/data/a09338d3-2817-43bd-bdfd-1547aba42203) no-repeat center;
    background-size: cover;
    height: 110px;
    line-height: 70px;
}
.header_container {
    background:url(/data/ab7d7d37-7d6b-4879-8c0d-59aceb9f4b37) no-repeat center;
    background-size: cover;
    max-width: 1024px;
    margin: 0 auto;
   height: inherit;
}
#header_title {
    background: black;
    color: white;
    text-decoration: none;
    border-radius: 10px;
    font-size: 28px;
    padding: 0.1em 0.6em 0.2em 0.6em;
    text-transform: uppercase;
    position: relative;
    left: 190px;
    top: 31px;
    display: inline-block;
}

#header_title > span {
     font-size: 12px;
     display: block;
     line-height: 1;
}

#header_title > span:first-child {
    font-size: 26px;
    line-height: 1.25;
}
#header_title > span:last-child {
     font-style: italic;
     text-transform: none;
}

.buttons {
  display: inline-block;
  float: right;
  position: relative;
  right: 21px;
  top: 32px;
}
.logo {
  position: absolute;
  width: 90px;
  height: 95px;
}

.header_login,
.header_laerer {
   background: #1573bf;
   color: white;
   text-decoration: none;
   text-transform: uppercase;
   padding: 0.45em 2em;
   box-sizing: border-box;
   border-radius: 7px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.header_login {
   padding: 0.45em 1em;
    margin-right: 0.3em;
}
.header_laerer {
/*   margin-right:15px;  */
   background: #000;
}

.header-2006:hover,
.header_laerer:hover {
   opacity:.7;
}

.no_title #document_title {
   display:none;
}

.links > li {
   list-style: none;
   font-size: initial;
   padding: 4px 7px;
}
.links > li:hover a {
   background: #eee;
}


.links > li a {
   text-decoration: none;
   color: #1573bf;
   font-weight: 700;
}

.progress img {
   height: 10px;
}

#quiz_1_matchbox div {
  text-align: center;
}

.popup {
    width: 27px;
    height: 27px;
    background: #1781d6;
    display: table;
    text-decoration: none;
    border-radius: 50%;
    margin: 4px 0 10px;
}
.popup::before {
    color: white;
    display: inline-block;
    position: relative;
    content: "\f0eb";
    font-family: FontAwesome;
    font-size: 20px;
    text-align: center;
    vertical-align: middle;
    width: inherit;
}
.popup > img {
   display:none;
}

/************LANGUAGE SWITCH *************/

.element_manage_language {
   display: none;
/*   display: inline-block; */
   float: right;
   line-height: 25px;
   border: 1px solid #8ca121;
   border-radius: 6px;
   background: white;
   position: relative;
   top: 54px;
   right: 24px;
}
.element_manage_language .icon {
    display: none;
}
.element_manage_language ul {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}
.element_manage_language li {
  display: inline-block;
}
li.selected {
   background:#7a8c1d;
}
li.selected a {
  color: white !important;
}
.element_manage_language ul li a {
  text-decoration: none;
  text-transform: uppercase;
  color: rgb(142, 135, 66);
  padding: 27px;
}
.element_manage_language ul li {
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
.element_manage_language ul li:hover {
   background: #555;
   color:white;
}
.element_manage_language ul li:hover a {
   color:white;
}

.flash-messages {display: none}


/***********FONTS**********/

body {
  font-family: "proxima-nova",sans-serif;
}

p {
  font-size: 1.05rem;
  line-height: 1.4;
}

h1, h2, h3, h4, h5, h6, strong {
    font-weight: 700;
    font-family: "proxima-nova",sans-serif;
    color: #1781d6;
}

h1, h2, h3 {
  margin: 2rem 0 1rem;
}

h4 {
  margin: 1rem 0 0.5rem;
}

h1 {font-size: 1.6rem}
h2 {font-size: 1.3rem}

.header_title {
    font-family: "proxima-nova",sans-serif;
}

.element_manage_language,
.menu-tree,
.container-siblings,
.object-siblings li a  {
    font-family: "proxima-nova",sans-serif;
}

.carousel .panes {
    font-family: "proxima-nova",sans-serif;
}



/*********FONTS***********/

#document_title {
    font-size: 1.6em;
    color: #208ee7;
    text-transform: uppercase;
    padding: 0.9em 0 0 0;
}


/**********MENU TREE**********/
#menuwrapper {
    height: calc(100% - 110px);
    min-height: calc(100% - 110px);
    position: absolute;
    top: 0;
    z-index: 9999999;
    top: 136px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  left: -1000%;
}
#menuwrapper > nav {
  float: left;
}

#menuwrapper > nav #showhide_menu {

}

#menuwrapper > nav ul li a {
/*   width:200px   */
  width: auto;
  padding-right: 15px;
  min-width: 200px;
}

/*--------------green menu highlight --------------- */

#menuwrapper > nav ul li.highlight {
    background: #6b7b19;
}

/*--------------blue menu highlight --------------- */

#menuwrapper > nav ul li[data-custom-init*="blue"].highlight {
    background: #1265a8;
}
#menuwrapper > nav > ul {
  width: auto;
}

#menuwrapper > nav ul[class^="level-"] {
  margin-left: 220px;
}
#menuwrapper > nav ul.level-0 {
  border-left: none;
  margin-left: 0;
}

#showhide_menu {
    float: right;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
    width: 40px;
/*    background-color: #8ca121; old color */
    background-color: #7a8c1d;
    height: 70px !important;
/*    top: 50%;*/
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
/*    position: fixed;*/
  position: relative;
  transition: top 0.3s;
  -webkit-transition: top 0.3s;
}
#showhide_menu svg{
    width: 40px;
}
.menu-tree {
     display: inline-block;
     font-size: 1.05rem;
     height: 100%;
/*   height: calc(100% - 110px);*/
     min-height: 100%;
/*     background-color: #8ca121; old color */
     background-color: #7a8c1d;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}
.menu-tree ul { 
    list-style-type: none;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
/*    white-space: nowrap;        */
/*    margin-left: 0 !important;  */
}
.menu-tree .level-1 { 
    margin-left: 0;
    margin-top: 10px;
}
.menu-tree > ul { margin: 0; }

.menu-tree li { 
    margin: 0; 
    line-height: 35px; 
    border-bottom: 1px solid rgb(201, 218, 202);
}
.menu-tree li:last-of-type { 
    border-bottom: 0;
}
.menu-tree .icon { 
    display: none; 
}
.menu-tree .spacer,
.menu-tree .expander { 
    display: inline-block;
/*    height: 35px;     */
    text-align: center;
    width: 35px;
    vertical-align: top;
    color:white;
}
.menu-tree .highlight > .spacer,
.menu-tree .highlight > .expander { 
    color: #ffffff;
}
.menu-tree .expander { cursor: pointer; }
.menu-tree a { 
    text-decoration: none; 
    color: white; 
    display: inline-block; 
    width: 90%;}

.menu-tree .highlight > a { 
    color: #ffffff; 
    vertical-align: top;
}
.menu-tree .invisible {
    display: none;
}
.menu-tree .expander.invisible { 
    display: inline-block;
    visibility: hidden; 
}


/********* MENU ICON open-close *********/

.menu-icon-container {
    cursor: pointer;
    height: 30px;
    margin: 1.1em 0.45em;
/*    position: fixed;*/
    top: 50%;
    width: 30px;
}
.menu-icon {
   border: none;
   width: 20px;
   padding: 0;
   outline: none;
   position: relative;
   top: 15px;
   z-index: 2000;
   cursor: pointer;
}
.menu-icon:before,
.menu-icon:after {
   content: '';
   position: absolute;
   background: white;
   height: 2px;
   width: 100%;
   left: 0;
   top: 50%;
   -webkit-transform-origin: 100% 50%;
   transform-origin: 100% 50%;
   -webkit-transition: -webkit-transform 0.25s;
   transition: transform 0.25s;
}

.menu-icon:before {transform: rotate(35deg)}
.menu-icon:after {transform: rotate(-35deg)}

/*icon display */

.display {display: block}

.display:before {
    -webkit-transform: rotate(145deg);
    transform: rotate(145deg) translate(12px, 8px);
}

.display:after {
    -webkit-transform: rotate(145deg);
    transform: rotate(-145deg) translate(12px, -8px);
}
#menuwrapper .inactive > span,
#menuwrapper .inactive > a {
  color: rgba(255, 255, 255, 0.4);
  cursor: default;
}


/*header {
    background-color: #fecc00;
    border-bottom: 3px solid #d10a11;
    height: 70px;
    line-height: 70px;
}
#losgehts_header {
    color: #000000;
    display: inline-block;
    font-size: 35px;
    margin: 0 0 0 7%;
    text-decoration: none;
}*/
.fontred {color: #d10a11;}

.main {
    max-width: 1024px;
    margin: 0 auto;    

    padding-bottom: 350px; 

    min-height: calc(100% - 306px); 

/*    min-height: calc(100% - 423px);   */

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.main {
		padding-bottom: 475px;

                padding-left: 1em;
                padding-right: 1em;
	}
}
/*.main_fade {
opacity:0.5;
}*/


h2 {clear:both}

p:not(#daggable_content), .list {
/*    max-width: 800px;*/
    max-width: 824px;
}

.invisible {
    display: none;
}

.breadcrumbs {
  padding: 0;
  margin: 0.7em 0;
  list-style-type: none;
  overflow: hidden;
  font-size: .7rem;
  background: transparent; }
  .breadcrumbs > li {
    float: left; }
    .breadcrumbs > li:not(:last-child):after {
      content: '>';
      padding: 0 0.2em; }
    .breadcrumbs > li > a {
      display: inline-block;
      padding: 0.4em;
      color: #555;
      text-decoration: none;
      transition: all 0.2s; }
      .breadcrumbs > li > a:hover {
        color: #000;
        background: #ddd; }
    .breadcrumbs > li.highlight > a {
      color: #000;
      font-weight: bold; }

#menuwrapper.show-menu {
  width: auto;
  transition: width 0.4s;
}
#menuwrapper.show-menu > nav {
/*  width: 100%; */
  transition: width 0.4s;
}

.level-2 {
  font-size: .9rem;
}
.level-2 li {
  line-height: 1.5rem;   
}
.level-3 {
  font-size: .85rem;
}
.level-3 li {
  line-height: 1.4rem;
}

.level-3 li .spacer {
  height: 1.4rem;
}



/*********TEMPLATE EXERCISES************/

#wrapper_object_content {
  padding-bottom: 3em;
  float: left;
  width: 75%;
}

.current-container-header-object {
  margin-bottom: 3em;
    max-width: 824px;
}

.object-siblings {
    list-style: none;
    width: 25%;
    float: left;
    margin: 25px 0 0 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 100;
}

/*
.current-layout-hide_h1 .object-siblings {
    position: relative;
    top: -20px;
    margin: 10px 0 0 0;
}
.current-layout-hide_h1 ~ #wrapper_object_content article.js-app {
  margin-top: -25px !important;
}

*/

.object-siblings li {
    width: 100%;
    margin-bottom: -1px;
}

.object-siblings li a {
   display:block;
    padding: 1em 0.5em 1em 1.5em;
   box-sizing: border-box;
   text-decoration: none;
   color: #222;
   font-size: 14px;
   width: 80%;
/*   text-align: center; */
   border: 1px solid #208ee7;
   font-weight: 700;
   text-transform: uppercase;
}
.object-siblings li a:hover {
  background: #d1e8fa;
}

.object-siblings li.highlight a {
   color: #fff;
   background: #208ee7;
}

.object-siblings li.highlight a {
   color: #fff;
   background: #208ee7;
}

.video_wrapper {
  max-width: 650px;
    position: relative;
}

.instruction,
.instruction + ol {
    width: 75%;
/*    list-style: lower-alpha; */
    list-style: decimal outside;
}

.instruction + ol > li > ol {
    list-style: lower-alpha;
}
.instruction + ol > li {
    font-weight:normal !important;
}
.instruction + ol > li > ol > li {
    margin-top: 0;
    font-weight: 500;
}
.instruction + .app {
    margin-top: 2em;
}

.humor {
    background-color: #202226;
    color: white;
    padding: 1em;
    width: 75%;
    border-radius: 10px;
}
.humor > p {
   margin: 0;
}

section.caption-task {
   width: 75%;
}
section.caption-task img {
   width: 100%;
   height: auto;
}

.task-textarea {
    width: 100%;
    box-sizing: border-box;
    font-style: italic;

}
textarea {
    margin-left: 1px;
    width: 100%;
    box-sizing: border-box;
    margin: 1px;
}

/**********IMAGE****************/

.image-title {
    max-width: 800px;
    background-color: #202226;
    color: white;
    padding: 10px 20px;
    box-sizing: border-box;
    margin-bottom: 1.5em;
}

.image-title > p:first-child {
    font-size: 1.3em;
    margin: 0;
}
.image-title > p.author {
    font-size: 0.8em;
    margin: 0;
}


/**********CARUSEL****************/
:before, :after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pageEnrichments {
  margin:0!important;
  font-size: 12px;
}
.ed-icon {
  width:2rem;
  height:2rem;
  cursor:pointer;
  transition:.2s all;
  margin: 0 .5em;
  opacity:.8;
  position: relative;
  top: 21em;
  z-index: 100;
}
.ed-icon:hover {
  opacity:1
}
.button-icon {
  background-color:#FFF;
  border-width:0.2rem;
  border-style:solid;
  border-radius:100%
}
.ed-round {
  background-color:#000;
  fill:#FFF;
  border-radius:100%
}
.ed-red {
  fill:#C7302E;
  border-color:#C7302E
}
.ed-blue {
  fill:#378FE4;
  border-color:#378FE4
}
.ed-green {
  fill:#2BB056;
  border-color:#2BB056
}
.ed-yellow {
  fill:#F4E43E;
  border-color:#F4E43E
}
img {
    max-width:100%;
    vertical-align: top;
}
.carousel-title {
     padding: 0 1em;
}
.carousel,
.carousel2 {
  overflow:hidden;
  width: 800px;
  background: #202226;
  color: white;
  border: 12px solid #202226;
  border-top: 0;
    margin-bottom: 20px;
}
.carousel > .button-left {
  float:left
}
.carousel > .button-right {
  float:right
}
.carousel .panes,
.carousel2 .panes2 {
  left:0;
  list-style:none;
  position:relative;
  overflow:hidden;
  margin:0;
  padding:.5em 0;
  -webkit-transition:left .2s;
  transition:left .2s
}
.carousel .panes > li,
.carousel2 .panes2 > li {
  position:relative;
  float:left;
  background-size:96% auto;
  background-position:bottom center;
  background-repeat:no-repeat;
  min-height:900px;
  list-style-type:none!important
}
.carousel .panes > li.image-caption {
  min-height:0
}
.carousel .panes > li.image-caption footer {
  bottom:0;
  text-align: right;
}
.carousel img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}
.carousel .panes h1, .carousel .panes h3 {
  text-align:center;
  font-size:2.5em;
  float:left;
  width:90%;
  margin:1em 5%;
  position:relative;
  box-sizing:border-box
}
.carousel article {
	padding-bottom: 15px;
  display:block;
  clear:both;
  font-size:1.5em;
  line-height:1.5em;
/*  text-align:center;*/
}
.carousel .panes .image-caption h1 {
  position:absolute
}
.carousel .image-caption .title {
  font-size: 1.1em;
  padding: 0 1em;
  position: relative;
  top: -0.2em;
  color: #b8dbf7;
}

.carousel .image-caption .author {
  font-size: 0.5em;
  padding: 0 1.8em;
  line-height: 0.65em;
  margin-bottom: 1em;
}
.carousel .image-caption p {
    width: 100%;
    padding: 0 1em;
    margin-bottom: 0.5em;
    box-sizing: border-box;
    font-size: 1.1em;
    line-height: 1.1em;
}
.carousel .image-caption div,
.carousel2 .image-caption div {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.carousel .image-caption aside {
	padding-top: 20px;
}
.carousel .image-caption aside  p {
	text-align: justify;
}

.iframe {
  width: 75%;
  height: 300px;
  background: #888;
  display: inline-block;
  float: right;
  color: #666;
}
section {
    width: 20%;
    display: inline-block;
}


/************CONTAINER_SIBLINGS***********/

.container-siblings {
  list-style: none;
  margin: 0;
  vertical-align: top;
}
/*.container-siblings:before {
  font-weight: 700;
  content: "Inhalt";
  margin-bottom: .5em;
  display: block;
  border-bottom: 1px dotted red;
  text-transform: uppercase;
}*/

.container-siblings:after {
  content: "";
  margin-bottom: 1.5em;
  display: block;
  clear: both;
}

.container-siblings li {
   display: table;
   padding: 0 3px;
   width: 166px;
   height: 40px;
   margin: 0;
   margin-bottom: 4px;
   border-left: 1px solid white;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
    vertical-align: text-top;
   float: left;
   box-sizing: border-box;
}

/*
.container-siblings li:hover {
  background: #697919;
}
.container-siblings li:first-of-type:hover {
   border-top-left-radius: 10px;
   border-bottom-left-radius: 10px;
}
.container-siblings li:last-of-type:hover {
   border-top-right-radius: 10px;
   border-bottom-right-radius: 10px;
}
*/

.container-siblings li a {
    display: table-cell;
   padding: 5px;
   height: 30px;
   color: white;
   font-size: 13px;
   line-height: 15px;
   text-align: center;
   text-decoration: none;
   background: #8ca121;
   border-radius: 4px;
   transition: all 0.2s;
   vertical-align: middle;
}
.container-siblings li a:hover {
   background: #697919;
}
.container-siblings li.highlight a {
/*  background: #a6be2d;*/
  background: #697919;
}
.container-siblings li.highlight a:hover {
/*  background: #a6be2d;*/
  background: #697919;
}


/****** SVG MAP ******/

.svg_map {
   width: 1024px;
   height:550px;
   background: lightblue;
}

#svg_map {
   width: 1024px;
   height:670px;
    cursor: move;
}
#borders {
  stroke-color:red;
  stroke-width:1px;
}
/******* not active countire *********/
/*#AU, #NZ  {
    fill: #8D989E; 
    pointer-events: none;
}*/



.country {
   fill: #4ea5ec;
   stroke-width: 0.5;
   stroke: white;
   -webkit-transition:all 0.3s ease-in-out;
   -moz-transition:all 0.3s ease-in-out;
   -o-transition:all 0.3s ease-in-out;
   transition:all 0.3s ease-in-out;
}
.country:hover {
   fill: #208ee7;
   cursor:pointer;
}
button {
   cursor: pointer;
   padding: 3px 8px;
   font-size: 13px;
   margin-right: 30px;
   -webkit-transition:all 0.3s ease-in-out;
   -moz-transition:all 0.3s ease-in-out;
   -o-transition:all 0.3s ease-in-out;
   transition:all 0.3s ease-in-out;
   background: none;
   border: solid 1px gray;
}
/*button:hover {
   background: rgb(208, 208, 208);
   border: solid 1px rgb(208, 208, 208);
}*/

#labels_3, #labels_2 {
    display:none
}

#labels_1 > text > tspan,
#labels_2 > text > tspan,
#labels_3 > text > tspan {
    font-family: "proxima-nova",sans-serif;
    pointer-events: none;
}
#labels_1 > text,
#labels_2 > text,
#labels_3 > text {
    pointer-events: none;
}
#labels_1 > text > tspan {
    font-size: 16px !important;
}
#labels_2 > text > tspan {
    font-size: 9px !important;
}
#tspan3975-5 {
    text-anchor: inherit !important;
}



/**
*	homepage
*/

#request_read_container_folder .current-layout-homepage:after {
    content: "Støttet av Utdanningsdirektoratet";
    display: inline-block;
    position: relative;
    font-size: 12px;
    width: 100%;
    text-align: right;
    font-style: italic;
    padding-right: 10px;
    height: 0;
    white-space: pre;
    line-height: 1.4;
}


.current-layout-homepage section {
  width: calc(50% - 10px);
}
.current-layout-homepage section > ul {
    list-style-type: none;
    margin: 0;
    padding: 0; 
}
.current-layout-homepage section ul > li {
      padding-bottom: 20px; 
}
.current-layout-homepage section > ul > li:last-child {
        padding-bottom: 0;
}
.current-layout-homepage section > ul > li > a,
.current-layout-homepage section > ul > li > div {
        display: block;
        width: 100%;
        position: relative;
        background: #eee;
}
.current-layout-homepage section > ul > li > a > div,
.current-layout-homepage section > ul > li > div > div {
          position: absolute;
          left: 0;
          bottom: 0;
          padding: 7px 20px;
          width: calc(100% - 200px);
          color: #fff;
          font-size: 19px;
          line-height: 20px;
          text-decoration: none;
          transition: all 0.2s; 
          text-transform: uppercase;
}

.current-layout-homepage .left_section > ul > li > a > div {
/*          background: #7a8c1d; old color */
          background: #6b7b19; 
        }
.current-layout-homepage .right_section > ul > li > a > div {
          background: #6b7b19;
        }
 .current-layout-homepage .left_section > ul > li > a:hover > div {
/*          color: #8ca121;  old color */
          color: #6b7b19;
          background: #fff;
}
.current-layout-homepage .right_section > ul > li > a:hover > div {
          color: #1573bf;
          background: #fff; }
.current-layout-homepage section:first-of-type {
  float: left;
}
.current-layout-homepage section:first-of-type > ul > li > a {
    height: 250px;
}
.current-layout-homepage section:first-of-type > ul > li:nth-child(1) > div {
    height: 520px;
    background-color: #eee;
    background-image: url("/data/ec05a9da-c980-4ba7-bea8-b9715290f7d8");
    background-size: 105%;
    background-position: center center;
    background-repeat: no-repeat;
    transition: background-size 0.3s;
}


/*----------SVG-----------*/
.current-layout-homepage .left_section > ul > li > a > div > svg,
.current-layout-homepage .right_section > ul > li > a > div > svg {
    float: right;
}
.current-layout-homepage .left_section > ul > li > a > div > svg {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.current-layout-homepage .left_section > ul > li > a > div > svg > path,
.current-layout-homepage .right_section > ul > li > a > div > svg > path {
    fill: #fff;
}
.current-layout-homepage .left_section > ul > li > a:hover > div > svg > path {
    fill: #6b7b19;
}
.current-layout-homepage .right_section > ul > li > a:hover > div > svg > path {
    fill: #1573bf;
}



/* picture this */
.current-layout-homepage section:first-of-type > ul > li:nth-child(2) > a {
    height: 250px;
    background-color: #eee;
    background-image: url("/data/de2a3e1a-4736-4e3d-a49e-01cce694097f");
    background-size: 105%;
    background-repeat: no-repeat;
    transition: background-size 0.3s;
}
/* listen and learn */
.current-layout-homepage section:first-of-type > ul > li:nth-child(3) > a {
    height: 250px;
    background-color: #eee;
    background-image: url("/data/b608ccd2-6450-4f2e-9839-489d4746d622");
    background-size: 105%;
    background-repeat: no-repeat;
    transition: background-size 0.3s;
}
  .current-layout-homepage section:first-of-type > ul > li > div > div {
    color: #fff;
    background: #ddd; }

.current-layout-homepage .right_section > ul > li:nth-child(1) > a {
    background-image: url("/data/de2a3e1a-4736-4e3d-a49e-01cce694097f");
    background-size: 105%;
    background-position: center center;
    background-repeat: no-repeat;
    transition: background-size 0.3s;
}

.current-layout-homepage .right_section > ul > li:nth-child(2) > a {
    background-image: url("/data/b608ccd2-6450-4f2e-9839-489d4746d622");
    background-size: 105%;
    background-position: center center;
    background-repeat: no-repeat;
    transition: background-size 0.3s;
}

.current-layout-homepage section:first-of-type > ul > li:nth-child(2) > a:hover,
.current-layout-homepage section:first-of-type > ul > li:nth-child(3) > a:hover,
.current-layout-homepage .right_section > ul > li:nth-child(2) > a:hover,
.current-layout-homepage section:last-of-type > ul > li > a:hover {
    background-size: 100%;
}

/*map*/
.current-layout-homepage section:first-of-type > ul > li:first-child > a {
    height: 520px; 
/*    background-image: url("/data/95d94d64-6c1c-4b66-a11d-509f32cdee52");*/
    background-image: url("/data/4160afd7-5032-4d00-b096-dc8eba15551f");
    background-size: 103% auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgb(250, 250, 250);
    transition: background-size 0.3s;
}
.current-layout-homepage section:first-of-type > ul > li:first-child > a:hover {
   background-size: 100% auto;
}

.current-layout-homepage section:last-of-type {
  float: right; }

.current-layout-homepage section:last-of-type > ul > li > a {
    height: 250px;
    background-image: url("/data/20ea78cd-e4a6-43dc-8a1c-88e9b56e18fa");
    background-size: 105%;
    background-position: center center;
    background-repeat: no-repeat;
    transition: background-size 0.3s;
}

.current-layout-homepage section:last-of-type > ul > li:nth-child(n+4) {
    display: none; }


/*player*/



.current-layout-Cross section {
   background:red;
}


/*************************************************************/

.quiz_block:first-of-type {
  margin-top: 0;
}
.quiz_block {
  margin-top: 1em;
}



/**
*	exercises_landing_page
*/
.picture_this_landing_page,
.exercises_landing_page {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden; 
}


.picture_this_landing_page > li,
.exercises_landing_page > li {
    float: left;
    margin: 0 5% 40px 0;
    padding: 0; 
}

.picture_this_landing_page > li:nth-child(3),
.picture_this_landing_page > li:nth-child(6) {
    margin-right: 0;
}

.picture_this_landing_page > li > a {
      height: 250px;
      position: relative;
      display: block;
      background: #eee; 
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     transition: background-size 0.3s;
}

.exercises_landing_page > li > a {
      position: relative;
      display: block;
      background: #eee; 
      height: 300px;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     transition: background-size 0.3s;
}

.picture_this_landing_page > li > a > div,
.exercises_landing_page > li > a > div {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 7px 20px;
        width: calc(100% - 70px);
        color: #fff;
        font-size: 19px;
        line-height: 20px;
        transition: all 0.2s; 
}

.picture_this_landing_page > li > a:hover > div {
    color: #8ca121;
    background: #fff;
}

.picture_this_landing_page > li,
.exercises_landing_page > li:nth-child(1),
.exercises_landing_page > li:nth-child(2),
.exercises_landing_page > li:nth-child(3) {
      width: 30%; 
}

.exercises_landing_page > li:nth-child(1) > a,
.exercises_landing_page > li:nth-child(2) > a,
.exercises_landing_page > li:nth-child(3) > a {
      height: 300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: background-size 0.3s;
}

/* PICTURE THIS - IMAGES */

.picture_this_landing_page > li:nth-child(1) > a {
    background-image: url("/data/5920d296-3771-496b-b323-cf90366d776e");}
.picture_this_landing_page > li:nth-child(2) > a {
    background-image: url("/data/8dd6336a-b09c-49aa-b46f-54396ed942d3");}
.picture_this_landing_page > li:nth-child(3) > a {
    background-image: url("/data/0ef64a5b-7fc3-4139-8692-81622244beb0");}
.picture_this_landing_page > li:nth-child(4) > a {
    background-image: url("/data/ab8fd3c3-c72d-4570-9b65-1ea197911a55");}
.picture_this_landing_page > li:nth-child(5) > a {
    background-image: url("/data/2e5ad8af-fc57-4bc8-917b-48bab886d6e7");}
.picture_this_landing_page > li:nth-child(6) > a {
    background-image: url("/data/9cfbb250-09c6-459c-8ad8-6ade2fe39263");}


/* CR interactive exercises - IMAGES */

.exercises_landing_page > li:nth-child(1) > a {
    background-image: url("/data/09ccf8db-ce86-4a8c-b0d6-646fdbf1d0c0");
}
.exercises_landing_page > li:nth-child(2) > a {
    background-image: url("/data/f93bf8e7-cf42-470f-a2e2-d9fe4401d813");
}
.exercises_landing_page > li:nth-child(3) > a {
    background-image: url("/data/91be6b90-bed4-4e45-8a63-fc28dfa6eea7");
}
.exercises_landing_page > li:nth-child(4) > a {
    background-image: url("/data/0ad7f414-e1ce-4a06-a457-db9f4d521fa5");
}
.exercises_landing_page > li:nth-child(5) > a {
    background-image: url("/data/d6bf9e29-a872-454a-b051-ad1dc5bf6d0d");
}

.picture_this_landing_page > li > a > div,
.exercises_landing_page > li > a > div {
   border-top-left-radius: 8px;
   border-bottom-right-radius: 8px;
}

.picture_this_landing_page > li > a > div {
          background: #8ca121; 
}


.exercises_landing_page > li:nth-child(1) > a > div {
          background: #208ee7; 
}

.exercises_landing_page > li:nth-child(1) > a:hover > div {
          color: #208ee7;
          background: #fff; 
}
.exercises_landing_page > li:nth-child(2) > a > div {
          background: #208ee7; 
}
.exercises_landing_page > li:nth-child(2) > a:hover > div {
          color: #208ee7;
          background: #fff; 
}
.exercises_landing_page > li:nth-child(3) {
      margin-right: 0; 
}
.exercises_landing_page > li:nth-child(3) > a {
        height: 300px;
}
.exercises_landing_page > li:nth-child(3) > a > div {
          background: #208ee7;
}
.exercises_landing_page > li:nth-child(3) > a:hover > div {
          color: #208ee7;
          background: #fff;
}
.exercises_landing_page > li:nth-child(4) {
      width: 47.5%;
}
.exercises_landing_page > li:nth-child(4) > a {
        height: 250px;
}

.exercises_landing_page > li:nth-child(4) > a > div {
          background: #1781d6; 
}

.exercises_landing_page > li:nth-child(4) > a:hover > div {
          color: #8ca121;
          background: #fff;
}
.exercises_landing_page > li:nth-child(5) {
      width: 47.5%;
      margin-right: 0;
}
.exercises_landing_page > li:nth-child(5) > a {
        height: 250px;
}
.exercises_landing_page > li:nth-child(5) > a > div {
          background: #1781d6;
}
.exercises_landing_page > li:nth-child(5) > a:hover > div {
          color: #8ca121;
          background: #fff;
}


.list_d-book > li {
   float: left;
   margin: 0 3em 3em 0;
   list-style: none;
}
.list_d-book > li > a > img {
  width: 200px;
  height: 214px;
}
.list_d-book .info {
  height: 214px;
  width: 434px;
}
.list_d-book .info h2 {
   margin:0 0 10px;
}

.list_d-book .info p {
  margin: 0;
  font-size: 16px;
}


.list_d-book > li > ul > li {
  font-size: 16px;
  list-style: square;
  line-height: 22px;
}




/**
*	laerer_landing_page
*/

.laerer_landing_page > li:nth-child(1) > a,
.laerer_landing_page > li:nth-child(2) > a,
.laerer_landing_page > li:nth-child(3) > a,
.laerer_landing_page > li:nth-child(4) > a, 
.laerer_landing_page > li:nth-child(5) > a,
.laerer_landing_page > li:nth-child(6) > a,
.laerer_landing_page > li:nth-child(7) > a,
.laerer_landing_page > li:nth-child(8) > a  {
   background-size: 105%;
   background-repeat:no-repeat;
   transition: background-size 0.3s;
}
.laerer_landing_page > li > a:hover {
   background-size: 100%;
}

.laerer_landing_page > li:nth-child(1) > a {
   background-image:url(/data/44977c53-1957-4baf-9f82-6f8d974e022a);
}
.laerer_landing_page > li:nth-child(2) > a {
   background-image:url(/data/22cad31a-6d33-40ef-ae50-9053b30b2f7a);
}
.laerer_landing_page > li:nth-child(3) > a {
   background-image:url(/data/da91b0f5-3615-4c3d-8043-5ad9c75dfc98);
}
.laerer_landing_page > li:nth-child(4) > a {
   background-image:url(/data/9042f22a-c2af-42bf-8bf7-882b16dd68f1);
}
.laerer_landing_page > li:nth-child(5) > a {
   background-image:url(/data/720b7c28-b10c-4b9d-b610-23d76bcaa4f3);
}
.laerer_landing_page > li:nth-child(6) > a {
   background-image:url(/data/f0a63627-cffe-45d1-b0a4-a4b3d1673532);
}
.laerer_landing_page > li:nth-child(7) > a {
   background-image:url(/data/5a162c1c-8c3d-4d3e-99bb-a7d923dfd481);
}


.laerer_landing_page {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden; }
  .laerer_landing_page > li {
    float: left;
    width: 23%;
    margin: 0 2% 20px 0;
    padding: 0; }
    .laerer_landing_page > li > a,
    .laerer_landing_page > li > div {
      position: relative;
      display: block;
      height: 300px;
      background: #eee; }
      .laerer_landing_page > li > a > div,
      .laerer_landing_page > li > div > div {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 7px 20px;
        width: calc(100% - 70px);
        color: #fff;
        background: #208ee7;
        font-size: 19px;
        line-height: 20px;
        transition: all 0.2s; 
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;

}
      .laerer_landing_page > li > a:hover > div {
        background: #fff; }
    .laerer_landing_page > li:nth-child(4n) {
      margin-right: 0; }

.laerer_landing_page > li:nth-child(1) > a:hover > div, 
.laerer_landing_page > li:nth-child(5) > a:hover > div, 
.laerer_landing_page > li:nth-child(6) > a:hover > div, 
.laerer_landing_page > li:nth-child(7) > a:hover > div, 
.laerer_landing_page > li:nth-child(8) > a:hover > div {
      color: #208ee7;
}

.laerer_landing_page > li:nth-child(2) > a > div, 
.laerer_landing_page > li:nth-child(3) > a > div, 
.laerer_landing_page > li:nth-child(4) > a > div {
      background: #1781d6 ;
}

.laerer_landing_page > li:nth-child(2) > a:hover > div, 
.laerer_landing_page > li:nth-child(3) > a:hover > div, 
.laerer_landing_page > li:nth-child(4) > a:hover > div {
      color: #8ca121;
      background: #fff; }

.laerer_landing_page > li > div > div {
  color: #fff;
  background: #ddd;
}


/**
*	current-layout-links
*/
.current-layout-links > div > p {
  width: 1024px;
  max-width: 1024px !important;
  overflow: hidden; }
  .current-layout-links > div > p > a {
    float: left;
    display: block;
    width: 320px;
    height: 345px;
    margin-right: 32px;
    background-size: auto 100%;
    background-position: center center;
    transition: background-size 0.3s; }
    .current-layout-links > div > p > a > img {
      display: none; }
    .current-layout-links > div > p > a:last-child {
      margin-right: 0; }
    .current-layout-links > div > p > a:nth-child(1) {
      background-image: url("/data/a3c834c0-b9dd-40d1-800d-66cf564d299e"); }
    .current-layout-links > div > p > a:nth-child(2) {
      background-image: url("/data/ce2273dd-4d8b-4bf4-b757-c11bc1d631a8"); }
    .current-layout-links > div > p > a:nth-child(3) {
      background-image: url("/data/63829394-e5fc-49d6-aef8-214423d911a4"); }
    .current-layout-links > div > p > a:hover {
      background-size: auto 120%; }


.current-layout-Cross .container-siblings a {
  background: #fc0;
}


/**
*	laerer_about
*/
.current-layout-laerer_about ~ #request_read_container_blog > section {
	width: 100%;
}
.current-layout-laerer_about ~ #request_read_container_blog > section p {
	width: 100%;
	max-width: 100%;
}
.current-layout-laerer_about ~ #request_read_container_blog > section .element-body {
  padding-bottom: 70px;
}
.current-layout-laerer_about ~ #request_read_container_blog > section .element-body:first-child,
.current-layout-laerer_about ~ #request_read_container_blog > section .element-body:last-child {
  padding-bottom: 0;
}

.scroll_top {
  overflow: hidden;
}
.scroll_top > button {
  float: right;
}

/* picture this LANDING PAGE */ 

.accordion_container.picture_this {
    width: 32%;
}


/* mini movies LANDING PAGE */ 

.accordion_container {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0.5%;
}

.accordion_container > h1 {
    color: black;
    font-size: 1.1em;
    margin: 1.5em 0 0.5em;
}

.accordion_container > .accordion_list {
    padding: 7px 14px 7px 21px;
    color: #fff;
    line-height: 20px;
    transition: all 0.2s;
    background: #1781d6;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: table;
    text-decoration: none;
    width: 100%;
    margin: 1% 1%;
    box-sizing: border-box;
    vertical-align: middle;
}
.accordion_container > .accordion_list:hover {
    background: #eff7fd;
}
.accordion_container > .accordion_list:hover h2 {
    color: #208ee7;
}
.accordion_container > .accordion_list > div:first-child {
    width: 85%;
    display: inline-block;
}
.accordion_container > .accordion_list > div:last-child {
    width: 15%;
    height: 15px;
    display: table-cell;
}
.accordion_container > .accordion_list > div > h2 {
    color: white;
    margin: 0;
    font-style: normal;
    font-size: 16px;
}

.accordion_container > .accordion_list > div.easy,
.accordion_container > .accordion_list > div.medium,
.accordion_container > .accordion_list > div.difficult {
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
}

.accordion_container > .accordion_list > div.easy {
   background-image:url(/data/95e3b7ed-85ca-4e22-93f1-a5849fcb9cc5);
}
.accordion_container > .accordion_list > div.medium {
   background-image:url(/data/d7a5a685-c515-4266-9954-8d594e19010c);
}
.accordion_container > .accordion_list > div.difficult {
   background-image:url(/data/e2810b58-5e7f-4537-a9d1-536b75a5e748);
}
.accordion_container > .accordion_list:hover > div.easy {
   background-image:url(/data/c7da4f35-c398-420c-a25e-9a22647f6ad9);
}
.accordion_container > .accordion_list:hover > div.medium {
   background-image:url(/data/9a8cdd54-a2c4-4cc8-a1cc-14b631c7648f);
}
.accordion_container > .accordion_list:hover > div.difficult {
   background-image:url(/data/6118bc8f-2da0-47df-898e-8d1305a30799);
}

.accordion_container > .accordion_list > div > h2.easy:after,
.accordion_container > .accordion_list > div > h2.medium:after,
.accordion_container > .accordion_list > div > h2.difficult:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 20px;
    background-repeat: no-repeat;
    background-position-x: right;
    float: right;
    position: relative;
    top: 3px;
}


.accordion_container > .accordion_list > div > h2.easy:after {
   background-image:url(/data/95e3b7ed-85ca-4e22-93f1-a5849fcb9cc5);
}
.accordion_container > .accordion_list > div > h2.medium:after {
   background-image:url(/data/d7a5a685-c515-4266-9954-8d594e19010c);
}
.accordion_container > .accordion_list > div > h2.difficult:after {
   background-image:url(/data/e2810b58-5e7f-4537-a9d1-536b75a5e748);
}



/**
*	current-layout-with_links_box
*/
.current-layout-with_links_box > section {
   width: 100%;
}

.current-layout-with_links_box > section.middle {
  background: #2D2D2D;
}

.current-layout-with_links_box > section.middle:before {
   content: "Ekstra stoff for lærere";
   position: relative;
   display: block;
   color: #208ee7;
   font-family: inherit;
   font-size: 22px;
   font-weight: 700;
   background-color: white;
   font-style: italic;
   padding-bottom: 8px;
}

.current-layout-with_links_box > section.middle > ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      overflow: hidden;
}

.current-layout-with_links_box > section.middle > ul > li {
        float: left;
        width: 25%;
        height: 80px;
}

.current-layout-with_links_box > section.middle > ul > li > a {
          display: table;
          padding: 10px;
          height: 60px;
          text-align: center;
          text-decoration: none;
}

.current-layout-with_links_box > section.middle > ul > li > a > div {
            padding: 10px;
            height: 40px;
            color: #fff;
            font-size: 17px;
            line-height: 20px;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 4px;
            background: rgba(255, 255, 255, 0.1);
            transition: all 0.2s;
            display: table-cell;
            vertical-align: middle;
            width: 25%;
}

.current-layout-with_links_box > section.middle > ul > li > a:hover > div {
            color: #208ee7;
            border-color: #fff;
            background: rgba(255, 255, 255, 0.95);
}

.current-layout-with_links_box > section.bottom > ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }

.current-layout-with_links_box > section.bottom > ul > li > h1 {
      padding-left: 7px;
      position:relative;
    }
.current-layout-with_links_box > section.bottom > ul > li > div > p {
      max-width: 100% !important;
      margin: 0; }

/*.current-layout-with_links_box > section.bottom > ul > li > div > p > a {
        display: block;
        padding: 4px 7px;
        color: #000;
        font-size: 16px;
        text-decoration: none;
        transition: all 0.2s; } */

.bottom div > p:hover {
  background: #eee;
}
.bottom div > p:after {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  content: "";
  background-image: url(/data/956c6ac7-ec58-43ec-8293-a34284d7a953);
  background-repeat: no-repeat;
  float: right;
  top: 3px;
}

.bottom div > p > a {
    color: #000;
    text-decoration: none;
     transition: all 0.2s;
}

.blog.container,
.folder.container {
  margin-right: 6px;
  margin-left: 6px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
}

/* ----------- CROSSROADS CUSTOM STYLES ---------------*/

.color_theme_blue h1, 
.color_theme_blue h2, 
.color_theme_blue h3, 
.color_theme_blue h4, 
.color_theme_blue h5, 
.color_theme_blue h6,
.color_theme_blue #document_title {
   font-style: italic;
   color:#208ee7;
}

.color_theme_blue .object-siblings li a {
   border-color: #ee3425;
}

.color_theme_blue .object-siblings li a:hover {
  background-color: #feeeed;
}

.color_theme_blue .object-siblings li.highlight a {
  background: #ee3425;
}

.color_theme_blue .container-siblings li a {
   background: #208ee7;
}
.color_theme_blue .container-siblings li a:hover {
   background: #1573bf
}

.color_theme_blue .container-siblings li.highlight a {
  background: #2C2C2C;
}

.blog.container[data-custom-init*="blue"],
.folder.container[data-custom-init*="blue"] {
/*  background-color: #1781d6; old colour */
    background-color: #1573bf;
  font-style: italic;
  margin-right: 6px;
  margin-left: 6px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
}

.current-layout-crossroads .folder.container {
  background-color: orange;
}

/*ul.level-0:after {
   content: "Crossroads content";
   background: #1781d6;
   position: absolute;
   color: white;
   font-size: 0.7em;
   font-style: italic;
   margin: 10px 0 0 10px;
   padding: 5px 15px;
   text-align: center;
   border-top-left-radius: 8px;
   border-bottom-right-radius: 8px;
}*/

/********* section top - crossroads 8 *************/

section.top {
  float: right;
  width: 76%;
  margin-bottom: 20px;
}

section.top > ul {
  list-style: none;
  margin:0;
  margin-bottom: 10px;
}

section.top > ul > li {
    width: 22%;
    height: 100px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    display: table;
    text-align: center;
    border: 1px solid #1781d6;
    box-sizing: border-box;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

section.top > ul > li:hover {
/*   background: rgb(44, 44, 44);
   border: 0; */
  border-bottom: 7px solid #1781d6;
}

section.top > ul > li:hover > a {
   color: #1781d6;
   font-weight: 700;
}

section.top > ul > li > a {
   font-size: 17px;
   height: 100%;
   display: table-cell;
   vertical-align: middle;
   text-decoration: none;
   color:black;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}

.current-layout-with_links_box .container-header-object img {
  width: 200px;
  height: auto;
}

.no_siblings,
.invisible {
   display:none !important
}

.current-layout-Crossroads_chapter_1 {
  max-width: 800px;
/*  width: 25%;
  float: right; */
  background: #208ee7;
  box-sizing: border-box;
  border-radius: 10px;
  margin-top: 30px;
  position: relative;
}

.current-layout-Crossroads_chapter_1 h1 {display:none}

.current-layout-Crossroads_chapter_1 h2 {
  color: white;
  margin-top: 0px;
  background: black;
  padding: 10px 20px;
  box-sizing: border-box;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.current-layout-Crossroads_chapter_1 h2:after {
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    content: "";
    background-image: url(/data/b4833a91-aa7f-457c-b46b-4c837bfd5a17);
    background-repeat: no-repeat;
    right: 15px;
}




.current-layout-Crossroads_chapter_1 .current-container-header-object {
    margin:0;
    padding: 0 10px 10px 20px;
}

.current-layout-Crossroads_chapter_1 .current-container-header-object > p {
    margin-bottom: 5px;
}

.current-layout-Crossroads_chapter_1 .current-container-header-object > p > a {
   color: white;
   text-decoration: none;
   font-size: 0.9em;
}
.current-layout-Crossroads_chapter_1 .current-container-header-object > p > a:hover {
   text-decoration:underline;
}

.download {
    font-size: 0.9em;
    background: #208ee7;
    color: white;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 5px;
}

.download:before {
    width: 24px;
    height: 20px;
    display: inline-block;
    content: "";
/*    background-image: url(/data/956c6ac7-ec58-43ec-8293-a34284d7a953);  BLACK ICON  */
    background-image: url(/data/b4833a91-aa7f-457c-b46b-4c837bfd5a17); /* WHITE ICON */
    background-repeat: no-repeat;
    margin-right: 16px;
    vertical-align: top;
}

.bottom {
  border: 1px solid;
  box-sizing: border-box;
  border-radius: 10px;
  margin-top: 20px;
  padding: 0 10px 10px;
}

.current-layout-homepage .left_section,
.current-layout-homepage .right_section {
  margin-top:35px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 10px;
/*  border: 1px solid rgba(32, 142, 231, 1);*/
}

.current-layout-homepage .left_section {
  border: 0;
}

/*#document_title {
   display:none;
}*/

.main.color_theme_blue #document_title {
   display:inline-block;
}
.main.color_theme_blue.no_title #document_title {
   display:none;
}

/*--------QUIZ ---------*/


ol.loweralpha > li { 
    list-style-type: lower-alpha;
}

ol.content_loweralpha > li {
/*     font-weight: 700;  */
     color: #000000;
     margin-top: 25px;
    list-style-type: lower-alpha;
}

.quiz > ul,
.quiz_answer_wrong > ul {
    list-style: none;
     margin:0;
}

.quiz > ul > li,
.quiz_answer_correct > ul > li {
  text-indent: -35px;
  margin-left: 35px;
}

ol.content_loweralpha > li > p {
    margin: 0;
}

.quiz_question {
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  margin-top: 25px;
}

.quiz, 
.quiz_answer_wrong,
.quiz_answer_correct {
  font-weight: 300;
  color: #444;
  line-height: 24px;
  margin-top: 10px;
  font-size: 16px;
}

.quiz_answer_correct {
  text-indent: 35px;
  margin-left: -7px;
  margin-top: 10px;
/*  display: flex; */ /*mc: changed 25.11.2015 as (opera) is displaed not correct */
    display: inline-block;
}

.quiz_answer_correct:before {
    width: 24px;
    height: 19px;
    display: inline-block;
    content: "";
    background-image: url(/data/ba49c3d4-f443-4c35-a35b-847cec503931);
    background-repeat: no-repeat;
    margin-right: 16px;
    vertical-align: top;
}

.quiz.img {
   float:right;
   padding-left: 24px;
}

.quiz_message {
  display: inline-block;
  box-sizing: border-box;
  font-weight: 700;
  text-transform: uppercase;
}

input[type=radio] {
  margin-right: 1em;
  vertical-align: middle;
}
input[type=text] {
   width: auto;
}

#tooltip {
   background: #FFF;
   padding-left: 15px;
   border: 1px solid;
   border-radius: 7px;
}

/************--------------js exercises-----------*************/
article.js-app {
  border: 0 !important;
  background: #bfdff8 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
   box-shadow: none !important;
}
article.js-app .js-app-contentBox, article.js-app footer {
  border: 0 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
   box-shadow: none !important;
}
article.js-app footer button {
  height: inherit !important;
  line-height: normal !important;
  padding: 0.5em 1em !important;
  text-shadow: none !important;
  -webkit-box-shadow: none  !important;
  -moz-box-shadow: none  !important;
  box-shadow: none !important;
  color: #fef4e9 !important;
  border: 0 !important;
  background: #2A2A2A !important;
}


#pf_quiz p {
  line-height: 1.6em;
}

a[href="#EN"],
a[href="#TO"],
a[href="#TRE"],
a[href="#FIRE"],
a[href="#FEM"],
a[href="#SEKS"],
a[href="#top"] {
  cursor: pointer;
  padding: 5px 15px;
  font-size: 13px;
  margin-right: 30px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: none;
  border: solid 1px gray;
  text-decoration: none;
  color: black;
  margin: 0;
}
a[href="#top"] {
  padding: 3px 8px;
}
a[href="#EN"]:hover,
a[href="#TO"]:hover,
a[href="#TRE"]:hover,
a[href="#FIRE"]:hover,
a[href="#FEM"]:hover,
a[href="#SEKS"]:hover,
a[href="#top"]:hover {
   color:white;
   background:black;
}


.current-layout-hide_h1 > h1 {
  display: none;
}
.current-layout-hide_h1 > h2 {
  font-size: 1.6rem;
}

.js-app-vocabulary .btn {
    font-size: 12px !important;
}



/**
* draggable
*/
#draggable {
  display: none;
  color: #fff;
  background: url('/data/0f6d67ca-4469-4af8-9175-12854348a9e5') rgba(30, 140, 230, 0.95) no-repeat right bottom;
  text-shadow: 0 0 2px #18e;
  z-index: 99999;
  box-shadow: 1px 4px 7px rgba(0, 0, 0, 0.4); }
  #draggable > div:first-child {
    width: 100%;
    overflow: hidden; }
    #draggable > div:first-child > #draggable_drag {
      float: left;
      padding: 15px 0 10px 30px;
      width: calc(100% - 120px);
      border: none;
      cursor: all-scroll; }
#draggable > div:first-child > #draggable_close {
      padding: 15px 30px 10px 30px;
      margin-right: 0;
      float: right;
      border: none;
      background: none; 
}

#draggable > div:first-child > #draggable_close:focus {
        outline: none; 
}

#draggable > aside,
#draggable > p {
    margin: 0;
    padding: 0px 25px 10px 25px;
    text-align: justify; 
    font-size: 0.85em;
    max-height: 480px;
    overflow-y: auto;
}

#draggable > aside > p {
      max-width: 100% !important;
      font-size: 14px;
      line-height: 1.3;
}

#draggable > aside > p strong {
    color:white;
}

#draggable > aside > table {
    width: 100%;
  }

#draggable > aside > ul.video-list {
    list-style: none;
}
#draggable > aside > ul.video-list > li dfn {
    font-weight: 700;
    padding: 6px 12px 6px 0px;
    white-space: pre;
}

#draggable_open {
  padding: 10px 15px;
  font-family: "museo-slab",serif;
  border: 1px solid #000;
/*  border-top: none;  */
  background: #fff;
  cursor: pointer;
    position: relative;
    z-index: 100;
}
#draggable_open > span {
  color: #208ee7;
  font-weight: bold;
}
#draggable_open:active,
#draggable_open:focus {
  outline: none;
}


/*player PLAY/PAUSE IN EXERCISES */

.player_draggable {
    margin-top: 20px;
}

.player_draggable > .audio_mpeg {
    margin-bottom: 0;
}

.player_draggable > .audio_mpeg > .stop_button {
   display: none;
}
.player_draggable > .audio_mpeg > .play_button[disabled="disabled"],
.player_draggable > .audio_mpeg > .pause_button[disabled="disabled"] {
   display: none;
}

.player_draggable > .audio_mpeg[style*="display"] {
    overflow: visible;
}

.player_draggable > .audio_mpeg[style*="display"] > span {
    font-size: 11px;
}
/*.player_draggable > .audio_mpeg[style*="display"] > span:nth-of-type(2) {
    display: none;
}*/
.float_left {
   float:left;
}

/*player PLAY / PAUSE IN EXERCISES */




.current-layout-hide_h1 > .current-container-header-object > p:not(:last-child) {
/*   width: 650px;
   max-width: 650px; */ /*mc*/
    max-width: 824px;
}

.locked_message {
    background-color: rgba(0, 79, 158, 0.9);
    color: #fff;
    height: 100%;
    left: 0;
    line-height: 50px;
    margin: 0 auto;
    opacity: 1;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 800;
    display: none;
}

.locked_message h4 {
    color: #fff;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;
    position: relative;
    top: 45%;
    width: 80%;
}

.locked_message a {
   color:rgb(150, 197, 244);
   font-size: 1.2em;
   text-decoration: underline;
   cursor: pointer;
}
.locked_message a:hover {
   color: rgb(83, 167, 247);
}

.locked_mark {
    background-image: url("/data/0b270669-5c76-4298-b246-54b0667442ba");
    background-size: cover;
    display: block;
    height: 60px;
    margin: 0 auto;
    position: relative;
    top: 40%;
    width: 60px;
}

.locked_close {
    background-image: url("/data/78f8c2c9-92ab-4689-9d01-ba8e8208a365");
    background-size: cover;
    display: block;
    height: 50px;
    margin: 0 auto;
    position: absolute;
    right:5px;
    top: 5px;
    width: 50px;
}

.locked_close > a {
    display: block;
    height: 100%;
    width: 100%;
}


/*
.mejs-container {
  width: 100% !important;
  height: auto !important;
  padding-top: 57%;
}
.mejs-overlay, .mejs-poster {
  width: 100% !important;
  height: 100% !important;
}
.mejs-mediaelement video {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
background: none;
animation: none;
-webkit-animation: none;
}
*/

a[name="a"] {
  display: block;
}

/****EXERCISE SHOW NEXT LINE******/
.task {
  height:30px;
  overflow:hidden;
  transition:all 0.3s ease-in-out;
}

.task > p {
  line-height:30px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0px;
}
.task > p:last-child {
   font-weight: 700;
}
.task > p > img {
    height: auto;
}
.task-button {
    background-color: #2A2A2A;
    color: white;
    border-radius: 4px;
    padding: 6px 8px;
    margin-bottom: 5px;
}

.glossary {
/*    font-family: "proxima-nova-condensed";*/
    font-size: 0.8em;
    line-height: 1.45em;
    float: right;
    width: 180px;
    border-left: 2px solid #4ea5ec;
    padding-left: 10px;
    box-sizing: border-box;
}

.alternative_content_switch {
    padding: 5px 10px;
    color: black;
    font-size: 13px;
    text-decoration: none;
    border: 1px solid;
    /* border-radius: 4px; */
    transition: all 0.2s;
    position: relative;
    float: right;
    /*margin-right: 200px;*/
    top: -10px;
    font-weight: 500;
}


/*************PLAYER BUTTON TRICKS************/

.audio_mpeg {
    margin-bottom: 0;
    display: inline-block;
}

.audio_mpeg > .stop_button {
   display: none;
}
.audio_mpeg > .play_button[disabled="disabled"],
.audio_mpeg > .pause_button[disabled="disabled"] {
   display: none;
}

.audio_mpeg:not(.active) > .pause_button[disabled="disabled"] + .stop_button[disabled="disabled"] ~ .ui-slider/*,
.audio_mpeg:not(.active) > .pause_button[disabled="disabled"] + .stop_button[disabled="disabled"] ~ .ui-slider + span*/ {
    display: none;
}
/*.audio_mpeg > .stop_button:not([disabled="disabled"]) ~ .ui-slider {
    display: block;
    width: 62% !important;
    margin: 0.5em 0px 0;
    margin: 10px 0px 0px 10px !important;
}*/


/*************PLAYER NORMAL CSS************/

.audio_mpeg button > img {
     display: none;
}

.audio_mpeg > span {
  vertical-align: super;
}

.audio_mpeg button {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border: 1px solid;
  background-image: url('/data/9578e919-4e27-4169-8c0c-88a68abe3319');
  background-size: 33px 99px;
  border-radius: 4px;
    background-color: white;

/*  float: left; */
}
.audio_mpeg .pause_button {
  background-position: 0 -33px;
}
.audio_mpeg .stop_button {
  background-position: 0 -66px;
}
.audio_mpeg button:not([disabled="disabled"]) {
  border-color: #000;
}


/*************PLAYER CSS DESIGN TRICKS************/


.audio_mpeg[style*="display"] {
    display: block !important;
    margin-bottom: 42px;
    border: none !important;
    width: 300px;
    padding: 0!important;
    height: 35px;
    overflow: visible;
    background-color: #202226 !important;
    border-radius: 6px !important;
}

/* SPANY PLAYER TITLE + TIME DURATION */

.audio_mpeg[style*="display"] > span + div {
  clear: both;
}

/*.audio_mpeg > .stop_button[disabled="disabled"] ~ .ui-slider + span {
    position: relative;
    top: -6px;
    left:0;
}*/

.audio_mpeg[style*="display"] > span {
    /* float: right; */
    /* line-height: 35px; */
    font-size: 11px;
    z-index: 100;
}


/* TITLE */

.audio_mpeg[style*="display"] > span:nth-of-type(2) {
/*    top: -5px; */
    color: white;

line-height: 35px;
}


/* TIME DURATION */

.audio_mpeg[style*="display"] > span:nth-of-type(1) {
    /* float: right; */
    /* line-height: 35px; */
    font-size: 11px;
    position: relative;
    top: 41px;
    right: -160px;
    z-index: 100;
}



/* PROGRESS BAR */

.audio_mpeg[style*="display"] .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #000;
}
.audio_mpeg[style*="display"]  .ui-widget-content {
  border-color: #777;
}

.ui-state-default {
   border: 1px solid #8ca121 !important;
   background: #8ca121 !important;
}

/* ACTIVE PLAYER SHOW/HIDE ELEMENTS */

.audio_mpeg:not(.active) {
/*    margin-bottom: 12px;  */
}

.audio_mpeg:not(.active) .ui-slider,
.audio_mpeg:not(.active) > span:nth-of-type(1) {
   display:none;
}

.audio_mpeg.active > .ui-slider {
    display: block;
    width: 62% !important;
    margin: 0.5em 0px 0;
    margin: 0px 0px 0px 10px !important;
}

.audio_mpeg.active > span:nth-of-type(2) {
    top: -60px;
    left: 45px;
    position: relative;
}

.player_img > img {
    width: 100px;
    height: 100px;
    border-radius: 5px 5px 0 0;
}

/* page divider */

a.divider {
    text-align: right;
    display: block;
    border: 0;
    border-bottom: 1px solid gray;
    box-sizing: border-box;
    font-size: 9.5px;
    color: gray;
    text-transform: uppercase;
    max-width: 824px;
    padding: 0;
    line-height: 1;
}
a.divider:hover {
    color: black;
    background: inherit;
}

a.divider i {
    font-size: 14px;
    vertical-align: middle;
    margin-left: 4px;
}

#wrapper_object_content h1 {
    text-transform: uppercase;
}

.svg-pan-zoom-controls {
    transform: translate(30px, 550px);
}

.map_info {
/*    background: #1781D6;
    color: white;*/
    background: white;
    border-radius: 4px;
    padding: 3px 10px;
    text-transform: uppercase;
    font-size: 0.8em;
    transition: all 1s;

    top: 0;
    left: 0;
    position: relative;
    outline: 0;
}

.effect {
    color: white;
    background: black;
    top: -360px;
    left: 40%;
    position: relative;
/*    outline: 10px solid rgba(255, 255, 255, 1);*/
}



/******* css corrections 07.12.2015 mc *********/

span.quiz_answer_correct {
    margin-right: 6px;
    vertical-align: baseline;
}

ol, ul, dl {
    font-size: 1.05em;
    line-height: 1.4;
}
span.quiz_inline.quiz_type_select select {
    margin: 4px;
}

.difficulty_level {
    width: 75px;
    height: 17px;
    display: inline-block;
    margin-bottom: 2px;
}

[data-level="1"] {
    background:url(/data/b5abdf0e-540c-4020-bb3d-842170c2b5d4) no-repeat left;
}
[data-level="2"] {
    background:url(/data/13c3e050-03b4-42f5-99fa-9b73f5f8df89) no-repeat left;
}
[data-level="3"] {
    background:url(/data/77238e2d-896e-4f26-b938-17f955f2d3be) no-repeat left;
}

.current-layout-listen_and_learn:first-of type {
    dosplay:none;
}
.current-layout-listen_and_learn:last-of-type {
    background-image: url(/data/c51e28b4-cb04-4e2e-8720-42f00d0fa89c);
    background-size: contain;
    content: "";
    display: inline-block;
    width: 100%;
    height: 30px;
    /* border-radius: 6px; */
    /* border: 1px solid black; */
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    box-sizing: border-box;
    padding: 3px;
    background-repeat: no-repeat;
    background-position: center 9px;
}

.table-imput-field-fix input {
    width: auto;
}
.mejs-overlay  > .mejs-overlay-loading {
    display: none;
}
.mejs-time-slider > .mejs-time-buffering {
    display: none !important;
}

/* new exercise Person A | Person B */
.person {
    width: 48%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.person.person_A {
    margin-right: 4%;
    padding-right: 2%;
    border-right: 1px solid black;
}
.person.person_B {

}



[for="person-A"],
[for="person-B"] {
    display: block;
    margin-top: 5px;
    padding: 6px 15px;
    font-family: "museo-slab",serif;
    border: 1px solid #000;
    cursor: pointer;
    font-size: 13px;
    width: 90px;
    margin: 10px 0;
}
#person-A,
#person-B {
  display: none;
}
#image-A,
#image-B {
  display: none;
    font-size: 0.7em;
}
#person-A:checked ~ #image-A,
#person-B:checked ~ #image-B {
  display: block;
}
[for="person-A"] span:nth-of-type(2),
[for="person-B"] span:nth-of-type(2) {
    display: none;
    visibility: hidden;
}

#person-A:checked ~ [for="person-A"] span:nth-of-type(1),
#person-B:checked ~ [for="person-B"] span:nth-of-type(1) {
    display: none;
    visibility: hidden;
}
#person-A:checked ~ [for="person-A"] span:nth-of-type(2),
#person-B:checked ~ [for="person-B"] span:nth-of-type(2) {
    display: inline-block;
    visibility: visible;
}

[for="person-A"] span > b,
[for="person-B"] span > b {
    color: #208ee7;}

hr.line-style-1 {
    height: 1px;
    border: 0;
    margin: 30px 0;
    max-width: 824px;
    margin-left: 0;
    border-bottom: 1px solid black;
    clear: both;
    border-top-width: 0 !important;
}


/* FIX FOR HR FOR ie */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */

   hr.line-style-1 {
	border-top: 5px solid #4ea5ec;
        background: none;
        text-align:left
   }
}

.hide_document_title #document_title {
    display:none;
}

.main.color_theme_hide-document-title #document_title {
    display:none;
}
.main.color_theme_hide-document-title .current-layout-none > h1 + h2 {
    display: none;
}

.zoom {
    display:inline-block;
    position: relative;
    cursor: pointer;
}
#ex2 span {
    position: absolute;
    right: 0;
    color: #FFFFFF;
    font-size: 0.85em;
    background: #4ea5ec;
    padding: 0px 5px;
    width: 114px;
}
#ex2 span:after {
    font-family: FontAwesome;
    content: "\f00e";
    display: block;
    width: 29px;
    height: 26px;
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 1.2em;
    text-align: center;
    color: white;
}




/* overriding styles of player after PF update */
.javascript div.audio_mpeg.large {
   position: relative;
   padding: 0;
   margin-bottom: 0;
   width: 60%;
   height: 60px;
   border: none;
   background: none;
}
.javascript div.audio_mpeg.large .play_button,
.javascript div.audio_mpeg.normal .play_button {
   margin-left: 0;
}
.javascript div.audio_mpeg.large .label {
position: absolute;
top: -2px;
left: 50px;
}
.javascript div.audio_mpeg.large .timer {
position: absolute;
top: 17px;
left: 48px;
margin-left: 0;
}
.javascript div.audio_mpeg.large .slider {
position: absolute;
top: 45px;
}


/* glossary after PF update */
.glossary {
margin-right: -200px;
font-size: 16px;
}


div.p {
font-size: 16px;
}



#wrapper_object_content:after {
content: '';
clear: both;
}

.thirdcont-img {
    width: 38%;
}

.container-siblings + h2 {
   display: none;
}
.container-siblings.no_siblings + h2 {
   display: block;
}


.tabbed:not(#menuwrapper .tabbed) {
  outline: 4px solid #49f !important;
}


.breadcrumbs li:last-child > a {
font-weight: bold;
}

/*
.no_access_link > div:after {
content: "";
position: absolute;
display: inline-block;
width: 20px;
height: 20px;
background-image: url("/data/0b270669-5c76-4298-b246-54b0667442ba");
top: 4px;
right: 13px;
z-index: 500;
background-repeat: no-repeat;
background-size: cover;
}
*/

.no_access_link > div > svg {
   float: right;
}
.no_access_link > div > svg > path {
    fill: #fff;
}
.left_section .no_access_link > div > svg {
    fill: #6b7b19;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
}
.left_section .no_access_link:hover > div > svg > path {
    fill: #6b7b19;
}
.right_section .no_access_link:hover > div > svg > path {
    fill: #1573bf;
}




.audio_mpeg.large:not(.playing) .pause_button,
.audio_mpeg.large:not(.playing) .stop_button {
		display: none;
}
.audio_mpeg.large.playing .play_button,
.audio_mpeg.large.playing .stop_button {
		display: none;
}

.page-footer {
    font-size: 13px !important;
}
@media screen and (max-width: 1270px) {
    .carousel, .carousel2 {
        width: calc(100% - 20px);
    }
}

@media screen and (max-height: 768px) {
	.locked_mark {
        top: 20%;
    }
    .locked_message h4 {
        top: 25%;
    }
}