/*
fortelling css
*/

/*
layout general
bøker og fortelling-Lydfiler sider
Dflip control
last ned illustration
bøker og fortelling category side
bøker og fortelling - fortelling blokk
FF
template - header-med-bilde
FF - navigeringsmeny
Print version
*/

/*layout general*/
#primary {
    width: 100%;
}

#breadcrumbs {
    margin: 1em;
}

#breadcrumbs li {
    display: inline-flex;
	align-items: center;
}

/*
.post-template-fortelling #breadcrumbs .fa-angle-right:before{
	display: inline-block;
    transform: rotate(180deg);
    font-size: 2em;
    padding-left: 0.3em;
}*/

/*bøker og fortelling-Lydfiler sider*/
.fortellinger-lyd{
	margin-bottom: 3.2em;
}

.fortellinger-lyd .wp-block-column {
	text-align: center;
	height: 20em;
}

.fortellinger-lyd .wp-block-column .wp-block-group{
	border: 1px solid #ccd6dd;
	border-radius: 10px;
	box-shadow: 5px 5px 15px 2px rgb(0 0 0 / 28%);
}

.fortellinger-lyd .wp-block-column:empty,
.kolonne-tom{
	border: none;
}

.fortellinger-lyd figure{
	margin: 0px !important;
}

.fortellinger-lyd .wp-block-image{
	height: 8em;
	margin: 5px;
}

.fortellinger-lyd .wp-block-image img{
	height: 100%;
    width: 100%;
	border-radius: 6px 6px 0px 0px !important;
    vertical-align: bottom;
    object-fit: cover;
}

.fortellinger-lyd h2,
.fortellinger-lyd h3 {
	font-size: 1em !important;
	line-height: 1.5 !important;
	color: #000064 !important;
	margin: 0.2em !important;
}

.fortellinger-lyd figure.wp-block-audio {
    line-height: 0;
}

.fortellinger-lyd .wp-block-audio audio {
    width: 100%;
    min-width: 100%;
	background: #f0f3f4;
	border-radius: 0px 0px 10px 10px;
}

.wp-block-columns.fortellinger-lyd .dok{
	display: none;
}

.fortelling-bilde-lyd:hover figure:before {
    content: "Klikk og h\00f8r";
    font-size: 16px;
}

.fortellinger-lyd div{
    width: 100%;
	height: 100%;
}

.fortellinger-lyd .wp-block-group div{
	display: flex;
	flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
}

.fancybox-slide--video .fancybox-content {
    background: none !important;
}

.fancybox-iframe,.fancybox-video {
    background: none!important;
}

@media (max-width: 781px){
	.fortellinger-lyd .wp-block-column {
    margin-bottom: 3em;
	}
	
	.fortellinger-lyd .gjem-mobil{
		display: none;
	}
}

/*Dflip control*/
.df-ui-controls div:not(.df-ui-prev, .df-ui-page, .df-ui-next, .df-ui-fullscreen),
._df_book .df-raw-loading,
._df_book .loading-info{
	display: none;
}

._df_book {
    background-color: #F4F4F4 !important;
}

._df_thumb ._df_book-title {
    opacity: 1 !important;
    bottom: 10px !important;
	left: -5px !important;
	background: white !important;
    color: black !important;
	border-radius: 0 3px 3px 0;
}

._df_thumb {
    width: 300px !important;
    border-radius: 2px 10px 10px 2px;
    border-left: 10px solid #ececec !important;
	box-shadow: 5px 5px 2px rgba(0,0,0,.22) !important;
}

._df_thumb:focus{
	outline: 1px solid #99002b;
}

._df_book-cover {
    border-radius: 0px 10px 10px 0px;
    border: 1px solid #ececec;
}

._df_thumb:hover ._df_book-cover {
	box-shadow: none !important;
	transform: rotateY(-25deg) rotateZ(0) !important;
}

.df-popup-thumb .df-book-title {
    bottom: 0 !important;
}

._df_book-title a{
	text-decoration: none !important;
}

.les-fortelling,
.les-fortelling .wp-block-group__inner-container{
	height: 100%;
}

.les-fortelling .wp-block-group__inner-container{
	display: flex;
	flex-direction: column;
    justify-content: space-between;
}

.df-ui-btn:focus, .df-ui-btn:hover{
	border: 2px solid #99220b;
}

/*last ned illustrations*/
.post-1735780 .wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    border-radius: 10px;
}

.post-1735780 .wp-block-column img {
    height: 150px !important;
    width: auto !important;
    object-fit: cover !important;
}

/*bøker og fortelling category*/
body[class*="category-boker-fortellinger"] #post-wrap article:not([class*="category-fortellinger"]){
    display:none;
}

.extend-page {
    max-width: 2000px !important;
}

.extend-page .site-main {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
}

.side-meny-kategori {
    width: 30%;
    height: 100%;
    border: 3px solid #eceff8 !important;
    border-radius: 5px;
    background: #eceff8;
}

.side-meny-kategori nav.menuList {
    margin-top: auto;
    margin-bottom: auto;
}

.side-meny-kategori ul.m-button-list {
    display: flex;
    flex-direction: column;
}

.side-meny-kategori ul.m-button-list li {
    width: auto;
}

.side-meny-kategori ul.m-button-list li a.a-arrow{
    height: auto;
	background: #ffffff;
}

body[class*="category-boker-fortellinger"] .header-text .morsmal-meny-punkter{
	display: none;
}

@media (max-width: 640px) {
	.side-meny-kategori{
		display: none;
	}
	
	body[class*="category-boker-fortellinger"] .header-text .morsmal-meny-punkter{
		display: block;
	}
}

/*gamle filer - nafos fortellnger*/
body[class*="category-fortellinger-2"] .nafo-breadcrumb,
body[class*="category-nettsider-fortellinger"] .nafo-breadcrumb,
body[class*="category-jobbe-fortelling"] .nafo-breadcrumb,
body[class*="category-boker-fortellinger"] .nafo-breadcrumb,
article.category-jobbe-fortelling .nafo-breadcrumb{
    /*display: none;*/
}


.wp-singular article[class*="category-boker-fortellinger"] .meta-list,
.wp-singular article[class*="category-fortellinger-2"] .meta-list,
.wp-singular article[class*="category-nettsider-fortellinger"] .meta-list,
.wp-singular article[class*="category-jobbe-fortelling"] .meta-list{
    display: none;
}

/*gamle menyen*/
/*gjem gammel meny*/
ul li.menu-item-419685, ul li.menu-item-419503, ul li.menu-item-419393{
	display:none;
}

/*FF kategori side*/
.category-fortellinger .header-med-bilde img{
    height: auto !important;
    top: unset !important;
}

.category-fortellinger .header-med-bilde .tittel-utdrag {
    max-width: 600px;
}

@media (max-width:640px){
    .category-fortellinger .header-med-bilde {
        min-height: 20rem !important;
    }
}

.ff-description p{
    color: #000000;
    text-align: center !important;
    line-height: 2 !important;
    padding: 1em;
}

/*bøker og fortelling - fortelling-blokk*/
@media (min-width: 1076px){
	.fortelling-knapper figure{
		clear: both;
		margin: 0 auto 1.5em auto;
		width: 35rem;
	}
}

.fortelling-knapper a:hover {
    outline: 1px solid orange !important;
    background: transparent !important;
    box-shadow: none !important;
}

.fortelling-knapper a::after {
    content: '' !important;
}

.single .fortelling-blokk {
    min-height: 100vh;
    padding-top: 50px;
	box-shadow: 0px 15px 25px -5px #dadada;
}

.fortelling-blokk .wp-block-media-text__content{
	height:90%;
}

.fortelling-blokk .wp-block-media-text__content .fortelling-tekstwrapper{
	height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fortelling-blokk.gjem-frontend{
	display: none;
}

html[dir="rtl"] .fortelling-blokk .fortelling-tekst:first-child *{
	font-size: 1.1em;
}

html:lang(ur) .fortelling-blokk .fortelling-tekst:first-child *{
	line-height: 2.5 !important;
}

.fortelling-control .forrige:hover, 
.fortelling-control .neste:hover {
    outline: 1px solid #62707c;
    cursor: pointer;
}

.fortelling-control .forrige:focus, 
.fortelling-control .neste:focus {
    outline: 1px solid orange;
}

/*fortelling-blokk på mobil*/
@media (max-width: 600px) {
.post-template-fortelling .sticky {
    display: none;
}

.fortelling-blokk {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.fortelling-blokk .fortelling-control svg {
    height: 3rem;
    width: 3rem;
}

.single .fortelling-blokk {
    box-shadow: none;
    padding-top: 0;
}
}

/*title font for ltr - we put it first to skip-to-content because this is visibility hidden and font will be loaded*/
#skip-to-content{
	font-family: 'Caveat' !important;
}

body:not(.rtl) .fortelling-printsection .print-forside h1{
	font-family: 'Caveat';
}

.single article[class*="category-fortellinger"] .printPage-div{
	display: none;
}

/*FF*/
.ffvisning .postsprakliste {
    font-size: 0.7em;
	padding: 5px;
	background: #f2f9ff;
}

.ffvisning button.fftoggle-button {
	font-size: 0.7em;
    font-weight: normal;
    padding: 0.3em;
    background-color: #eceff8 !important;
    color: #383838 !important;
    border-radius: 0 0 5px 5px;
}

.ffvisning article {
    height: 100%;
}

.ffvisning article a {
    height: 12em;
}

.ffvisning header{
	height: 4em;
}

.ffvisning img {
    aspect-ratio: 3 / 2;
	object-fit: cover;
}

.ffvisning .velgsprak{
    line-height: 0;
}

.ffvisning .velgsprak .fftoggle-button {
    width: 100%;
    border: 0;
}

.ffvisning .velgsprak ul{
	padding: 0;
    column-count: 2;
    line-height: 2;
}

/*template - header-med-bilde*/
.header-med-bilde {
    min-height: 270px;
}

@media (min-width: 1001px) {
    .site-header .site-identity {
        padding: 20px 0;
    }
}

.header-med-bilde h1.entry-title span {
    display: block;
}

.header-med-bilde .tittel-utdrag{
	max-width: 785px;
}

.post-template-fortelling .printPage-div {
    display: none;
}

/*FF - navigeringsmeny*/
.ff-meny a{
	font-family: 'muli' !important;
	cursor: pointer;
}
.ff-meny ul.m-button-list {
    justify-content: center;
}

.ff-meny ul.m-button-list li {
    width: 30%;
}

.ff-meny li button{
	font-family: 'muli' !important;
	width: 99%;
}

.ff-meny .buttonContainer {
    position: absolute;
    width: 30%;
	z-index: 100;
}

@media (max-width: 640px) {
	.ff-meny .buttonContainer {
		width: 95%;
	}
}

.ff-meny .buttonContainer button {
	font-size: 1em;
    width: 100%;
    background: #eceff8;
    color: black;
    border: 1px solid #ffffff;
    text-align: left;
}

.ff-meny .buttonContainer button:hover {
	color: #ffffff !important;
    background: #99002b !important;
}

.ff-meny a.hover-effect,
.ff-meny button.hover-effect {
	color: #ffffff !important;
    background: #99002b !important;
}

.ff-meny nav.menuList{
	margin-bottom: 1em;
}

.ff-meny .om-popup {
  display: none; /* Initially hidden */
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  margin: 1.5em;
}

.ff-meny .om-popup p{
	margin-bottom: 1em;
}


/*fortelling-blokk*/
.fortelling-printsection{
	display: none;
	margin: 0;
	padding: 0;
}

.fortelling-printsection .fortelling-print{
	display: block;
	height: 209.9mm;
	width: 297mm;
	box-sizing: border-box;
    page-break-after: always;
	margin: 0pt;
}

.fortelling-printsection hr.ny-side{
	break-before: unset;
}

.fortelling-printsection .print-forside{
    position: relative;
}

.fortelling-printsection .print-forside h1{
	position: absolute;
	bottom: 0;
	font-size: 55pt;
	padding: 0 20pt;
	margin-bottom: 20pt;
	width: 100%;
	/*text-align: center;*/
}

.fortelling-printsection .print-forside .sprak{
	font-size: 10pt;
	position: absolute;
    top: 0;
	right:0;
	padding: 10pt 30pt 0 0;
}

.fortelling-printsection .print-forside .sprak span {
    font-size: 10pt;
}

/*ansa og bansa*/
.trid-16994 .print-forside .sprak {
    color: #ffffff;
}

.fortelling-printsection .fortelling-print>img{
	height: 100%;
	width: 100%;
	margin: 0pt;
}

.fortelling-printsection .fortelling-print:last-child{
    page-break-after: auto;
}

.fortelling-printsection:not(.fortelling-norsk) .fortelling-print .fortelling-tekst:first-child{
	margin-bottom: 50pt;
}

.fortelling-printsection .fortelling-print.fortelling-tekst{
	position: relative;
	padding: 50pt 100pt;
}

.fortelling-printsection .fortelling-print.fortelling-tekst *{
	color: inherit;
}

:lang(nb-NO) .fortelling-printsection .fortelling-print.fortelling-tekst .wp-block-group.fortelling-tekst,
:lang(nn-NO) .fortelling-printsection .fortelling-print.fortelling-tekst .wp-block-group.fortelling-tekst{
	margin-bottom: 0;
}

.fortelling-printsection .fortelling-print.fortelling-tekst>div:first-child{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.fortelling-printsection .fortelling-blokk,
.fortelling-printsection .fortelling-control{
	display: none !important;
}

.fortelling-printsection .print-forfatter {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 50pt;
}

.fortelling-printsection .print-forfatter figure {
    width: 40%;
}

.fortelling-printsection .print-forfatter .wp-block-media-text__content {
    width: 60%;
}

.fortelling-printsection .print-bakside {
	padding: 30pt 60pt;
	direction: ltr;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.fortelling-printsection .fortelling-sidetall {
    font-family: 'muli' !important;
    font-size: 12pt !important;
    position: absolute;
    bottom: 20pt;
    left: 20pt;
}

/*generell font*/
.fortelling-printsection p{ 
	font-size: 16pt;
	line-height: 1.5;
	margin-bottom: 16pt;
}

/*language font urdu*/
:lang(ur) .fortelling-printsection,
:lang(ur) .fortelling-printsection *{ 
	font-family: "NotoNastaliqUrdu";
	font-size: 16pt;
	line-height: 2.5;
}

:lang(ur) .fortelling-printsection h1{ 
	font-size: 40pt;
}

:lang(ur) .fortelling-printsection .print-forside h1{
	/*margin-bottom: 10pt;
    line-height: 2;*/
}

/*language font dari, pashto, farsi, sorani*/
:lang(fa-AF) .fortelling-printsection,
:lang(prs) .fortelling-printsection,
:lang(ku-ckb) .fortelling-printsection,
:lang(ckb) .fortelling-printsection,
:lang(fa-IR) .fortelling-printsection,
:lang(ps) .fortelling-printsection,
:lang(fa-AF) .fortelling-printsection *,
:lang(prs) .fortelling-printsection *,
:lang(ku-ckb) .fortelling-printsection *,
:lang(ckb) .fortelling-printsection *,
:lang(fa-IR) .fortelling-printsection *,
:lang(ps) .fortelling-printsection *{ 
	font-family: "Calibri";
	font-size: 23pt;
}

/*language font arabic*/
:lang(ar) .fortelling-printsection,
:lang(ar) .fortelling-printsection *{ 
	font-family: "Arial";
	font-size: 23pt;
}

.fortelling-printsection .morsmal-norsk,
.fortelling-printsection .morsmal-norsk *{ 
	font-family: 'Muli';
	font-size: 16pt;
	line-height: 1.5;
}

.fortelling-printsection+footer{
	display: none;
}

.fortelling-printsection .fortelling-cc {
    width: 100%;
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
	margin: 10pt 0 0 0;
}

.fortelling-printsection .fortelling-print.print-kolofon {
    padding: 50pt;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
	direction: ltr;
}

.fortelling-printsection .print-kolofon .fortelling-kreditering *,
.fortelling-printsection .print-kolofon .fortelling-lisens *{
    margin-bottom: 1px;
    line-height: 1.5;
    font-size: 10pt !important;
}

.fortelling-printsection .print-kolofon .fortelling-lisens img{
	display: none;
}

.fortelling-printsection .print-kolofon .fortelling-lisens br:first-of-type {
    display: none;
}

.fortelling-printsection .print-kolofon .fortelling-isbn,
.fortelling-printsection .print-kolofon .fortelling-isbn + .wp-block-spacer{
	display: none;
}

/*Print*/
@media print {

.fortelling-printsection{
	display: block;
}

}