/*
Theme Name: OsloMet 2018
Author: Hyper
Author URI: https://hyper.no/
Description: A beautifully-simple yet powerful WordPress theme that integrates perfectly with the new Gutenberg editor. Child theme of Atomic Blocks.
Version: 1.0
Template: atomic-blocks
Text Domain: oslomet
Domain Path: /languages/
(C) 2018 Hyper Interaktiv AS
*/
/*
This is a starter style.css file for your child theme. For more
information about child themes, visit the following web page:
http://codex.wordpress.org/Child_Themes
*/
/* Add your CSS customizations below this line */
/*
adminbar
language font
site title link
available languages wpml language selector
custom display all languages by post id
link format
link icon
hide - display none
Handle old joomla code
single post
iframe youtube
table
post listing
post listing meta
forside - kb post
breadcrumb
category title pages
category description meta description
post - category
pagination
sticky language panel
anchor link scroll depend on sticky
general and block css
Search and search results
link general focus
REMOVE - bøker og fortelling-Lydfiler sider
Bildetema type innlegg
Bildetema style - image behave like button when click
Bildekort type innlegg
bildekort style - image behave like button when click
Karusell lyd
Post - title
Post - joomla caption
frontend with admin bar
kadence block
Post - image
startside - logo animasjon
lenke har bilde behave like button when click
block gallery - fixed after WP update.
duplication posts - disable language link
lyd ikon
lyd toggle
audio shortcode
audio length
REMOVE - Dflip control
REMOVE - last ned illustration
file block
REMOVE - bøker og fortelling category side
REMOVE - bøker og fortelling - fortelling blokk
alfabetkort
REMOVE - FF
REMOVE - template - header-med-bilde
REMOVE - FF - navigeringsmeny
media text block - ltr or rtl
detaljer blokk
print button
ny side til print version
Print version
*/
@font-face {
font-family: "NotoNastaliqUrdu";
src: url("fonts/NotoNastaliqUrdu-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Caveat";
src: url("fonts/Caveat-Regular.ttf") format("truetype");
}
/*oslomet 2019*/
.has-yellow-color{color:#ffd500}.has-red-color{color:#e02d00}.has-blue-color{color:#007acc}.has-orange-color{color:#ff8100}.has-burgundy-color{color:#99002b}.has-cyan-color{color:#40e4ff}.has-navy-color{color:#000064}.has-dark-gray-color{color:#222}.has-light-gray-color{color:#777}.has-very-light-gray-color{color:#f4f4f4}.has-white-color{color:#fff}.wp-block-button__link:hover{color:#222}.wp-block-button__link:hover.has-yellow-color{color:#ffd500}.wp-block-button__link:hover.has-red-color{color:#e02d00}.wp-block-button__link:hover.has-blue-color{color:#007acc}.wp-block-button__link:hover.has-orange-color{color:#ff8100}.wp-block-button__link:hover.has-burgundy-color{color:#99002b}.wp-block-button__link:hover.has-cyan-color{color:#40e4ff}.wp-block-button__link:hover.has-navy-color{color:#000064}.wp-block-button__link:hover.has-dark-gray-color{color:#222}.wp-block-button__link:hover.has-light-gray-color{color:#777}.wp-block-button__link:hover.has-very-light-gray-color{color:#f4f4f4}.wp-block-button__link:hover.has-white-color{color:#fff}.has-yellow-background-color{background-color:#ffd500}.has-red-background-color{background-color:#e02d00}.has-blue-background-color{background-color:#007acc}.has-orange-background-color{background-color:#ff8100}.has-burgundy-background-color{background-color:#99002b}.has-cyan-background-color{background-color:#40e4ff}.has-navy-background-color{background-color:#000064}.has-dark-gray-background-color{background-color:#222}.has-light-gray-background-color{background-color:#777}.has-very-light-gray-background-color{background-color:#f4f4f4}.has-white-background-color{background-color:#fff}body{font-family:Muli,sans-serif}@media (max-width:1000px){body header.site-header{padding-left:15px;padding-right:15px}body header.site-header .drawer-wrap .drawer-menu-explore{background:0 0;padding:0 15px 15px 15px}body header.site-header .drawer-wrap .drawer-menu-explore .drawer-navigation ul li a{color:#fff;font-weight:800}}body header.site-header .mobile-navigation{width:100px;position:absolute;right:0;background-color:transparent;z-index:999;padding:10px 1.5px}body header.site-header .mobile-navigation .button-toggle{font-weight:400;text-transform:uppercase;border:2px solid #ffffff;border-radius:5px;}body header.site-header .mobile-navigation .button-toggle span{vertical-align:bottom;font-size:1em;}body header.site-header .mobile-navigation .button-toggle span .fa{margin-right:10px;padding-top:4px;vertical-align:top;float:right}/*body header.site-header .mobile-navigation .button-toggle span .fa-bars:before{display:block;content:' ';background-image:url(assets/img/bars.svg);background-size:20px 20px;height:20px;width:20px}body header.site-header .mobile-navigation .button-toggle span .fa-times:before{display:block;content:' ';background-image:url(assets/img/times.svg);background-size:20px 20px;height:20px;width:20px}*/@media (max-width:1000px){body header.site-header .site-title-wrap{text-align:left}}body header.site-header .site-title-wrap .oslomet_logo{width: 95px;margin-right: 2.5rem;}@media (max-width:1000px){body header.site-header .site-title-wrap .oslomet_logo{width:60px;margin-top:5px;display:inline-block;margin-right:30px}}@media (max-width:1000px){body header.site-header .site-title-wrap .titles-wrap.has-description{text-align:left;display:block;margin-top:30px}}@media (max-width:1000px){body header.site-header .site-identity{padding:20px 0}}body #page #infinite-handle button,body .button,body body,body button,body h1,body h2,body h3,body h4,body h5,body h6,body input[type=button],body input[type=reset],body input[type=submit]{font-family:Muli,"Helvetica Neue",Helvetica,Arial,sans-serif}body.page-template-template-builder #page{padding:0 8%;max-width:1300px}body.page-template-template-builder #primary{width:70%}body.brand-01 .site-footer,body.brand-01 .site-footer .widget-title,body.brand-01 .site-footer a,body.brand-04 .site-footer,body.brand-04 .site-footer .widget-title,body.brand-04 .site-footer a{color:#1c1c1b}body.brand-01 .site-description,body.brand-01 .site-title a,body.brand-04 .site-description,body.brand-04 .site-title a{color:#1c1c1b}body.brand-01 .button-toggle,body.brand-04 .button-toggle{color:#1c1c1b}body.brand-01 .button-toggle :active,body.brand-01 .button-toggle :focus,body.brand-01 .button-toggle:hover,body.brand-04 .button-toggle :active,body.brand-04 .button-toggle :focus,body.brand-04 .button-toggle:hover{color:#1c1c1b}body.brand-01 .main-navigation .search-toggle,body.brand-01 .main-navigation a,body.brand-01 .main-navigation a:hover,body.brand-01 .main-navigation ul li.current-menu-item a,body.brand-01 .main-navigation ul li.current-page-item a,body.brand-01 .site-footer a,body.brand-04 .main-navigation .search-toggle,body.brand-04 .main-navigation a,body.brand-04 .main-navigation a:hover,body.brand-04 .main-navigation ul li.current-menu-item a,body.brand-04 .main-navigation ul li.current-page-item a,body.brand-04 .site-footer a{color:#1c1c1b}body.brand-01-inv .site-title-wrap .oslomet_logo{fill:#ffd500!important}body.brand-01-inv .site-footer,body.brand-01-inv .site-footer .widget-title,body.brand-01-inv .site-footer a{color:#ffd500}body.brand-01-inv .site-description,body.brand-01-inv .site-title a{color:#ffd500}body.brand-01-inv .button-toggle{color:#ffd500}body.brand-01-inv .button-toggle :active,body.brand-01-inv .button-toggle :focus,body.brand-01-inv .button-toggle:hover{color:#ffd500}body.brand-01-inv .main-navigation .search-toggle,body.brand-01-inv .main-navigation a,body.brand-01-inv .main-navigation a:hover,body.brand-01-inv .main-navigation ul li.current-menu-item a,body.brand-01-inv .main-navigation ul li.current-page-item a,body.brand-01-inv .site-footer a{color:#ffd500}body.brand-02 .site-title-wrap .oslomet_logo,body.brand-03 .site-title-wrap .oslomet_logo,body.brand-05 .site-title-wrap .oslomet_logo,body.brand-07 .site-title-wrap .oslomet_logo{fill:#fff!important}body.brand-02 .site-footer,body.brand-02 .site-footer .widget-title,body.brand-02 .site-footer a,body.brand-03 .site-footer,body.brand-03 .site-footer .widget-title,body.brand-03 .site-footer a,body.brand-05 .site-footer,body.brand-05 .site-footer .widget-title,body.brand-05 .site-footer a,body.brand-07 .site-footer,body.brand-07 .site-footer .widget-title,body.brand-07 .site-footer a{color:#fff}body.brand-02 .site-description,body.brand-02 .site-title a,body.brand-03 .site-description,body.brand-03 .site-title a,body.brand-05 .site-description,body.brand-05 .site-title a,body.brand-07 .site-description,body.brand-07 .site-title a{color:#fff}body.brand-02 .button-toggle,body.brand-03 .button-toggle,body.brand-05 .button-toggle,body.brand-07 .button-toggle{color:#fff}body.brand-02 .button-toggle :active,body.brand-02 .button-toggle :focus,body.brand-02 .button-toggle:hover,body.brand-03 .button-toggle :active,body.brand-03 .button-toggle :focus,body.brand-03 .button-toggle:hover,body.brand-05 .button-toggle :active,body.brand-05 .button-toggle :focus,body.brand-05 .button-toggle:hover,body.brand-07 .button-toggle :active,body.brand-07 .button-toggle :focus,body.brand-07 .button-toggle:hover{color:#fff}body.brand-02 .main-navigation .search-toggle,body.brand-02 .main-navigation a,body.brand-02 .main-navigation a:hover,body.brand-02 .main-navigation ul li.current-menu-item a,body.brand-02 .main-navigation ul li.current-page-item a,body.brand-02 .site-footer a,body.brand-03 .main-navigation .search-toggle,body.brand-03 .main-navigation a,body.brand-03 .main-navigation a:hover,body.brand-03 .main-navigation ul li.current-menu-item a,body.brand-03 .main-navigation ul li.current-page-item a,body.brand-03 .site-footer a,body.brand-05 .main-navigation .search-toggle,body.brand-05 .main-navigation a,body.brand-05 .main-navigation a:hover,body.brand-05 .main-navigation ul li.current-menu-item a,body.brand-05 .main-navigation ul li.current-page-item a,body.brand-05 .site-footer a,body.brand-07 .main-navigation .search-toggle,body.brand-07 .main-navigation a,body.brand-07 .main-navigation a:hover,body.brand-07 .main-navigation ul li.current-menu-item a,body.brand-07 .main-navigation ul li.current-page-item a,body.brand-07 .site-footer a{color:#fff}body.brand-01 #page #infinite-handle button,body.brand-01 #page #infinite-handle button:hover,body.brand-01 .button,body.brand-01 .comment-navigation a,body.brand-01 .mobile-navigation,body.brand-01 .page-numbers.current,body.brand-01 .page-numbers:hover,body.brand-01 .site-header,body.brand-01 .su-button,body.brand-01 .toggle-active,body.brand-01 button,body.brand-01 input[type=button],body.brand-01 input[type=submit]{background-color:#ffd500}body.brand-01 .entry-header .entry-title a:hover{box-shadow:inset 0 -4px 0 #ffd500}body.brand-01 .entry-content p a,body.brand-01 .header-text a{box-shadow:inset 0 -1px 0 #ffd500}body.brand-01 .entry-content p a:hover,body.brand-01 .header-text a:hover{box-shadow:inset 0 -3px 0 #ffd500}body.brand-01 .site-footer,body.brand-01 .site-footer .widget-title,body.brand-01 .site-footer a{background:#ffd500}body.brand-01-inv #page #infinite-handle button,body.brand-01-inv #page #infinite-handle button:hover,body.brand-01-inv .button,body.brand-01-inv .comment-navigation a,body.brand-01-inv .mobile-navigation,body.brand-01-inv .page-numbers.current,body.brand-01-inv .page-numbers:hover,body.brand-01-inv .site-header,body.brand-01-inv .su-button,body.brand-01-inv .toggle-active,body.brand-01-inv button,body.brand-01-inv input[type=button],body.brand-01-inv input[type=submit]{background-color:#1c1c1b}body.brand-01-inv .entry-header .entry-title a:hover{box-shadow:inset 0 -4px 0 #ffd500}body.brand-01-inv .entry-content p a,body.brand-01-inv .header-text a{box-shadow:inset 0 -1px 0 #ffd500}body.brand-01-inv .entry-content p a:hover,body.brand-01-inv .header-text a:hover{box-shadow:inset 0 -3px 0 #ffd500}body.brand-01-inv .site-footer,body.brand-01-inv .site-footer .widget-title,body.brand-01-inv .site-footer a{background:#1c1c1b}body.brand-02 #page #infinite-handle button,body.brand-02 #page #infinite-handle button:hover,body.brand-02 .button,body.brand-02 .comment-navigation a,body.brand-02 .mobile-navigation,body.brand-02 .page-numbers.current,body.brand-02 .page-numbers:hover,body.brand-02 .site-header,body.brand-02 .su-button,body.brand-02 .toggle-active,body.brand-02 button,body.brand-02 input[type=button],body.brand-02 input[type=submit]{background-color:#e02d00}body.brand-02 .entry-header .entry-title a:hover{box-shadow:inset 0 -4px 0 #e02d00}body.brand-02 .entry-content p a,body.brand-02 .header-text a{box-shadow:inset 0 -1px 0 #e02d00}body.brand-02 .entry-content p a:hover,body.brand-02 .header-text a:hover{box-shadow:inset 0 -3px 0 #e02d00}body.brand-02 .site-footer,body.brand-02 .site-footer .widget-title,body.brand-02 .site-footer a{background:#e02d00}body.brand-03 #page #infinite-handle button,body.brand-03 #page #infinite-handle button:hover,body.brand-03 .button,body.brand-03 .comment-navigation a,body.brand-03 .mobile-navigation,body.brand-03 .page-numbers.current,body.brand-03 .page-numbers:hover,body.brand-03 .site-header,body.brand-03 .su-button,body.brand-03 .toggle-active,body.brand-03 button,body.brand-03 input[type=button],body.brand-03 input[type=submit]{background-color:#007acc}body.brand-03 .entry-header .entry-title a:hover{box-shadow:inset 0 -4px 0 #007acc}body.brand-03 .entry-content p a,body.brand-03 .header-text a{box-shadow:inset 0 -1px 0 #007acc}body.brand-03 .entry-content p a:hover,body.brand-03 .header-text a:hover{box-shadow:inset 0 -3px 0 #007acc}body.brand-03 .site-footer,body.brand-03 .site-footer .widget-title,body.brand-03 .site-footer a{background:#007acc}body.brand-04 #page #infinite-handle button,body.brand-04 #page #infinite-handle button:hover,body.brand-04 .button,body.brand-04 .comment-navigation a,body.brand-04 .mobile-navigation,body.brand-04 .page-numbers.current,body.brand-04 .page-numbers:hover,body.brand-04 .site-header,body.brand-04 .su-button,body.brand-04 .toggle-active,body.brand-04 button,body.brand-04 input[type=button],body.brand-04 input[type=submit]{background-color:#ff8100}body.brand-04 .entry-header .entry-title a:hover{box-shadow:inset 0 -4px 0 #ff8100}body.brand-04 .entry-content p a,body.brand-04 .header-text a{box-shadow:inset 0 -1px 0 #ff8100}body.brand-04 .entry-content p a:hover,body.brand-04 .header-text a:hover{box-shadow:inset 0 -3px 0 #ff8100}body.brand-04 .site-footer,body.brand-04 .site-footer .widget-title,body.brand-04 .site-footer a{background:#ff8100}body.brand-05 #page #infinite-handle button,body.brand-05 #page #infinite-handle button:hover,body.brand-05 .button,body.brand-05 .comment-navigation a,body.brand-05 .mobile-navigation,body.brand-05 .page-numbers.current,body.brand-05 .page-numbers:hover,body.brand-05 .site-header,body.brand-05 .su-button,body.brand-05 .toggle-active,body.brand-05 button,body.brand-05 input[type=button],body.brand-05 input[type=submit]{background-color:#99002b;color:#fff}body.brand-05 .entry-header .entry-title a:hover{box-shadow:none;text-decoration:none;}body.brand-05 .archive-container a:not(.page-numbers),body.brand-05 .content-index a,body.brand-05 .content-search a,body.brand-05 .entry-content div a:not([class*=button]),body.brand-05 .entry-content li a,body.brand-05 .entry-content p a,body.brand-05 .header-text a, body.brand-05 figcaption a, body.brand-05 blockquote a{color:black;box-shadow:none;line-height:1.5;text-decoration:underline;text-underline-offset:5px;outline:3px solid transparent;text-decoration-color:#99002b!important;}body.brand-05 .archive-container a:not(.page-numbers):hover,body.brand-05 .content-index a:hover,body.brand-05 .content-search a:hover,body.brand-05 .entry-content div a:hover,body.brand-05 .entry-content li a:hover,body.brand-05 .entry-content p a:hover,body.brand-05 .header-text a:hover,body.brand-05 figcaption a:hover,body.brand-05 blockquote a:hover{box-shadow:none;color:#000064;text-decoration:none;background:#eee;}body.brand-05 .site-footer,body.brand-05 .site-footer .widget-title,body.brand-05 .site-footer a{background:#99002b}body.brand-06 #page #infinite-handle button,body.brand-06 #page #infinite-handle button:hover,body.brand-06 .button,body.brand-06 .comment-navigation a,body.brand-06 .mobile-navigation,body.brand-06 .page-numbers.current,body.brand-06 .page-numbers:hover,body.brand-06 .site-header,body.brand-06 .su-button,body.brand-06 .toggle-active,body.brand-06 button,body.brand-06 input[type=button],body.brand-06 input[type=submit]{background-color:#40e4ff}body.brand-06 .entry-header .entry-title a:hover{box-shadow:inset 0 -4px 0 #40e4ff}body.brand-06 .entry-content p a,body.brand-06 .header-text a{box-shadow:inset 0 -1px 0 #40e4ff}body.brand-06 .entry-content p a:hover,body.brand-06 .header-text a:hover{box-shadow:inset 0 -3px 0 #40e4ff}body.brand-06 .site-footer,body.brand-06 .site-footer .widget-title,body.brand-06 .site-footer a{background:#40e4ff}body.brand-07 #page #infinite-handle button,body.brand-07 #page #infinite-handle button:hover,body.brand-07 .button,body.brand-07 .comment-navigation a,body.brand-07 .mobile-navigation,body.brand-07 .page-numbers.current,body.brand-07 .page-numbers:hover,body.brand-07 .site-header,body.brand-07 .su-button,body.brand-07 .toggle-active,body.brand-07 button,body.brand-07 input[type=button],body.brand-07 input[type=submit]{background-color:#000064}body.brand-07 .entry-header .entry-title a:hover{box-shadow:inset 0 -4px 0 #000064}body.brand-07 .entry-content p a,body.brand-07 .header-text a{box-shadow:inset 0 -1px 0 #000064}body.brand-07 .entry-content p a:hover,body.brand-07 .header-text a:hover{box-shadow:inset 0 -3px 0 #000064}body.brand-07 .site-footer,body.brand-07 .site-footer .widget-title,body.brand-07 .site-footer a{background:#000064}body #page .more-link:hover,body .entry-content .meta-list a,body .entry-content p a,body .entry-content p a:hover,body .entry-header .entry-title a:hover,body .header-text a,body .header-text a:hover,body .post-navigation a:hover .post-title{color: #99002b;text-decoration: underline;text-underline-offset: 5px;}.wp-block-button .wp-block-button__link:hover{box-shadow:inset 0 0 0 99999px rgba(255,255,255,.15);-webkit-box-shadow:inset 0 0 0 99999px rgba(255,255,255,.15)}@media (min-width:1001px){.site-header .site-identity{padding:30px 0;display:flex;align-items:center;justify-content:space-between}.site-header .site-title-wrap{display:flex;float:left;align-items:center;max-width:47%}.site-header .site-title-wrap .site-description{display:block;position:relative}.site-header .site-title-wrap .custom-logo-link img{width:80px;margin-right:5rem}}body,h1,h2,h3,h4,h5,h6,p{color:#222}.entry-header .entry-title,h1{line-height:1.5}@media (max-width:640px){.entry-header .entry-title,h1{font-size:1.5em}p{font-size:1em;line-height:1.9}blockquote{border-left:none}blockquote p{font-size:1em}}@media (min-width:641px){.entry-header .entry-title,h1{font-size:1.8em}article ul,article ol,p{font-size:0.9em}blockquote{border-left:none}blockquote p{font-size:.9em}}blockquote{line-height:1.7;margin:2em 0 2em 0;padding:0 1.5em}blockquote p{margin-bottom:14px}blockquote cite{font-style:normal;font-size:0.8em;font-weight:400}blockquote p:before{content:'"'}blockquote p:after{content:'"'}.archive #post-wrap .post:not(:last-of-type),.blog .post:not(:last-of-type),.search .post:not(:last-of-type){border-bottom:1px solid #1c1c1b}.comment-content{border-radius:0}.pagination a,.pagination span{color:#000!important;border:1px solid #000}.page-numbers.current,.page-numbers:hover{color:#fff!important}span.page-numbers.current:hover{color:#fff!important}#page #infinite-handle button,.button,.comment-navigation a,button,input[type=button],input[type=reset],input[type=submit]{color:#222;border-radius:0}.archive-container a:not(.page-numbers),.content-index a,.content-search a,.entry-content div a:not([class*=button]),.entry-content li a,.entry-content p a,.header-text a, figcaption a{}#page .more-link:hover,.entry-content .meta-list a,.entry-content p a,.entry-content p a:hover,.entry-header .entry-title a:hover,.header-text a,.header-text a:hover,.main-navigation a:hover,.main-navigation ul li.current-menu-item a,.main-navigation ul li.current-page-item a,.post-navigation a:hover .post-title,.site-footer a{color:#222}.search-drawer{background:#e0e0e0}.search-drawer .search-input{background:#e0e0e0;color:#000}.search-drawer .search-input::-webkit-input-placeholder{color:#777}.searchform .searchsubmit:hover{color:#a7a7a7}.button:hover,.comment-navigation a:hover,.drawer .tax-widget a:hover,a.added_to_cart:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{box-shadow:none;-webkit-box-shadow:none}
/*adminbar*/
#wpadminbar li#wp-admin-bar-accessibility-checker{
display: none !important;
}
/*language font arabic*/
:lang(ar) .morsmal-sprak{
font-family: "Arial";
font-size: 1.5em;
}
/*language font urdu*/
:lang(ur) .morsmal-sprak {
font-family: "NotoNastaliqUrdu";
font-size: 1em;
}
/*language font dari, pashto, farsi, sorani*/
:lang(fa-AF) .morsmal-sprak,
:lang(prs) .morsmal-sprak,
:lang(ku-ckb) .morsmal-sprak,
:lang(ckb) .morsmal-sprak,
:lang(fa-IR) .morsmal-sprak,
:lang(ps) .morsmal-sprak{
font-family: "Calibri";
font-size: 1.5em;
}
/*language font arabic*/
:lang(ar) .post-content *{
font-family: "Arial";
}
/*language font urdu*/
:lang(ur) .post-content *{
font-family: "NotoNastaliqUrdu";
}
/*language font dari, pashto, farsi, sorani*/
:lang(fa-AF) .post-content *,
:lang(prs) .post-content *,
:lang(ku-ckb) .post-content *,
:lang(ckb) .post-content *,
:lang(fa-IR) .post-content *,
:lang(ps) .post-content *{
font-family: "Calibri";
/* font-size: 1em; */
}
[dir="rtl"] .post-content p{
font-size: 1em;
}
:lang(ur) .post-content{
font-size: 0.9em;
}
:lang(ar) .morsmal-sprak *,
:lang(fa-AF) .morsmal-sprak *,
:lang(ku-ckb) .morsmal-sprak *,
:lang(fa-IR) .morsmal-sprak *,
:lang(ps) .morsmal-sprak *,
:lang(ur) .morsmal-sprak * {
font-size: 0.8em;
}
.norsk,
.morsmal-norsk{
direction:ltr !important;
}
[dir=rtl] .alignfull {
margin-right: calc(50% - 50vw);
}
[dir=rtl] .fa,
[dir=rtl] .fas,
[dir=rtl] .far,
[dir=rtl] .fal,
[dir=rtl] .fab {
font-family: 'Font Awesome 5 Free';
}
/*site title link*/
.site-title {
font-size: 40px;
/*letter-spacing: 2px;*/
color: white;
}
.site-description {
font-size: 16px;
}
.site-title-wrap a{
display: block;
}
.site-title-wrap a:hover{
outline: 3px solid white;
}
#page {
padding-top: 2%;
}
.page-titles h1{
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.container {
padding: 0 2%;
}
.entry-content p {
line-height: 1.8 !important;
}
/*available languages wpml language selector*/
.available-lang {
font-size: 0.8em;
padding: 0.5em 1em;
background: #ffffff;
color: black;
margin: 2em 0;
border-bottom: 1px solid #ddd;
z-index: 100;
}
header+.available-lang {
text-align: center;
margin: -8px 0 0.5em 0;
padding-left: 4em;
padding-right: 4em;
}
/* .available-lang .wpml-ls-legacy-list-horizontal .wpml-ls-item span.wpml-ls-native, */
/* .available-lang.footer-language .wpml-ls-legacy-list-horizontal .wpml-ls-item span.wpml-ls-native{ */
/* color: #000000; */
/* text-decoration: underline; */
/* text-decoration-color: #99002b; */
/* text-underline-offset: 4px; */
/* } */
/* .available-lang .wpml-ls-legacy-list-horizontal .wpml-ls-item span.wpml-ls-native:hover{ */
/* text-decoration: none !important; */
/* color: #000064; */
/* background: #eee; */
/* } */
/* .wpml-ls-current-language a{ */
/* font-size: 1em; */
/* background: #007272; */
/* color: white !important; */
/* font-weight: bold; */
/* } */
.available-lang .wpml-ls-legacy-list-horizontal a{
color: #000000;
text-decoration: underline;
text-decoration-color: #99002b;
text-underline-offset: 7px;
}
.available-lang .wpml-ls-legacy-list-horizontal a:not(.wpml-ls-current-language):hover{
text-decoration: none !important;
color: #000064;
background: #eee;
}
.wpml-ls-current-language a,
.wpml-ls-current-language a:hover{
font-size: 1em;
background: #007272 !important;
color: white !important;
font-weight: bold;
text-decoration: none !important;
}
.wpml-ls-current-language a span.wpml-ls-native{
font-size: 1em;
background: #007272 !important; /*#c10000; #007272;*/
color: white !important;
box-shadow: none !important;
text-decoration: none !important;
}
.wpml-ls-legacy-list-horizontal {
display: inline-block;
}
.fa-globe:before {
color: #007272; /*#c10000; #007272;*/
font-family: 'Font Awesome 5 Free';
}
.fa-arrow-circle-right:before {
font-family: 'Font Awesome 5 Free';
}
/*show "kladd" if in admin preview*/
/* .logged-in .available-lang ul li a[href*="/?p="]::after, */
/* .logged-in .available-lang ul li a[href*="/?page_id="]::after{ */
/* content:"(kladd)"; */
/* } */
/*logged-in - preview post/page */
span.preview-status {
font-size: 13px;
}
/*scroll left right*/
button#mclickright {
position: absolute;
right: 0;
}
button#mclickleft {
position: absolute;
left: 0;
}
button.mlangmenu{
height: auto;
background: #eeeeee !important;
color: #000 !important;
display: none;
}
/*@media (max-width: 640px){*/
@media (max-width: 2000px){
.available-lang {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
cursor: grab;
}
.available-lang::-webkit-scrollbar {
height: 10px;
}
.available-lang::-webkit-scrollbar-track {
background: #eee; /* color of the tracking area */
}
.available-lang::-webkit-scrollbar-thumb {
background-color: #74b3b3;
border-radius: 42px;
border: 3px solid #f4f4f4;
}
button.mlangmenu{
display: unset;
}
}
/*footer language panel*/
.footer-language ul{
padding-left: 0;
}
.footer-language ul li{
display: block !important;
}
.footer-language ul li a.wpml-ls-link{
box-shadow: none !important;
}
.footer-language ul li.wpml-ls-current-language a.wpml-ls-link span{
color: white;
}
/*home- slagord*/
/* p.egendefinert { */
/* font-family: Century Gothic; */
/* font-family: Bahnschrift SemiBold; */
/* font-family: Ink Free; */
/* font-family: Trebuchet MS; */
/* } */
/*custom display all languages by post id*/
.home article h2{
margin-top: 0;
}
ul.sprakliste-post {
list-style: none;
text-align: center;
padding: 0;
margin: 1em;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 40em;
}
ul.sprakliste-post li {
margin: 0 auto 0.5em auto;
width: 8.5em;
}
.sprakliste-post span.fa.fa-arrow-circle-right.lenke-intern {
display: none;
}
.sprakliste-post li a.lenke-intern {
/* font-weight: bold; */
background: white;
color: black !important;
padding: 1px;
/* border: 1px solid #99002b; */
border-radius: 4px;
box-shadow: none !important;
display: block;
line-height: 2 !important;
font-size: 17px !important;
text-align: left;
padding-left: 9px;
}
.sprakliste-post li a.lenke-intern:hover {
/* box-shadow: inset 0 50px 0 #99002b !important; */
color: white !important;
background: #99002b !important;
}
.home-velg-ressurs span.lenke-intern{
display:none;
}
.home-velg-ressurs .menuList ul {
display: block;
}
.home-velg-ressurs .menuList ul li {
width: 100%;
margin: 0em;
border: none;
height: inherit;
outline: none;
}
.home-velg-ressurs .menuList ul li a.a-arrow {
font-size: 1em;
font-weight: normal;
padding: 0.5em 1.5em !important;
height: auto;
display: flex;
text-align: left;
align-items: center;
justify-content: flex-start;
align-content: center;
flex-wrap: nowrap;
flex-direction: row;
border-bottom: 1px solid #99002b;
}
.fa-arrow-right:before {
content: "\f061";
font-weight: bold;
font-family: 'Font Awesome 5 Free';
padding: 0 1em 0 0;
}
/*startside - trekkspill*/
.velg-ressurs-kol-2 {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 960px){
/* .home-velg-sprak button{ */
/* width: 85%; */
/* } */
/* .home-velg-ressurs button{ */
/* width: 100%; */
/* } */
}
@media (max-width: 640px){
ul.sprakliste-post {
margin: 0;
padding: 0;
height: 110em;
}
ul.sprakliste-post li {
margin: 0 auto 1em auto;
width: 8em;
}
}
@media (min-width: 640px) and (max-width: 720px){
ul.sprakliste-post {
height: 80em;
}
ul.sprakliste-post li {
width: 8em;
}
}
@media (min-width: 720px) and (max-width: 1080px){
ul.sprakliste-post {
height: 74em;
}
ul.sprakliste-post li {
width: 9em;
}
}
@media (min-width: 1080px) and (max-width: 1200px){
ul.sprakliste-post {
height: 50em;
}
ul.sprakliste-post li {
width: 9em;
}
}
/*21. Link icon*/
/*tante side*/
/*ikon-lenke - med span*/
/* .ikon-lenke a[href*="tante"]::after { */
/* content: "(interne ikon)"; */
/* padding: 0 0.3em; */
/* } */
/* .ikon-lenke a:not([href*="tante"])::after { */
/* content: "(eksterne ikon)"; */
/* padding: 0 0.3em; */
/* } */
article a[href$=".pdf"]:not(.wp-block-file__button)::after,
article a[href$=".PDF"]:not(.wp-block-file__button)::after{
content: " (pdf)";
}
article a[href$=".doc"]:not(.wp-block-file__button)::after,
article a[href$=".docx"]:not(.wp-block-file__button)::after,
article a[href$=".DOC"]:not(.wp-block-file__button)::after,
article a[href$=".DOCX"]:not(.wp-block-file__button)::after{
content: " (word)";
}
article a[href$=".ppt"]:not(.wp-block-file__button)::after,
article a[href$=".pptx"]:not(.wp-block-file__button)::after,
article a[href$=".PPT"]:not(.wp-block-file__button)::after,
article a[href$=".PPTX"]:not(.wp-block-file__button)::after{
content: " (powerpoint)";
}
article a[href$=".zip"]:not(.wp-block-file__button)::after,
article a[href$=".ZIP"]:not(.wp-block-file__button)::after{
content: " (zip)";
}
article h1 a,
article h2 a,
article h3 a,
article p a,
article ul li a:not(.kb-gallery-item-link),
article ol li a,
article .entry-title a,
article table a,
a.wf_file,
.archive nav.nafo-breadcrumb a,
.blog nav.nafo-breadcrumb a,
.single-post nav.nafo-breadcrumb a,
.page nav.nafo-breadcrumb a,
.wp-block-file a{
color: #000000;
text-decoration: underline;
text-decoration-color: #99002b;
text-underline-offset: 4px;
}
.wp-block-file a.wp-block-file__button{
text-decoration: none;
}
article h1 a:hover,
article h2 a:hover,
article h3 a:hover,
article p a:hover,
article ul li a:hover,
article ol li a:hover,
article .entry-title a:hover,
article table a:hover,
a.wf_file:hover,
.archive nav.nafo-breadcrumb a:hover,
.blog nav.nafo-breadcrumb a:hover,
.single-post nav.nafo-breadcrumb a:hover,
.page nav.nafo-breadcrumb a:hover,
.wp-block-file a:hover{
color: #000064;
background: #eee;
text-decoration: none !important;
}
article .fa,
article .fab,
article .fas,
.archive nav.nafo-breadcrumb .fa,
.archive nav.nafo-breadcrumb .fab,
.archive nav.nafo-breadcrumb .fas,
.blog nav.nafo-breadcrumb .fa,
.blog nav.nafo-breadcrumb .fab,
.blog nav.nafo-breadcrumb .fas,
.single-post nav.nafo-breadcrumb .fa,
.single-post nav.nafo-breadcrumb .fab,
.single-post nav.nafo-breadcrumb .fas,
.page nav.nafo-breadcrumb .fa,
.page nav.nafo-breadcrumb .fab,
.page nav.nafo-breadcrumb .fas {
font-size: 13px;
color: #99002b;
/*padding: 0 0.4em 0 0.1em !important;*/
margin:0 3px;
}
/*hide - display none*/
/*span.dok+a+span,*/
.gjem,
.home .printPage-div{
display: none !important;
}
.gjem-frontend{
display: none;
visibility: collapse; /*for image block*/
}
.visibility-hidden{
visibility: hidden;
}
span.dok+span.lenke-ekstern,
span.dok+span.lenke-intern,
.available-lang span.dok,
.available-lang span.lenke-ekstern,
.available-lang span.lenke-intern,
figure>span.lenke-ekstern,
figure>span.lenke-intern,
span.dok+span.lenke-ekstern+a+.visehost,
/*span.lenke-intern,*/
figure>span,
figure>span+a+span,
.kb-table-of-content-list span,
.entry-byline>.fa,
.archive article .fa,
.archive article .fab,
.archive article .fas,
.wp-block-kadence-infobox>span.lenke-ekstern,
.wp-block-kadence-infobox>span.lenke-intern,
#post-wrap article span.fa,
.cat-item-none,
.wp-block-buttons span.lenke-intern,
.wp-block-buttons span.lenke-ekstern,
.menuList ul li span.lenke-intern,
#MathJax_Message{
display: none;
}
/*hide header for template with only footer*/
.page-template-page-blank-footer header#masthead {
display: none;
}
a+span.lenke-ekstern{
/* padding: 0 0.3em !important;*/
}
span.lenke-ekstern+a{
/* margin: 0 0.3em !important;*/
}
span.dok-tekst,
.visehost{
/*font-size: 0.7em;*/
margin:0 3px;
color: black;
}
ul.blocks-gallery-grid{
padding-left: 0;
}
/*icon documents color*/
.fa-file-pdf:before{
color: #EB1000;
}
.fa-file-word:before{
color: #1a5dbf;
}
.fa-file-powerpoint:before{
color: #b83519;
}
.fa-file-excel:before{
color: #117c43;
}
.fa-youtube:before{
color: #ff0000;
}
.fa-vimeo:before{
color: #1eb8eb;
}
/*old joomla code*/
img.wf_file_icon,
img.jce_icon,
img[src$="lenke.PNG"],
img[src$="videoikon2.png"],
.wf_file_icon,
img[src^="media/jce"],
/* .joomla-artikkel .lenke-har-bilde>img, */
p:empty {
display: none !important;
}
.joomla-artikkel .entry-content table,
table[rules="rows"]{
width: 100% !important;
float: none !important;
}
@media (max-width: 1000px) {
table *{
font-size: 16px !important;
}
}
/*post*/
/* .joomla-artikkel .entry-content p:first-child img, */
/* .joomla-artikkel .entry-content img.frem-bilde{ */
/* width: 100% !important; */
/* display: block; */
/* float: none !important; */
/* margin: 0 0 1em 0 !important; */
/* } */
/* .joomla-artikkel .entry-content p img{ */
/* float: none !important; */
/* } */
a.wf_file>img{
display:none;
}
/*iframe youtube*/
.mce-item-iframe{
margin: 0 !important;
float: none !important;
}
/*table */
table td, #content table th {
padding: 10px;
}
/*post listing*/
.entry-title a{
font-size: 0.7em !important;
}
.entry-title span:not(.norsk-sprak-single){
display: none;
}
#post-wrap article {
border: 3px solid #eee !important;
border-radius: 10px;
/*box-shadow: rgb(0 0 0 / 10%) 0px 10px 10px 0px;*/
/*03.09.2021 box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%), 0 6px 20px 0 rgb(0 0 0 / 15%);*/
padding-bottom: 0 !important;
}
#post-wrap article h2{
font-size: 0.9em;
color: #1e1e1e !important;
line-height: 1.5;
text-decoration: underline !important;
text-underline-offset: 5px;
text-decoration-color: #99002b !important;
}
#post-wrap article .post-content{
padding: 1em;
}
#post-wrap .post-content {
height: 100%;
}
#post-wrap article:hover{
border: 3px solid #99002b !important;
box-shadow: none;
padding-bottom: 0;
}
#post-wrap article:hover h2,
#post-wrap article a:focus h2{
color: #99002b !important;
text-decoration: none !important;
}
#post-wrap article a:focus .post-content{
outline: 3px solid #ff7600 !important;
}
div#post-wrap {
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: wrap;
/*justify-content: space-between;*/
justify-content: space-evenly;
}
#post-wrap article {
width: 30%;
margin-bottom: 4% !important;
box-shadow: 0 10px 15px rgb(0 0 0 / 10%);
}
article.no-results{
width: 100% !important;
}
#post-wrap .entry-header {
margin-bottom: 1em;
text-align: center;
}
#post-wrap .archive-list-content p{
/*font-size: 0.95em;*/
}
#post-wrap .archive-list-content .fluid-width-video-wrapper{
height: 10em;
}
/*archive double title*/
.archive .archive-link-title span.norsk-sprak, .archive .archive-link-title span.morsmal-sprak,
.home .archive-link-title span.norsk-sprak, .home .archive-link-title span.morsmal-sprak,
.blog .archive-link-title span.norsk-sprak, .blog .archive-link-title span.morsmal-sprak,
.wp-singular .wp-block-kadence-posts .kb-post-list-item article .entry-content-wrap .entry-title span{
display: block !important;
font-size: inherit;
}
.wp-singular .wp-block-kadence-posts .kb-post-list-item article .entry-content-wrap .entry-title span.lenke-intern,
.wp-singular .wp-block-kadence-posts .kb-post-list-item article .entry-content-wrap .entry-title span.lenke-ekstern{
display: none !important;
}
.wp-singular .wp-block-kadence-posts .kb-post-list-item article .entry-content-wrap .entry-title span.norsk-sprak {
font-size: 1.5rem !important;
}
.archive-link-title span.norsk-sprak {
font-size: 0.8em !important;
font-family: 'Muli';
}
html[dir="rtl"] .archive-link-title span.morsmal-sprak {
font-size: 1.5em !important;
}
html[dir="rtl"]:lang(ur) .archive-link-title span.morsmal-sprak {
font-size: 1.1em !important;
}
/*post listing - block for loop */
.wp-block-query ul.wp-block-post-template {
margin: 0;
padding: 0;
}
.wp-block-query ul.wp-block-post-template li{
border: 3px solid transparent;
}
.wp-block-query ul.wp-block-post-template li div[class*="wp-container"]{
padding: 1em !important;
}
.wp-block-query ul.wp-block-post-template .wp-block-post-title{
margin-top: 0;
border-bottom: none !important;
/*height: 90px; /*font size is 18px, 3 lines and line-height 1.5 = 18px x 3 lines x (1.54 line height x 18px ) = 82px*/
}
.wp-block-query ul.wp-block-post-template .wp-block-post-title span.lenke-intern,
.wp-block-query span.fa.lenke-ekstern{
display: none;
}
.wp-block-query .wp-block-post-excerpt p.wp-block-post-excerpt__excerpt{
font-size: 0.9em !important;
}
.wp-block-query ul li {
display: block;
position: relative;
cursor:pointer;
padding: 1em;
}
.wp-block-query a {
/*position: absolute;
top: 0;
bottom: 0;
left: 0.4em;
right: 0.4em;*/
box-shadow: none !important;
text-decoration: underline !important;
font-size: 20px !important;
}
.wp-block-query a:hover,
.wp-block-query li:hover a,
.wp-block-query a:focus {
background: transparent !important;
box-shadow: none !important;
color: #99002b !important;
text-decoration: none !important;
}
.wp-block-query ul li:hover {
border: 3px solid #99002b;
border-radius: 10px;
}
.wp-block-query img{
height: 10em;
object-fit: cover;
border-radius: 10px;
}
.wp-block-query figcaption {
display: none;
}
.wp-block-query .wp-block-post-featured-image {
margin-bottom: 1em;
}
/*forside - kb post*/
.aktuelt-overskrift {
margin-top: 0 !important;
margin-bottom: 0;
}
ul.wp-block-kadence-posts li{
margin: 1rem;
}
ul.wp-block-kadence-posts article.loop-entry {
height: 100%;
}
ul.wp-block-kadence-posts.kb-posts.forside-posts{
margin: 1rem 2rem;
column-gap: 10rem;
}
@media (max-width: 1300px){
ul.wp-block-kadence-posts.kb-posts.forside-posts{
column-gap: initial;
}
}
.wp-block-kadence-posts.forside-posts .entry-header{
margin-bottom: 0;
}
.wp-block-kadence-posts.forside-posts h2{
font-size: 2rem;
color: #0d3050;
}
.wp-block-kadence-posts.forside-posts .entry-summary p{
font-size: 1.5rem;
color: #272c30;
}
.home span.lenke-intern{
display: none;
}
/*home - velg ressurs*/
.home-velg-ressurs ul {
margin: 0;
list-style-type: none;
padding: 0;
}
/*home - velg språk*/
/* .home-velg-sprak ul { */
/* columns: 2; */
/* margin: 0; */
/* list-style-type: none; */
/* padding: 0; */
/* } */
@media (max-width: 640px){
.home .wp-block-query ul li {
margin-bottom: 1em;
}
.wp-block-query ul.wp-block-post-template .wp-block-post-title a{
font-size: 0.9em !important;
}
}
/*display just first 3 p tag in excerp*/
#post-wrap .archive-list-content p{
display: none;
}
#post-wrap .archive-list-content p:nth-child(1),
#post-wrap .archive-list-content p:nth-child(2){
display: block;
}
#post-wrap .frem-bilde-opp{
width: 100%;
}
#post-wrap .entry-content p img,
#post-wrap .entry-content p:empty{
display: none;
}
.archive article img:not(.emoji),
.blog article img:not(.emoji){
width: auto !important;
height: 10em;
display: block;
margin: 0 auto 1em auto;
object-fit: cover;
border: 1px solid #eeeeee;
border-radius: 10px;
}
.header-text {
display: block !important;
text-align: center
}
.entry-content.archive-list-content * {
font-size: 16px;
}
.post-search-language span.fa.fa-globe {
display: inline-block !important;
}
.post-search-language {
color: #007272; /*#c10000; #007272;*/
font-size: 0.8em;
text-align: center;
}
@media (max-width: 640px){
div#post-wrap {
display: block;
}
#post-wrap article{
width: 100%;
}
#post-wrap article h2{
font-size: 1.5em;
}
#post-wrap article
{
margin-bottom: 20% !important;
}
.entry-content.archive-list-content * {
font-size: 17px;
}
.container {
padding: 0 4%;
}
.archive article img,
.blog article img{
width: 100% !important;
height: auto;
display: block;
margin: 0 auto 1em auto;
}
}
/*post listing meta*/
ul.meta-list.innlegg-liste {
font-size: 0.85em;
}
/*breadcrumb*/
nav.nafo-breadcrumb{
/* margin: 6% auto; */
text-align: left;
}
nav.nafo-breadcrumb .fa{
display: inline-block;
}
#breadcrumbs {
list-style: none;
margin: 0px auto 40px auto;
overflow: hidden;
font-size: 0.8em;
line-height: 2;
}
#breadcrumbs li {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
#breadcrumbs li.item-home span{
display: none;
}
/*breadcrumb - under title*/
.nafo-breadcrumb ul.breadcrumb-cat-list{
list-style: none;
margin: 0 1em;
}
.nafo-breadcrumb ul.breadcrumb-cat-list ul{
font-size: 0.8em; /*0.8em*/
line-height: 2;
list-style: none;
padding: 0;
margin: 0 0 0 0.8em;
text-align: left;
}
.nafo-breadcrumb li.cat-item {
padding-left: 0em;
text-indent: -0.7em;
margin-bottom: 0.8em;
margin-right: 0.6em;
}
ul.breadcrumbs li span.fa.fa-arrow-circle-down {
font-size: 1em;
}
.archive ul#breadcrumbs {
margin: 0;
padding: 0;
width: 100%;
}
/*breadcrumb - show just norsk and hide morsmal*/
ul#breadcrumbs li a span.morsmal-sprak {
display: none;
}
ul#breadcrumbs li a span.norsk-sprak {
color: inherit;
font-size: inherit;
}
/*hide last breadcrumbs post title and hide last category title*/
#breadcrumbs li.item-posts,
.category #breadcrumbs li.arrow-separator {
display: none;
}
@media (max-width: 640px){
.archive nav.nafo-breadcrumb{
margin: 2% auto;
text-align: left;
}
#breadcrumbs li {
display: block;
vertical-align: middle;
margin-right: 5px;
}
ul.breadcrumbs li span.fa.fa-arrow-circle-down {
margin-top: 1em;
}
}
@media (min-width: 640px){
.nafo-breadcrumb ul.breadcrumb-cat-list ul.mange-kategorier{
columns: 2;
}
}
/*category title pages*/
.archive .page-titles h1 span{
display: block;
}
.header-text {
margin: 2% auto;
}
/* .header-text h1 span{ */
/* color: black; */
/* } */
.norsk-sprak,
.norsk-sprak *{
color: #4e5a63;
font-size: 24px;
font-family: 'Muli' !important;
}
/* .menuList .norsk-sprak { */
/* color: inherit; */
/* font-size: inherit; */
/* } */
.menuList .norsk-sprak {
color: #4f4f4f;
font-size: 0.75em;
font-family: 'muli';
}
.menuList a:hover .norsk-sprak,
.menuList a:focus .norsk-sprak{
color: #ffffff;
}
/*category description meta description*/
.header-text .entry-byline, .header-text .entry-subtitle {
margin-bottom: 5%;
}
.entry-subtitle .norsk-sprak {
margin-bottom: 2%;
text-align:left;
}
.entry-subtitle p{
line-height: 1.5;
font-size: 16px;
}
html:lang(nb-NO) .entry-subtitle>p,
.entry-subtitle .morsmal-sprak>p{
text-align: left;
}
html[dir="rtl"] .entry-subtitle .morsmal-sprak>p{
text-align:right;
}
/*hide bokmal for nynorsk category*/
html:lang(nn-NO) .entry-subtitle .norsk-sprak{
display: none;
}
/*Post - category*/
.entry-content .meta-list li {
display: block !important;
}
/*pagination*/
.pagination {
margin-top: 1%;
margin-bottom: 8%;
}
nav.navigation.pagination {
text-align: center;
direction: ltr;
}
.pagination a, .pagination span {
background: #eee !important;
color: #000 !important;
/*outline: 1px solid #a8a8a8;*/
}
.page-numbers.current, .page-numbers:hover {
color: white !important;
background: #99002b !important;
}
@media (max-width: 640px){
.pagination {
margin-top: 8%;
}
}
/*sticky language panel*/
.sticky {
position: fixed;
top: 0;
width: 100%;
}
@media (min-width: 640px){
.admin-bar .sticky {
top: 32px;
}
}
/*smooth scrolling between sticky panel and the next breadcrumb*/
.sticky + .container {
padding-top: 120px;
}
.sticky button#mclickright {
position: fixed;
right: 0;
}
.sticky button#mclickleft {
position: fixed;
left: 0;
}
anchor link scroll depend on sticky
/*https://gomakethings.com/how-to-prevent-anchor-links-from-scrolling-behind-a-sticky-header-with-one-line-of-css/*/
*[id]{
scroll-margin-top: 7em;
}
/*general and block css*/
.single-post .entry-content *:not(h1, h2, h3, h4, h5, .egendefinert),
.page .entry-content *:not(h1, h2, h3, h4, h5, .egendefinert){
/* font-size: 18px; */
}
.entry-content p,
.entry-content .wp-block-file,
.entry-content ol li{
/*font-size: 0.9em;*/
}
@media (max-width: 640px){
.single-post .entry-content *:not(h1, h2, h3, h4, h5),
.single-post .entry-content table td *,
.page .entry-content table td *,
.page .entry-content *:not(h1, h2, h3, h4, h5){
/* font-size: 16px !important; */
font-size: 16px;
}
}
.wp-block-file a.wp-block-file__button:visited {
color: initial;
}
/*Search and search results*/
.search-drawer,
.search-drawer .search-input {
background: white !important;
color: black !important;
}
.search .available-lang,
.search .entry-byline{
display: none;
}
.search .sticky + .container {
padding-top: 0px;
}
.search #post-wrap article {
width: 100%;
margin-bottom: 8%;
}
.search #post-wrap article:hover{
cursor: pointer;
}
/*link general focus*/
a:focus{
outline: 3px solid #ff7600 !important;
}
/* Remove - bøker og fortelling-Lydfiler sider*/
/*bildetema type innlegg*/
.bildetema-lyd .wp-block-column {
text-align: center;
border: 3px solid #ccd6dd;
border-radius: 10px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
align-items: stretch;
}
.bildetema-lyd .wp-block-column:empty,
.kolonne-tom{
border: none;
}
.bildetema-lyd figure{
border-radius: 6px 6px 0px 0px;
margin: 0px;
}
.bildetema-lyd h2,
.bildetema-lyd h3 {
font-size: 1em !important;
line-height: 1.5 !important;
color: #000064 !important;
margin: 0.2em !important;
}
.bildetema-lyd figure.wp-block-audio {
line-height: 0;
}
.bildetema-lyd .wp-block-audio audio {
width: 100%;
min-width: 100%;
background: #f0f3f4;
border-radius: 0px 0px 6px 6px;
}
.wp-block-columns.bildetema-lyd {
margin-bottom: 3.2em;
}
.wp-block-columns.bildetema-lyd .dok{
display: none;
}
.bildetema-bilde-lyd:hover {
outline: 3px solid #99002b !important;
border-radius: 10px;
cursor: pointer;
}
.bildetema-bilde-lyd:hover figure:before {
content: "Klikk og hør";
font-size: 16px;
}
.bildetema-bilde-lyd:hover figure{
}
.bildetema-lyd .wp-block-group {
width: 100%;
}
.bildetema-lyd .wp-block-image img{
height: 200px;
width: auto;
}
.bildetema-lyd .wp-block-column:hover, .bildetema-lyd .wp-block-column:focus {
outline: 5px solid #97a7b5;
cursor: pointer;
}
/*Bildetema style - image behave like button when click*/
.bildetema-lyd .wp-block-column {
transition: all 0.3s;
}
.bildetema-lyd .wp-block-column:hover {
box-shadow: 0px 15px 25px -5px #97a7b5;
transform: scale(1.03);
}
.bildetema-lyd .wp-block-column:active {
box-shadow: 0px 4px 8px #97a7b5;
transform: scale(0.98);
}
.bildetema-lyd figure.wp-block-audio {
display: none;
}
.bildetema-lyd .fa-volume-up{
font-size: inherit;
color: inherit;
padding: 0 10px;
}
@media (max-width: 780px){
.bildetema-lyd .wp-block-column {
margin-bottom: 3em;
}
}
/*bildekort type innlegg*/
.bildekort-forside .wp-block-columns,
.bildekort-bakside .wp-block-columns{
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 40px;
}
.bildekort-forside .wp-block-column,
.bildekort-bakside .wp-block-column{
width: 400px;
height: 400px;
}
.bildekort{
height: 400px;
width: 400px;
padding: 10px;
text-align: center;
border: 5px solid black;
border-radius: 5px;
margin:0 auto;
}
.bildekort .wp-block-group__inner-container{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.bildekort-forside .bildekort .wp-block-image img{
height: 250px !important;
width: auto !important;
border-radius: 10px;
}
.bildekort-bakside .bildekort .wp-block-image+.wp-block-image img{
height: 230px !important;
width: auto !important;
border-radius: 10px;
}
.bildekort h2,
.bildekort h3 {
font-size: 1em;
line-height: 1.5 !important;
margin: 0.2em !important;
}
.bildekort figure.wp-block-audio {
line-height: 0;
}
.bildekort .wp-block-column:empty,
.kolonne-tom{
border: none;
}
.bildekort-forside .bildekort .uttale{
direction: ltr;
margin-bottom:2px;
}
:lang(fa-AF) .bildekort-forside .bildekort h2,
:lang(prs) .bildekort-forside .bildekort h2,
:lang(ku-ckb) .bildekort-forside .bildekort h2,
:lang(ckb) .bildekort-forside .bildekort h2,
:lang(fa-IR) .bildekort-forside .bildekort h2,
:lang(ps) .bildekort-forside .bildekort h2,
:lang(ar) .bildekort-forside .bildekort h2{
font-size: 1.6em;
}
:lang(ur) .bildekort-forside .bildekort h2{
font-size: 1.2em;
}
.bildekort-forside .bildekort h2+h2.morsmal-norsk,
.bildekort-forside .bildekort h2+p.uttale+h2.morsmal-norsk{
font-size: 16px !important;
font-weight: normal;
}
/*bildekort fokusord*/
.fokusord .bildekort-bakside .bildekort,
.fokusord .bildekort-bakside .bildekort *{
direction: ltr;
}
.fokusord .bildekort-bakside .bildekort{
padding: 10px;
}
.fokusord .bildekort-forside .bildekort .wp-block-image img,
.fokusord .bildekort-bakside .bildekort .wp-block-image img{
height: 120px !important;
width: auto !important;
border-radius: 10px;
}
.fokusord .bildekort .definisjon{
line-height: 1.5 !important;
margin-bottom: 2px;
}
:lang(ur) .fokusord .bildekort .definisjon{
line-height: 2 !important;
margin-bottom: 2px;
}
.fokusord .bildekort-bakside .wp-block-columns {
flex-direction: row-reverse;
}
/*avlang fokusord*/
.fokusord .bildekort{
height: 400px;
width: 100%;
padding: 10px;
text-align: inherit;
margin: 0 auto 40px auto;
}
.fokusord .bildekort .wp-block-media-text__media img {
height: auto !important;
width: 350px !important;
}
.fokusord .wp-block-media-text[style*="grid"] .wp-block-media-text__media img {
width: 100% !important;
height: auto !important;
}
.fokusord .bildekort .wp-block-media-text__media {
text-align: center;
}
.fokusord .bildekort h2{
margin: inherit !important;
}
.fokusord audio{
margin: 1em 0;
}
/*fokusord ingen lydikon*/
.fokusord .bildekort .wp-block-audio{
display: contents;
}
.fokusord .bildekort .fa-volume-up{
display: none;
}
@media (max-width: 600px){
.fokusord .bildekort{
height: inherit;
width: inherit;
}
}
@media (max-width: 800px){
.fokusord .bildekort .wp-block-media-text__media img {
height: auto !important;
width: 100% !important;
}
}
/*enkelt fokusord*/
.enkelt-fokusord{
height: auto;
width: auto;
}
/*bildekort med language shortcode*/
.lang-kortkode{
direction: ltr;
}
span.lang-kortkode-og,
span.lang-kortkode-norsk{
display: none !important;
}
.bildekort-bakside h2>span.lang-kortkode-og,
.bildekort-bakside h2>span.lang-kortkode-norsk{
display: contents !important;
}
.fokusord .bildekort-bakside span.lang-kortkode-morsmal{
display: none !important;
}
.fokusord .bildekort-bakside span.lang-kortkode-norsk{
display: contents !important;
}
/*bildekort i vanlig innlegg*/
.enkelt-bildekort{
height: auto !important;
width: 100% !important;
}
.enkelt-bildekort .wp-block-image img{
height: auto !important;
width: 100% !important;
}
/*bildekort style - image behave like button when click*/
.bildekort figure.wp-block-audio,
.ingen-bildekort {
display: none;
}
.bildekort .fa-volume-up{
font-size: inherit;
color: inherit;
padding: 0 10px;
}
.bildekort-medlyd{
transition: all 0.3s;
}
.bildekort-medlyd:hover,
.bildekort-medlyd:focus{
cursor: pointer;
box-shadow: 0px 15px 25px -5px #97a7b5;
transform: scale(1.03);
}
.bildekort-medlyd:active {
box-shadow: 0px 4px 8px #97a7b5;
transform: scale(0.98);
}
.bildekort .is-playing .fa-volume-up{
transform: scale(1.4);
}
.print-bildekort .bildekort-bakside .wp-block-image,
.print-bildekort .bildekort-bakside img{
border-radius: 0;
}
.print-bildekort .bildekort-bakside figure:first-of-type img{
width: 100%;
height: auto;
border-radius: 0;
}
.print-bildekort .bildekort-bakside .bildekort .wp-block-group__inner-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
align-content: center;
}
.bildekort-bakside .bildekort{
position: relative;
padding: 0;
border: 5px solid transparent !important;
}
.bildekort-bakside .bildekort h2{
width: 100%;
/* position: absolute; */
bottom: 0;
margin: 0 !important;
padding: 0;
}
.bildekort-bakside{
display: none;
}
@media (max-width: 780px){
.bildekort .wp-block-column {
margin-bottom: 3em;
}
}
@media (max-width: 390px){
.bildekort{
width: 100%;
}
}
/*Karusell lyd*/
.karusell-lyd-filer{
display: none !important;
}
.karusell-lyd figcaption,
.karusell-lyd figure{
cursor: pointer;
}
.karusell-lyd figcaption .fa-volume-up{
font-size: inherit;
color: inherit;
padding: 0 20px;
}
.karusell-lyd figcaption:hover,
.karusell-lyd figure:hover,
.karusell-lyd figure:hover figcaption,
.karusell-lyd figure .is-playing{
cursor: pointer;
background: #000000 !important;
color: #ffffff !important;
}
.karusell-lyd figure:hover span.fa-volume-up,
.karusell-lyd figure .is-playing span.fa-volume-up{
transform: scale(1.4);
}
.karusell-lyd figure:active span.fa-volume-up{
transform: scale(0.8);
}
/*Post - title*/
.artikkel-sprak{
display: none;
}
.post .entry-header {
text-align: center;
margin-bottom: 8%;
}
.post .entry-header h1.entry-title span{
display: block;
}
/*Post - joomla caption*/
.joomla-artikkel span.wf_caption,.joomla-artikkel .wf_caption{
display: block;
text-align: center;
margin-bottom: 2em;
}
.joomla-caption,
.joomla-caption span{
text-align:center;
font-size: 1em !important;
margin-bottom: 1em;
margin-top: -1em;
display: block;
}
/*frontend with admin bar*/
.logged-in .status-draft::before {
content: "KLADD";
}
.logged-in .status-pending::before {
content: "🟠 Venter på godkjenning";
}
/*kadence block*/
[class^="wp-block-kadence"] {
margin-bottom: 1em;
}
.wp-block-kadence-posts .loop-entry {
box-shadow: 4px 4px 25px -10px #608db5 !important;
}
/*//kadence posts loop*/
.wp-block-kadence-posts article:hover {
outline: 2px solid #992b00;
cursor: pointer;
}
.wp-block-kadence-posts article:hover .entry-title a {
text-decoration: none !important;
}
.wp-block-kadence-posts article a.post-thumbnail:hover {
box-shadow: unset !important;
transform: unset;
border-radius: 10px;
}
.kb-table p {
margin-bottom: 0;
}
/***************************************************************************************************from nafo*/
/*1. Site width*/
/*widen the container width*/
.container {
max-width: 1070px !important;
padding: 0 1em;
}
@media (max-width: 600px){
.container {
padding: 0em 0.5em 1em 0.5em;
}
}
#skip-link{
position: fixed;
top: -200px;
left: 0;
height: 65px;
background: #fff;
font-size: 30px;
display: block;
z-index: 99999;
line-height: 62px;
width: 100%;
font-weight: 700;
padding: 0 15px;
text-decoration: underline;
}
#skip-link:active,
#skip-link:focus{
top:0;display:block
}
#primary {
width: 80%;
}
.archive #primary,
.blog #primary,
.home #primary {
width: 100%;
}
@media (max-width: 1200px){
#primary {
width: 90% !important;
}
}
#page {
padding-top: 0%;
}
/*2. Header*/
.top-navigation-right {
max-width: 55%;
display: flex;
width: 100%;
align-items: center;
position: relative;
}
/*Show MENY button in mobile too*/
@media (max-width: 1000px) {
.top-navigation-right {
display: block;
}
/*make the header height smaller*/
.site-header .site-identity {
padding: 5% 0 !important;
}
/*mobile menu position*/
body header.site-header .mobile-navigation{
top: -100px;
}
}
/*align elements in the header to left*/
.top-navigation .main-navigation {
text-align: left;
}
/*NAFO clickable logo area*/
.site-title {
font-size: 1.5em;
line-height: 1.5;
color: #ffffff;
/* letter-spacing: 1px; */
}
.titles-wrap a {
display: block;
outline: 3px solid transparent;
}
.titles-wrap a:hover{
outline: 3px solid #ffffff;
border-radius: 5px;
}
.titles-wrap{
cursor:pointer;
}
/*2.1 Header site description*/
.site-description{
font-size: 0.9em;
line-height: 1.5;
}
@media (max-width: 1030px){
.site-description{
/*font-size: 14px;*/
}
}
/*2.2 Morsmal.no header for mobile*/
@media (max-width: 1000px){
.container {
padding: 0em;
}
.site-header .site-identity {
/* padding: 30px 0 !important; */
}
.site-title-wrap {
/* display: inline-flex; */
/* vertical-align: top; */
/* max-width: 30%; */
/* width: 100%; */
/* position: relative; */
/* flex-direction: row; */
/* flex-wrap: wrap; */
/* align-content: center; */
/* justify-content: flex-start; */
/* align-items: center; */
}
body header.site-header .site-title-wrap .oslomet_logo{
width: 50px;
margin-top: 0px;
display: inline-block;
margin-right: 15px;
}
body header.site-header .site-title-wrap .titles-wrap.has-description {
text-align: left;
display: block;
margin-top: 0px;
}
.site-title {
font-size: 20px;
}
body header.site-header .mobile-navigation {
/* top: -40px; */
}
}
/*3. Top menu styling*/
svg.fa-bars,
svg.fa-times{
width: 1.4em;
height: 1.4em;
float: right;
margin-right: 10px;
padding-top: 4px;
}
svg.fa-search {
width: 1.1em;
height: 1.1em;
}
.drawer1 {
padding: 10px 0 15px 0;
background: #22262a;
background: rgba(21, 23, 26, 0.7);
font-size: 16px;
display: none;
z-index: 30;
top: 0;
right: 0;
left: 0;
width: 100%;
overflow-x: hidden;
}
/*padding around menu points*/
.main-navigation ul li {
padding: 0 0.4em;
}
/*drop down menu*/
.main-navigation ul.menu>li:first-child{
padding: 0 0.4em 0 0;
}
.main-navigation li:hover ul,
.main-navigation li.sfHover ul {
left: 0;
top: 45px; /* match top ul list item height */
z-index: 99;
}
.main-navigation ul li a {
font-size: 95%;
padding: 0.2em;
border: 1px solid transparent;
}
.main-navigation ul li a:focus, .main-navigation ul li a:hover, .main-navigation ul li a:active {
background: #ffffff;
color: #000000 !important;
font-weight: bold;
border: 1px solid black !important;
}
.main-navigation ul li.sfHover>a {
background: #ffffff;
color: #000000 !important;
}
.main-navigation .sub-menu,
.main-navigation .children {
/*background: #dfe1e1;*/
background: #f5f5f5;
}
.main-navigation .sub-menu a {
color: black !important;
font-size: 110%;
}
/*up arrow for drop down menu*/
.site-header .sub-menu:before {
border-bottom: 8px solid #dfe1e1;
}
/*bold - menu */
li.fet-meny{
font-weight: bold;
}
/*highlight current page*/
ul.menu li.current-menu-parent>a,
ul.menu li.current_page_item>a,
ul.menu li.current-menu-item>a{
background: #b0c2d063;
color: black !important;
}
/* Do not show Search icon on menu list*/
li.search-toggle {
display: none !important;
}
/*mobile menu*/
/* Mobile navigation on desktop */
.mobile-navigation {
display: inline-block;
width: 100%;
padding: 15px;
background: #5a3fd6;
transition: .5s ease;
text-align: center;
}
.mobile-navigation button {
width: 100%;
}
.menu-toggle {
display: block;
}
body header.site-header {
padding: 0 15px;
}
body header.site-header .drawer-wrap .drawer-menu-explore {
background: transparent;
padding: 15px;
}
@media (max-width: 1000px) {
.drawer .menu-item-has-children .toggle-sub {
color: black !important;
padding: 6px;
background: transparent;
border: 0.5px solid #000000;
margin: 6px;
}
.drawer-wrap {
background-color: #ffffff;
padding-top: 0px;
}
.drawer-wrap .drawer-menu-explore .drawer-navigation ul li a {
color: #000000 !important;
/* letter-spacing: 0.5px; */
border: 1px solid transparent;
padding: 20px 15px 20px 0px!important;
}
.drawer-wrap .drawer-menu-explore .drawer-navigation ul li a:hover {
color: #000000 !important;
background: #ffffff;
font-weight:800 !important;
border: 1px solid black;
}
.drawer-wrap ul.menu>li {
border-bottom: 1px solid #b0c2d0;
}
.drawer-wrap input.search-input {
border: solid 1px #62707c !important;
}
ul.sub-menu>li a {
font-weight: normal !important;
}
ul.sub-menu>li:last-child {
border-bottom: none !important;
}
}
/*3.1 Mega menu*/
@media (min-width: 1000px){
.drawer .drawer-navigation .sub-menu .sub-menu{
display:none;
}
.drawer .drawer-navigation .menu {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
}
.drawer .drawer-navigation .sub-menu,
.drawer .drawer-navigation .children {
display: block;
}
/*background color of the drawer*/
.drawer-wrap{
background: #f4f4f4;
}
.drawer-wrap .drawer-menu-explore .drawer-navigation ul li a {
color: #000000;
padding: 0.3em;
border: 1px solid transparent;
width: 100%;
margin-bottom: 8px;
border-radius: 5px;
}
.drawer-wrap .drawer-menu-explore .drawer-navigation ul li a:hover {
color: #99002b !important;
background: #ffffff;
padding: 0.3em;
outline: 2px solid #99002b; /*#b0c2d0;*/
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.drawer-wrap .drawer-menu-explore .drawer-navigation ul.menu > li > a{
font-size: 1.2em;
font-weight: 700;
margin-top: 8px;
}
.drawer-wrap .drawer-menu-explore .drawer-navigation ul.menu>li {
border-top: 4px solid #b0c2d0;
margin: 0 1em 3em 1em;
/*width: 13em;*/
width: 21%;
height: 100%;
}
/*remove drop-down toggle button*/
.drawer .menu-item-has-children .toggle-sub{
display: none !important;
}
.site-header .menu-item-has-children > a:after,
.site-header .page_item_has_children > a:after {
display: none;
}
}
/*3.2 Header-text (category, tag, author search)*/
.header-text {
max-width: 98%;
}
/*4. Search bar top right*/
.searchbar{
/* display: flex; */
/* justify-content: flex-end; */
width: 270px;
position: absolute;
right: 125px;
padding: 8px 0;
}
@media (max-width: 1000px) {
.searchbar {
display: none;
}
}
.searchbar .searchcontainer{
width:20em;
}
.searchbar > .searchform{
position: static;
}
.searchbar .searchform .searchcontainer .search-input {
width: 35%;
font-size: 16px;
position: absolute;
top: 8px;
right: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 9px;
border-radius: 10px;
}
.searchbar .searchform .searchcontainer input.search-input:focus,
.searchbar .searchform .searchcontainer input.search-input:hover{
width: 100%;
}
input.search-input {
/* border-radius: 25px !important; */
border: solid 2px #99002b !important;
}
.fa.fa-search {
display: block !important;
color: #000000;
}
.drawer-wrap .searchform .search-input {
border: 1px solid #000000;
}
/*IE*/
.searchform .searchsubmit {
display: -ms-inline-flexbox;
height: auto;
border: 2px solid transparent;
}
/*4.1 Search result*/
.header-text h1, .header-text .browsing {
/*color: #ffffff;*/
}
/*5. Footer*/
@media (max-width: 1000px) {
.site-footer {
padding: 0 15px 30px 15px;
}
}
.site-footer .footer-column h2 {
color: white;
font-size: 18px;
font-weight: 700;
margin-bottom: 25px;
line-height: 1.2;
}
.footer-widgets p {
color: white !important;
font-size: 1em;
}
.footer-widgets .widget_text a{
border-bottom: none !important;
}
/*5.1 Footer- Project button*/
.project-menu, .project-list{
width: 100%;
}
/* .project-menu .project-list { */
/* padding: 0; */
/* } */
.project-button {
font-size: 125%;
padding: 0.4em;
border: 1px solid white;
text-align: center;
font-weight: bold;
width: 100%;
height: 76px;
border-radius: 8px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.project-subtitle{
font-style:italic;
font-size: 0.6em;
}
.project-menu .project-list a .project-button:hover,
.project-menu .project-list a .project-button:active,
.project-menu .project-list a .project-button:focus{
text-decoration: underline;
background: white;
color: #99002b;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
-o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.project-menu .project-list a:focus,
a:focus .project-button{
text-decoration: underline;
outline: 3px solid orange;
background: #ffffff;
color: #99002b;
}
img.project-image{
margin-left: 8px;
vertical-align: middle;
height: 100%;
}
.project-title{
/*display: inline-block;
vertical-align: middle;*/
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
}
ul.m-footer-social-link {
display: flex;
/* margin: 1px; */
flex-direction: row;
justify-content: space-between;
}
/*5.2 Footer - social media*/
.m-footer-social-link svg{
width: 1.2em;
height: 1.2em;
vertical-align: bottom;
}
.m-footer-social-link {
font-size: 105%;
text-decoration-line: underline;
text-decoration-color: #ffffff;
text-underline-offset: 5px;
}
a.m-footer-social-link {
display: block;
width: 100%;
}
a.m-footer-social-link:hover{
text-decoration: none;
background: #ffffff !important;
color: #99002b !important;
outline: 2px solid #ffffff;
border-radius: 5px;
}
/*5.3 footer - nettsider logo*/
.icon {
display: inline-block;
margin-left: 10px;
overflow: hidden;
background-image: url(/wp-content/themes/oslomet_2018m/css/nafo_nettsider_logoer.png);
width: 60px;
height: 60px;
}
.icon.skolekassa{background-position: 0 0;width: 62px;height: 52px;}
.icon.bildetema{background-position: 0 -52px;width: 62px;height: 69px;}
.icon.lumbrikus{background-position: 0 -121px;width: 62px;height: 60px;}
/*5.4 footer - creative commons*/
.footer-bottom,
.footer-tagline {
width: 100% !important;
}
.footer-bottom *{
color: white;
}
#creativecommons {
width: 55%;
}
a.footer-lisens img {
float: left;
margin: 5px 5px 8px 0px;
}
@media (max-width: 640px){
#creativecommons {
width: 100%;
}
}
/*6. Calender */
.aec-eventlist{
padding: 0px !important;
}
.aec-eventlist li{
/*background: #ffd500 !important;*/
border-radius: 0px;
padding: 1em;
font-size: 1em;
}
.aec-eventlist li:hover{
background: #f4f4f4 !important;
outline: 3px solid #99002b !important;
}
.aec-eventlist li:focus{
background: #f4f4f4 !important;
outline: 3px solid orange !important;
}
#aec-modal-container{
background-color: #ffffff !important;
color: #000000 !important;
}
#aec-modal-container .aec-title {
/*background-color: #ffd500 !important;*/
padding: 1em 3em 1em 1em !important;
text-shadow: none !important;
border-bottom: 0 !important;
}
#aec-modal-container .close a {
color: #000 !important;
padding: 7px 12px !important;
text-shadow: none !important;
border: 2px solid black;
margin: 6px;
border-radius: 4px;
background: #ffffff;
}
.aec-content a {
text-decoration: underline !important;
}
.simplemodal-container {
height: auto !important;
}
@media (max-width: 420px) {
.simplemodal-container {
width: 320px !important;
height: auto !important;
}
}
/*7. Page custom menu*/
ul.m-button-list {
display: flex;
flex-wrap: wrap;
list-style: none;
padding:0;
margin:0;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
}
ul.m-button-list li{
width: 43%;
margin: 0.7em;
/* border: 2px solid #99002b; */
outline: 1px solid #99002b;
border-radius: 2px;
/* box-shadow: 0 4px 8px 0 rgb(154 160 166 / 50%); */
}
ul.m-button-list li.menu-disable{
border: 2px solid #ddd;
box-shadow: none;
}
a.a-arrow, button.a-arrow{
width: 100%;
font-family: inherit;
font-size: 0.9em;
font-weight: bold;
color: #333333 !important;
background: #fffdfd;
text-decoration: none !important;
height: 4em;
padding: 1em !important;
display: flex;
align-items: center;
text-align: left;
justify-content: space-between;
flex-direction: row;
align-content: center;
}
.morsmal-meny-punkter a.a-arrow, .morsmal-meny-punkter button.a-arrow{
background: #eceff8;
border-radius: 8px;
}
.morsmal-meny-punkter ul.m-button-list li{
outline: none;
}
/*
a.a-arrow::before{
font-family: "Font Awesome 5 Free";
content: "\f054" !important;
color: #99002b;
background: transparent !important;
padding: 3px 15px 3px 3px !important;
font-size: 0.8em;
}
*/
a.a-arrow:hover,
a.a-arrow:focus,
button.a-arrow:hover,
button.a-arrow:focus{
box-shadow: none !important;
color: #ffffff !important;
background: #99002b !important;
/* text-decoration: underline !important; */
text-decoration-color: #99002b !important;
}
a.a-arrow:hover::before,
a.a-arrow:focus::before,
button.a-arrow:hover::before,
button.a-arrow:focus::before{
transition: 0.9s ease-in-out;
color:#ffffff !important;
}
nav.menuList {
margin-top: 1em;
margin-bottom: 5em;
}
nav.menuList ul li a.a-arrow.fa.fa-angle-right::after,
nav.menuList ul li button.a-arrow.fa.fa-angle-right::after{
content: "\f105";
font-family: 'Font Awesome 5 Free';
}
nav.menuList ul li a.a-arrow.fa.fa-angle-right::before,
nav.menuList ul li button.a-arrow.fa.fa-angle-right::before {
display:none;
}
.menuList .norsk-morsmal {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
nav.menuList:empty {
display: none;
}
/* fjerne
.menuList span.norsk-sprak {
text-align: left;
}
.menuList span.morsmal-sprak {
text-align: right;
margin-left: 1em;
}
*/
nav.menuList .menu-disable,
nav.menuList .menu-disable:focus,
#header-language .menu-disable{
cursor: not-allowed;
opacity: 0.6;
pointer-events: none;
display: none;
}
#header-language .menu-disable .wpml-ls-native{
box-shadow: none;
}
nav.menuList ul li:nth-of-type(odd) a.menu-disable:after{
content:"( ikke tilgjengelig ennå 💔 )";
font-size: 0.7em;
}
nav.menuList ul li:nth-of-type(even) a.menu-disable:after{
content:"( ikke tilgjengelig ennå 😱 )";
font-size: 0.7em;
}
.wp-cat-menu,
.check-cat-available-languages,
.disable-cat-list{
display:none;
}
@media (max-width: 640px){
ul.m-button-list li{
width: 100% !important;
}
}
/*8. Featured image, image and captions*/
.featured-image img {
/*max-width: 70%;*/
}
figcaption {
text-align: center;
color: #4e5a63;
font-size: 0.8em;
margin-top: 0 !important;
/* margin-bottom: 2em !important; */
}
.featured-image .wp-caption-text, .gallery-caption {
width: 70%;
margin: 0 auto;
}
.wp-block-image figure{
display:table !important;
}
.wp-block-image figure figcaption{
display:table-caption;
caption-side: bottom;
margin-top: 0.1em;
margin-bottom: 1em;
}
/*Lenke i bildetekst*/
.wp-caption-text a {
box-shadow: none;
color: #99002b;
padding-bottom: 2px;
text-decoration: underline;
text-underline-offset: 5px;
}
.wp-caption-text a:hover {
box-shadow: none;
text-decoration: none;
}
/*featured image block*/
.wp-block-post-featured-image{
margin-bottom: 3em;
}
@media (max-width: 640px) {
.featured-image img {
max-width: 100%;
}
.featured-image .wp-caption-text, .gallery-caption {
width: 100%;
margin: 0 auto;
}
.wp-block-image figure img {
display: block;
width: 100%;
}
}
/*featured image youtube*/
.featured-image-youtube :not(:first-child){
display: none;
}
/*9 Category and tag*/
ul.meta-list>li:first-child {
/*display: none;*/
}
.a-button {
background-image: linear-gradient(to right,#ffd500 50%,#e5c000 50%);
background-position: 0;
background-size: 200%;
border: none;
color: #222;
cursor: pointer;
display: inline-block;
font-size: 18px;
font-weight: bold;
line-height: 1.2;
padding: 20px;
text-decoration: none;
transition: background-position .1s cubic-bezier(.24,.59,.38,.94),color .1s cubic-bezier(.24,.59,.38,.94);
vertical-align: bottom;
}
/*10. Link button focus*/
a:focus,
button:focus {
outline: 3px solid orange !important;
}
button:hover,
.searchform .searchsubmit:hover {
outline: 4px solid #ffffff !important;
border-radius: 5px;
}
.pt-cv-pagination-wrapper button:focus,
.pt-cv-pagination-wrapper button:hover{
outline: 3px solid #000000 !important;
}
/*.standard-knapp a:hover, .standard-knapp a:focus {
outline: 3px solid #99002b;
background: white !important;
color: black !important;
}*/
/*remove image link box-shadow*/
.entry-content a[href$=".png"],
.entry-content a[href$=".jpg"],
.entry-content a[href$=".svg"],
.pt-cv-wrapper a.pt-cv-href-thumbnail,
.slider-image-focus,
.contains-image {
box-shadow: none !important;
}
/*11. Stikkord og innleggsnavigasjon*/
.meta-list{
clear: both;
/*margin-top: 10em !important;*/
background: #f2f2f2;
padding: 1em !important;
margin: 5em 0 !important;
}
.meta-list a {
margin: 0 0 0 10px;
}
span.meta-nav-text.meta-title {
color: black;
}
.nav-links>.nav-previous>a,
.nav-links>.nav-next>a{
box-shadow: none !important;
display: block;
text-decoration: underline;
}
.nav-links>.nav-previous>a:hover,
.nav-links>.nav-next>a:hover{
outline: 3px solid #99002b !important;
text-decoration: none;
}
.nav-links span:nth-child(3) {
box-shadow: none;
padding-bottom: 2px;
}
.nav-links a:hover span:nth-child(3),
.nav-links span:nth-child(3):hover {
box-shadow: none;
padding-bottom: 2px;
color:#000064 !important;
text-decoration: none !important;
}
/*12 breadcrumb*/
#breadcrumbs{
list-style:none;
margin: 15px auto 60px auto;
padding: 6px 2px;
overflow:hidden;
/*border-bottom: 1px solid #b6cfbf;*/
width: 80%;
font-size: 0.8em;
/*width: 100vw;
margin-left: calc(50% - 50vw);
background: #f4f4f4;*/
}
@media (max-width: 1200px){
#breadcrumbs{
width: 90%;
}
}
@media (max-width: 600px){
#breadcrumbs{
margin: 0px auto 60px auto !important;
padding: 6px 15px;
width: 100% !important;
/*background: #f4f4f4;*/
}
}
#breadcrumbs li{
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
#breadcrumbs .separator{
color: #000000;
font-weight: 900;
}
#breadcrumbs li a{
box-shadow: none;
padding: 2px;
color: black;
text-decoration: underline;
text-underline-offset: 4px;
}
#breadcrumbs li a:hover{
box-shadow: none;
color: #000064;
background: #eee;
text-decoration: none;
text-underline-offset: 4px;
}
/*13. Smart slider
.n2-section-smartslider {
box-shadow: 0 10px 20px #afc1d0, 0 6px 6px #f2f2f2;
background: #f9f9f9;
}*/
@media (min-width: 640px) {
.n2-section-smartslider {
margin-top: 30px;
}
}
/*14. Content view*/
.pt-cv-wrapper img {
transition: transform .5s ease;
}
.pt-cv-ifield:hover img,
.pt-cv-ifield:focus img {
transform: scale(1.06);
}
/*14.1 AB Post display*/
.ab-post-grid-item img {
transition: transform .5s ease;
}
.ab-post-grid-item:hover img,
.ab-post-grid-item:focus img {
transform: scale(1.05);
}
.ab-block-post-grid .is-grid article {
cursor: pointer;
padding: 1em;
}
.ab-block-post-grid .is-grid article:hover {
outline: 2px solid #99002b;
}
.ab-block-post-grid header .ab-block-post-grid-title a:hover {
text-decoration: none !important;
box-shadow: none !important;
}
.ab-post-grid-item:hover div a{
box-shadow: none !important;
color: #99002b !important;
text-decoration: none !important;
}
.ab-block-post-grid .ab-block-post-grid-byline {
color: #000000 !important;
}
.ab-block-post-grid-excerpt {
font-size: 0.9em;
}
.ab-block-post-grid-title{
font-size: 1.1em !important;
color: #000064;
}
.ab-block-post-grid-more-link:hover {
text-decoration: none !important;
}
/*genesis blocks version*/
.gb-post-grid-item img {
transition: transform .5s ease;
}
.gb-post-grid-item:hover img,
.gb-post-grid-item:focus img {
transform: scale(1.05);
}
.gb-block-post-grid-title a{
font-size: 0.75em !important;
color: #000064 !important;
text-decoration-color: #99002b !important;
}
.gb-block-post-grid-excerpt {
font-size: 0.9em;
}
.gb-block-post-grid .is-grid article {
cursor: pointer;
padding: 1em;
}
.gb-block-post-grid .is-grid article:hover {
outline: 2px solid #99002b;
}
.gb-block-post-grid header .gb-block-post-grid-title a:hover {
text-decoration: none !important;
}
.gb-post-grid-item:hover div a{
box-shadow: none !important;
color: #99002b !important;
text-decoration: none !important;
}
.gb-block-post-grid .gb-block-post-grid-byline {
color: #000000 !important;
}
.gb-block-post-grid-more-link:hover {
text-decoration: none !important;
}
/*15. heading size Paragraph - margin , padding*/
.post-content h2:not([class^="kt"]){
/* font-size: 1.4em; */
margin-top: 5%;
/* margin-bottom: 5%; */
/* line-height: 1.5; */
/* color: #000000; */
/* padding-bottom: 0.2em; */
}
/* .page .post-content h2:not(.visuallyhidden) { */
/* border-bottom: 4px solid #f1f1f1; */
/* } */
.post-content h3:not([class^="kt"]),
.post-content h4:not([class^="kt"]),
.post-content h5:not([class^="kt"]),
.post-content h6:not([class^="kt"]){
/* font-size: 1.1em; */
/* line-height: 1.5; */
/* margin-top: 7%; */
/* margin-bottom: 1%; */
}
h2+h3{
/* margin-top: 3% !important; */
}
p, .embed-vimeo {
margin-bottom: 2em;
}
.entry-content li {
margin-bottom: 0%;
}
@media (max-width: 640px) {
.post-content h2 {
margin-top: 5%;
}
}
.ui-accordion-header-active a {
color: white !important;
text-decoration: none !important;
}
/*16. Archive
deleted*/
/*17. Author and date*/
.entry-byline{
color: #333;
font-size: 0.8em;
}
span.entry-byline-date{
display: block;
}
.entry-byline a {
color: #000000;
}
.sist-oppdatert {
margin-bottom: 2em;
}
/*18. Table of content*/
div#ez-toc-container {
padding: 2px;
background: #ffffff;
margin-bottom: 2em;
border: 6px solid #eee;
border-radius: 4px;
}
span.ez-toc-section:focus,
span.ez-toc-section:active{
outline: 1px solid #d40000 !important;
background: #ffdfd2 !important;
}
.ez-toc-widget-container.counter-hierarchy {
margin: 0 0.2em;
padding: 1em 0;
background: #f4f4f4;
}
ul.ez-toc-list {
margin-left: 2px;
}
ul.ez-toc-list li{
margin-bottom: 5px;
font-size: 16px;
}
/*19. Special customize on certain pages*/
.organic-column h2,
.organic-column h3,
.organic-column h4,
.organic-column h5,
.organic-column h6{
font-size: 0.9em;
}
.organic-column a+p+h2+p,
.organic-column a+p+h3+p,
.organic-column a+p+h4+p,
.organic-column a+p+h5+p,
.organic-column a+p+h6+p{
font-size: 0.7em;
}
@media (max-width: 750px){
.organic-column h2,
.organic-column h3,
.organic-column h4,
.organic-column h5,
.organic-column h6{
font-size: inherit;
}
.organic-column a+p+h2+p,
.organic-column a+p+h3+p,
.organic-column a+p+h4+p,
.organic-column a+p+h5+p,
.organic-column a+p+h6+p{
font-size: inherit;
}
}
/*20. wp emember*/
/*Login brukernavn*/
/*label[for="login_user_name"] {
visibility:hidden;
}
label[for="login_user_name"]:before {
content:"BRUKERNAVN";
visibility: visible;
}*/
/*FLORO Leseprøver skjema*/
#wp_emember_regoForm a, #wp_emember_mailSendForm1 a, #wp_emember_loginForm a, #wp_emember_profileUpdateForm a
{
color: #99002b;
text-decoration: underline;
}
#wp_emember_regoForm a:hover, #wp_emember_mailSendForm1 a:hover, #wp_emember_loginForm a:hover, #wp_emember_profileUpdateForm a:hover{
color: #000064;
background: #eee;
text-decoration: none;
}
#wp_emember_regoForm input[type="checkbox"], #wp_emember_loginForm input[type="checkbox"]{
transform: scale(2);
margin: 0px 9px;
}
#wp_emember_regoForm input, #wp_emember_mailSendForm1 input, #wp_emember_loginForm input, #wp_emember_profileUpdateForm input{
padding: 15px !important;
border: solid 0.1em #4f4f4f;
font-size: 18px;
}
#wp_emember_regoForm input:focus, #wp_emember_mailSendForm1 input:focus, #wp_emember_loginForm input:focus, #wp_emember_profileUpdateForm input:focus{
padding: 15px !important;
border: solid 0.1em #ff8100;
background:#fff4e8;
font-size: 18px;
}
input.eMember_button{
background-color: #99002b !important;
color: #fff !important;
}
#wp_emember_loginForm table tr {
background: none;
}
#post-20446 .medlemsomrade{
display: none;
}
td.slett-blokk span a {
padding: 5px 20px;
display: inline-block;
border:2px solid #99002b;
text-decoration: none !important;
}
td.slett-blokk span a:hover,
td.slett-blokk span a:hover:last-child:after {
padding: 5px 20px;
display: inline-block;
border:2px solid #99002b;
background: #99002b;
text-decoration: none !important;
color: white !important;
}
td.slett-blokk span a:first-child {
margin-left:30px;
}
td.slett-blokk span a:last-child {
visibility:hidden;
}
td.slett-blokk span a:last-child:after {
content:"NEI";
visibility: visible;
border:2px solid #99002b;
padding: 5px 20px;
display: inline-block;
}
.post-20564 tr,
.post-20564 .slett-blokk,
.post-26802 .emember_pwd_row,
.post-26802 .emember_retype_pwd_row, .post-26802 .slett-blokk, .post-26851 tr,
.post-26851 td.slett-blokk+td{
display:none;
}
.post-20564 tr:first-child,
.post-20564 tr.emember_pwd_row,
.post-20564 tr.emember_retype_pwd_row,
.post-20564 tr:last-of-type, .post-26851 tr:first-child, .post-26851 tr:last-of-type{
display: inherit !important;
}
.eMember_logged_user_info_section .eMember_logged_in_level{
display: none;
}
td.slett-blokk+td{
text-align: right;
}
/*v10 changes*/
/*floro leseprøver registreringsskjema*/
fieldset .wp_emember_{
display: none;
}
::placeholder {
color: #000000 !important;
}
:focus::placeholder{
color:#ff8100 !important;
}
#wp_emember_regoForm a, #wp_emember_mailSendForm1 a, #wp_emember_loginForm a, #wp_emember_profileUpdateForm a
{
text-decoration: underline;
text-underline-offset: 5px;
}
/*medlemsområder */
.eMember_logged_edit_profile_link,
.eMember_logged_user_expiry{
display: none;
}
/*bytte passord side*/
#post-20564 fieldset:nth-of-type(n+3):not(:last-child) {
display: none;
}
/*endre profil*/
#post-26802 fieldset:nth-of-type(2),
#post-26802 fieldset:nth-of-type(4),
#post-26802 fieldset:nth-of-type(5){
display: none;
}
/*slette konto*/
#post-26851 fieldset:not(:nth-last-child(2)) {
display: none;
}
a#delete_account_btn {
padding: 0.2em;
background: red;
color: #ffffff;
}
a#delete_account_btn:hover,
a#delete_account_btn:focus {
border: 3px solid red;
background: white;
color: #000000;
}
/*21. Link icon*/
/*nafo side*/
article br + a:not([href*="nafo"]):not([href^="#"]):not([href^="/"])::before,
article li.ikon-lenke a:not([href*="nafo"]):not([href^="#"]):not([href^="/"])::before,
article p.ikon-lenke>a:first-child:not([href*="nafo"]):not([href^="#"]):not([href^="/"])::before{
font-family: "Font Awesome 5 Free";
/*content: "\f08e";*/
content: "\f35d";
padding: 3px 6px 6px 3px;
color: #99002b;
font-weight: bold;
font-size: 14px;
background: #ffffff;
}
article br + a[href*="nafo"]::before,
article li.ikon-lenke a[href*="nafo"]::before,
article p.ikon-lenke>a:first-child[href*="nafo"]::before{
font-family: "Font Awesome 5 Free";
content: "\f0a9";
padding: 3px 6px 6px 3px;
color: #99002b;
font-weight: bold;
/*font-size: 14px;*/
background: #ffffff;
}
article br + a:not([href*="nafo"]):not([href^="#"]):not([href^="/"]),
article li.ikon-lenke a:not([href*="nafo"]):not([href^="#"]):not([href^="/"]),
article p.ikon-lenke>a:first-child:not([href*="nafo"]):not([href^="#"]):not([href^="/"]),
article br + a[href*="nafo"],
article li.ikon-lenke a[href*="nafo"],
article p.ikon-lenke>a:first-child[href*="nafo"]{
font-weight: bold;
}
.ingen-ikon,
.ingen-ikon a{
font-weight: normal !important;
}
a.bilde-lenke::before,
a.more-link::before,
a.ingen-ikon::before,
.ingen-ikon a::before{
display: none;
}
.ingen-ikon .fa{
display: none;
}
/*ikon-lenke - med span*/
span.ikon-lenke-interne:before {
font-family: "Font Awesome 5 Free";
content: "\f0a9";
padding: 3px 6px 6px 3px;
color: #99002b;
font-weight: bold;
font-size: 14px;
text-decoration: none !important;
}
span.ikon-lenke-eksterne:before {
font-family: "Font Awesome 5 Free";
/*content: "\f08e";*/
content: "\f35d";
padding: 3px 6px 6px 3px;
color: #99002b;
font-weight: bold;
font-size: 14px;
text-decoration: none !important;
}
span.ikon-lenke-eksterne,
span.ikon-lenke-interne{
/*text-decoration: none !important;*/
}
li.ikon-lenke a:not(.a-arrow):before,
.ez-toc-list span.ikon-lenke-eksterne,
.ez-toc-list span.ikon-lenke-interne
{
display:none;
}
span.ikon-lenke-eksterne+a,
span.ikon-lenke-interne+a{
/*font-weight: bold;*/
}
/*22. AB columns*/
@media only screen and (min-width: 600px){
.to-blokker.p1-3.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 1fr 3fr !important;
}
.to-blokker.p1-4.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 1fr 4fr !important;
}
.to-blokker.p1-5.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 1fr 5fr !important;
}
.to-blokker.p1-6.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 1fr 6fr !important;
}
.to-blokker.p1-7.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 1fr 7fr !important;
}
.to-blokker.p1-8.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 1fr 8fr !important;
}
.to-blokker.p1-9.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 1fr 9fr !important;
}
.to-blokker.p1-10.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 1fr 10fr !important;
}
.to-blokker.p3-1.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 3fr 1fr !important;
}
.to-blokker.p4-1.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 4fr 1fr !important;
}
.to-blokker.p5-1.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 5fr 1fr !important;
}
.to-blokker.p6-1.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 6fr 1fr !important;
}
.to-blokker.p7-1.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 7fr 1fr !important;
}
.to-blokker.p8-1.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 8fr 1fr !important;
}
.to-blokker.p9-1.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 9fr 1fr !important;
}
.to-blokker.p10-1.ab-layout-columns-2>.ab-layout-column-wrap {
grid-template-columns: 10fr 1fr !important;
}
}
.ab-layout-columns-4, .ab-layout-columns-5, .ab-layout-columns-6 {
overflow-x: unset;
}
/*genesis block version*/
@media only screen and (min-width: 600px){
.to-blokker.p1-3.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 1fr 3fr !important;
}
.to-blokker.p1-4.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 1fr 4fr !important;
}
.to-blokker.p1-5.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 1fr 5fr !important;
}
.to-blokker.p1-6.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 1fr 6fr !important;
}
.to-blokker.p1-7.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 1fr 7fr !important;
}
.to-blokker.p1-8.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 1fr 8fr !important;
}
.to-blokker.p1-9.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 1fr 9fr !important;
}
.to-blokker.p1-10.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 1fr 10fr !important;
}
.to-blokker.p3-1.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 3fr 1fr !important;
}
.to-blokker.p4-1.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 4fr 1fr !important;
}
.to-blokker.p5-1.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 5fr 1fr !important;
}
.to-blokker.p6-1.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 6fr 1fr !important;
}
.to-blokker.p7-1.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 7fr 1fr !important;
}
.to-blokker.p8-1.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 8fr 1fr !important;
}
.to-blokker.p9-1.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 9fr 1fr !important;
}
.to-blokker.p10-1.gb-layout-columns-2>.gb-layout-column-wrap {
grid-template-columns: 10fr 1fr !important;
}
}
.gb-layout-columns-4, .gb-layout-columns-5, .gb-layout-columns-6 {
overflow-x: unset;
}
.to-blokker {
cursor: pointer;
}
.to-blokker:hover {
outline: 2px solid #99002b;
}
.bilde-knapp.to-blokker a:hover:after {
box-shadow: none;
}
/*overskrift inni columns blokk*/
.gb-block-layout-column-inner>h2,
.gb-block-layout-column-inner>h3,
.gb-block-layout-column-inner>h4,
.gb-block-layout-column-inner>h5,
.gb-block-layout-column-inner>h6{
margin-top: 0%;
}
/*23. body line height*/
body{
line-height: 2 !important;
}
/*24. AB
24.1 AB button*/
/* .entry-content button:hover, */
/* a[class*="button"]:hover, */
/* input[class*="button"]:hover{ */
/* outline: 2px solid #99002b !important; */
/* background-color: #ffffff !important; */
/* color:#99002b !important; */
/* box-shadow: none !important; */
/* } */
/*nettbasert kurs button type*/
.gb-block-layout-column-inner a.gb-button {
width: 100%;
}
/*nettbaserte kurs - show current page*/
a.current-side {
background: white !important;
color: #99002b !important;
font-weight: 900;
border-radius: 0px;
border-bottom: 5px solid #99002b;
pointer-events: none;
}
/* 24.2 AB testimonial */
.left-aligned .ab-testimonial-info .ab-testimonial-name, .left-aligned .ab-testimonial-info .ab-testimonial-title {
margin-left: 70px;
margin-right: 0;
}
/*genesis block version*/
.left-aligned .gb-testimonial-info .gb-testimonial-name, .left-aligned .gb-testimonial-info .gb-testimonial-title {
margin-left: 70px;
margin-right: 0;
}
/*25. empty P*/
a.bilde-lenke+p:empty{
height: 0;
margin: 0;
padding: 0;
}
/*26 TM feed*/
.feed-list li {
display: flex;
flex-direction: column;
margin-bottom: 4em;
border: 1px solid #ddd;
padding: 1em;
/*cursor: pointer;*/
}
ul.feed-list {
padding: 0;
margin-left: 0;
}
.feed-list h3 {
font-size: 1.2em;
margin-bottom: 0;
margin-top: 1%;
}
.feed-list time{
color: #000000;
font-size: 0.8em;
}
@media (max-width: 640px){
.feed-description img{
margin-right: 65px !important;
}
}
/*27. Lazy load*/
.lazy-load {
transition: opacity .15s;
opacity: 0;
}
.lazy-load.is-loaded {
opacity: 1;
}
/*28. Image button*/
.bilde-knapp{
overflow-x: unset;
margin-bottom: 60px;
}
.bilde-knapp .wp-block-atomic-blocks-ab-column{
/*background: #eee;*/
}
.bilde-knapp .ab-block-layout-column-inner {
padding: 0.3em;
}
.bilde-knapp .wp-block-genesis-blocks-gb-column{
/*background: #eee;*/
}
.bilde-knapp .gb-block-layout-column-inner {
padding: 0.3em;
}
.bilde-knapp .wp-block-image{
margin-bottom: 0px;
}
.bilde-knapp .wp-block-image figure{
margin-bottom: 0px !important;
}
.bilde-knapp h2,
.bilde-knapp h3,
.bilde-knapp h4,
.bilde-knapp h5,
.bilde-knapp h6,
.bilde-knapp p{
/*font-size: 16px;
line-height: 1.5;
word-break: break-word;
margin-bottom: 2px;*/
font-size: 17px;
line-height:1.7;
word-break: normal;
margin-bottom: 2px;
margin-top: 0px;
}
/*Bilde knapp- ansatte side*/
#post-103 .bilde-knapp p{
font-size: 15px;
}
.bilde-knapp a.bilde-lenke.contains-image:after {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.bilde-knapp a.bilde-lenke.contains-image:hover:after {
-webkit-box-shadow: inset 0px 0px 0px 3px #99002b;
-moz-box-shadow: inset 0px 0px 0px 3px #99002b;
box-shadow: inset 0px 0px 0px 3px #99002b;
}
.bilde-knapp.to-blokker a.bilde-lenke.contains-image:hover:after {
box-shadow: none;
}
.bilde-knapp h2 a:after,
.bilde-knapp h3 a:after,
.bilde-knapp h4 a:after,
.bilde-knapp h5 a:after,
.bilde-knapp p a:after {
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.bilde-knapp h2 a:hover:after,
.bilde-knapp h3 a:hover:after,
.bilde-knapp h4 a:hover:after,
.bilde-knapp h5 a:hover:after,
.bilde-knapp p a:hover:after {
-webkit-box-shadow: inset 0px 0px 0px 3px #99002b;
-moz-box-shadow: inset 0px 0px 0px 3px #99002b;
box-shadow: inset 0px 0px 0px 3px #99002b;
}
.bilde-knapp h2 a:hover,
.bilde-knapp h3 a:hover
.bilde-knapp h4 a:hover,
.bilde-knapp h5 a:hover,
.bilde-knapp p a:hover {
/*word-break: break-word;*/
}
.bilde-knapp a:hover,
.to-blokker:hover a{
box-shadow: none !important;
color: #99002b;
}
.to-blokker img{
width: 150px;
}
@media (max-width: 640px) {
.bilde-knapp .wp-block-atomic-blocks-ab-column{
margin-bottom: 1em;
}
.bilde-knapp .wp-block-genesis-blocks-gb-column{
margin-bottom: 1em;
}
}
/*image and text wrapped in tag*/
.organic-column a.bilde-lenke.contains-image {
font-size: 0.9em;
/*padding: 5px;*/
display: block;
}
.organic-column a.bilde-lenke.contains-image:hover {
outline: 2px solid #99002b;
}
/*image and text each wrapped in tags*/
.organic-column a.bilde-lenke.contains-image+a{
font-size: 0.9em;
}
.organic-column a img.size-thumbnail{
padding-bottom: 5%;
display: block !important;
float: none !important;
margin: 0 !important;
}
.organic-column a img.size-thumbnail+br{
display:none;
}
@media (max-width: 640px) {
/*.organic-column a.bilde-lenke.contains-image img{
height: auto !important;
width: auto !important;
}*/
.organic-column>a.bilde-lenke.contains-image>img.alignleft.size-thumbnail{
float:none !important;
width: 150px !important;
}
}
/*29. Screen reader text
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important
}*/
.searchcontainer .screen-reader-text {
color: #000000;
background: #ffffff;
}
/*30. Slider*/
/************************************************
* 6. Slideshow *
************************************************/
.slider-row{ /*yes*/
margin-bottom: 5em;
min-width: 0;
}
#carouselheading{ /*yes*/
margin:0;
}
.visuallyhidden { /*yes*/
font-size: 0px !important;
}
#slideshow { /*yes*/
display: block;
position: relative;
width: 100%;
margin-top: 33px;
padding: 0px;
overflow: hidden;
}
.flexslider { /*yes*/
width: 98%;
margin: 2px auto;
padding: 0;
position: relative;
zoom: 1;
}
#slideshow ul,
#slideshow li,
#slideshow ol { /*yes*/
list-style-type: none;
margin: 0px;
padding: 0px;
}
.flexslider .slides li { /*yes*/
cursor: pointer;
}
.flexslider .slides > li { /*don't delete this - useful for Cumulative Layout Shift*/
display: none;
-webkit-backface-visibility: hidden;
}
.slider-row .four{width: 30.37%;} /*yes*/
.slider-row .eight{width: 65%;} /*yes*/
.slider-columns { /*yes*/
float: left;
}
.four.slider-columns { /*yes*/
float: right;
}
.flexslider .slides img { /*yes*/
display: block;
width: 100%;
margin: 0px;
}
h3.headline.smaller{ /*yes*/
margin-top: 0%;
}
.headline.smaller a{ /*yes*/
font-size: 1.1em;
color: #0000c6 !important;
text-decoration-color: #99002b !important;
}
.flexslider .ikon-lenke-interne{ /*yes*/
display: none;
}
.flexslider p{ /*yes*/
margin-top: 3%;
font-size: 0.8em;
line-height: 2;
}
/* Clearfix for the .slides element */
.slides:after { /*yes*/
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* Control Nav */
.flex-control-nav { /*yes*/
text-align: center;
}
.flex-control-nav li { /*yes*/
display: inline-block;
padding: 9px 12px !important;
}
.flex-control-nav li a { /*yes*/
display: block;
background: #999999;
color: #000000;
width: 12px;
height: 12px;
font-size: 0;
border-radius: 6px;
}
.flex-control-nav li a.flex-active { /*yes*/
background: #0000c6;
color: #ffffff !important;
border-radius: 0px;
}
/* Direction Nav */
.flex-direction-nav li a { /*yes*/
position: absolute;
bottom: 2px;
font-size: 0.8em;
}
.flexslider .flex-control-nav a,
.flexslider .flex-direction-nav a{ /*yes*/
color: #000000 !important;
box-shadow: none !important;
text-decoration: none !important;
}
.flex-control-nav li a:hover {
color: #ffffff !important;
background: #000000 !important;
}
.flex-direction-nav li .flex-next { /*yes*/
right: 180px;
}
.flex-direction-nav li .flex-prev { /*yes*/
left: 180px;
}
.flex-direction-nav li .flex-prev:hover,
.flex-direction-nav li .flex-next:hover,
.flex-control-nav li .numbering:hover {
outline: 2px solid #99002b;
text-decoration: underline !important;
color: #000064 !important;
}
.flex-direction-nav li .flex-prev:hover,
.flex-direction-nav li .flex-next:hover{
background: #ffffff !important;
}
.flexslider .slides li:hover {
outline: 2px solid #99002b;
}
.flexslider .slides li:hover .headline a {
box-shadow: none;
color: #99002b !important;
text-decoration: none;
}
@media (max-width: 1000px){
.flex-direction-nav li .flex-next {
right: 2px;
}
.flex-direction-nav li .flex-prev {
left: 2px;
}
}
@media (max-width: 600px){
h3.headline.smaller {
margin-top: 1em;
}
.slider-columns {
width: auto !important;
float: none;
margin-left: 0;
margin-right: 0;
}
.slider-columns:last-child {
margin-right: 0;
float: none;
}
}
/*31. Kompetanseheving*/
/* fargefiks til knappene på kompetanseheving */
body .organic-btn.yellow-btn span.btn-holder, body .organic-btn.cyan-btn span.btn-holder {
color: #000 !important;
text-shadow: none !important;
}
body .article .organic-btn span.btn-holder {
color: black !important;
text-shadow: none !important;
}
/* når musen holdes over (eller man tabber til knappen) blir tekstfarge hvit, og får en tydeligere ramme */
body .article .organic-btn:hover span.btn-holder,
body .article .organic-btn:active span.btn-holder,
body .article .organic-btn:focus span.btn-holder {
color: white !important;
text-shadow: 1px 1px 2px black !important;
}
/* transparent mørkere farge over knappenes bakgrunnsfarge når musen holder over */
body .article .organic-btn:hover,
body .article .organic-btn:active,
body .article .organic-btn:focus {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.30)),to(rgba(0, 0, 0, 0.40)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.40));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.40));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.40));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.40));
background-image: linear-gradient(top, rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.40));
}
/* tilpassede knapper i veier til språk. Her kan nye bakgrunnsfarger defineres og endres */
.organic-btn[class*='intro']{
background-color: DarkSalmon;
}
.organic-btn[class*='sefilm']{
background-color: #9fc69f;
}
.organic-btn[class*='lysark']{
background-color: LightBlue;
}
.organic-btn[class*='artikler']{
background-color: #b6e1fc;
}
.organic-btn[class*='foredrag'],
.organic-btn[class*='filmer']
{
background-color: #9fc69f;
}
.organic-btn[class*='fordypning']{
background-color: PeachPuff;
}
.organic-btn[class*='ipraksis']{
background-color: Plum;
}
.organic-btn[class*='barnehage']{
background-color: MediumAquamarine;
}
.organic-btn[class*='skole']{
background-color: LightCoral;
}
.organic-btn[class*='current'] span.btn-holder{
border-color: #555;
position: relative;
}
.organic-btn[class*='current'] span.btn-holder::after {
content: "";
display:block;
position:absolute;
left:0;
right:0;
width: 100%;
bottom:-1em;
border-bottom: 6px solid #aaa;
}
/*32. Block search bar*/
.wp-block-search .wp-block-search__input {
width: 70%;
}
/*33. Customized css class for block*/
.ingen-luft,
.ingen-luft p,
.ingen-luft figure,
.ingen-luft h2,
.ingen-luft h3,
.ingen-luft h4,
.ingen-luft h5,
.ingen-luft h6,
.ingen-luft h7
{
margin-bottom: 0 !important;
}
/*34. nafo arrangementer*/
/*event list display*/
section.nafo-arrangementer {
margin: 2em 0;
}
article.nafo-arrangementer{
line-height: 1.5;
}
a.nafo-arrangementer-lenke {
display: flex;
box-shadow: none !important;
padding: 1.5em 0.3em !important;
/*border-bottom: 1px solid #e2e2e2;*/
}
.nafo-arrangementer-dato {
padding: 0em;
background: #99002b;
text-align: center;
color: white;
/*box-shadow: 4px 5px 8px 0px #a0a0a0;*/
min-width: 4em;
height: 3.3em;
display: flex;
flex-direction: column;
justify-content: center;
}
.nafo-arrangementer-tittel {
padding: 0 1em;
width: 100%;
display: flex;
align-items: center;
}
.nafo-arrangementer-tittel h3{
color: #000064;
line-height: 1.5;
font-size: 0.85em;
padding: 0 0 2px 0;
margin: 0;
display: inline;
/*border-bottom: 1px solid #99002b;*/
text-decoration-line: underline;
text-decoration-color: #99002b;
text-underline-offset: 7px;
}
span.day {
display: block;
font-size: 1.2em;
line-height: 1;
}
span.month {
display: block;
font-size: 0.7em;
}
a.nafo-arrangementer-lenke:hover,a.nafo-arrangementer-lenke:focus {
box-sizing: border-box;
outline: 3px solid #99002b;
transition: .5s ease;
}
a.nafo-arrangementer-lenke:hover h3, a.nafo-arrangementer-lenke:focus h3{
color: #99002b;
text-decoration: none;
/*border-bottom: 1px solid transparent;*/
}
a.nafo-arrangementer-lenke:hover .nafo-arrangementer-dato, a.nafo-arrangementer-lenke:focus .nafo-arrangementer-dato {
background: white;
color: #99002b;
transition: .5s ease;
}
/*event page*/
main#tribe-events-pg-template,
.tribe-common{
width: 80%;
margin: 0 auto;
padding: 0;
}
.tribe-events-l-container{
padding: 0 !important;
}
.tribe-events-schedule h2 {
font-size: 1em;
margin: 1em 0 1em 0;
}
.tribe-events-pg-template #tribe-events-header,
.tribe-events-pg-template .tribe-events-cal-links a.tribe-events-gcal,
.tribe-events-pg-template #tribe-events-footer,
header.tribe-events-header,
.tribe-events-calendar-list__event-date-tag.tribe-common-g-col,
.tribe-events-calendar-list-nav,
.tribe-events-c-ical,
.tribe-events-calendar-list__event address,
.tribe-events-back,
.tribe-events-schedule .tribe-events-cost,
.tribe-events-c-small-cta,
.single-tribe_events .tribe-events-event-image,
.tribe-events-meta-group .tribe-event-tags{
display: none !important;
}
.arrangement-fremhevet-bilde{
margin: 1em 0 1em 0;
}
.single-tribe_events .tribe-events-event-meta {
font-size: 80%;
}
.single-tribe_events .tribe-events-event-meta abbr{
text-decoration: none;
}
.tribe-events-pg-template a,
.tribe-events-calendar-list a{
color: #99002b;
text-decoration: underline;
text-underline-offset: 5px;
line-height: 1.5;
transition: .3s ease;
}
.tribe-events-single .tribe-events-event-meta a{
word-break: break-all;
}
.tribe-events-pg-template a:hover,
.tribe-events-calendar-list a:hover{
box-shadow: none;
color: #000064;
text-decoration: none;
background: #eee;
}
h2.tribe-events-single-section-title,
.tribe-events-calendar-list .tribe-events-calendar-list__month-separator {
background: #99002b;
padding: 0.2em 1em;
color: white;
font-size: 1.2em;
font-weight: bold;
}
.single-tribe_events .tribe-events-event-meta dl {
margin: 0 0 0 3em;
}
@media (min-width: 640px){
.single-tribe_events .tribe-events-event-meta {
display: flex;
}
.tribe-events-meta-group {
border-right: 1em solid #ffffff;
width: 35%;
}
.tribe-events-single-section-title{
text-align: center;
}
.single-tribe_events .tribe-events-event-meta dl,
.single-tribe_events .tribe-events-event-meta dd{
margin: 0;
}
}
@media (max-width: 640px) {
h2.tribe-events-single-section-title {
padding: 0.5em;
}
.single-tribe_events .tribe-events-event-meta dl {
margin: 0 0.5em;
}
}
article.tribe-events-calendar-list__event:hover {
outline: 2px solid #99002b;
}
article.tribe-events-calendar-list__event {
cursor: pointer;
padding: 1em 0 !important;
margin: 0 !important;
}
article.tribe-events-calendar-list__event span,
article.tribe-events-calendar-list__event h3,
article.tribe-events-calendar-list__event p{
font-size: 0.8em;
}
article.tribe-events-calendar-list__event h3{
font-size: 1em;
}
article.tribe-events-calendar-list__event:hover a {
box-shadow: none !important;
color: #000064 !important;
text-decoration: none;
}
article.tribe-events-calendar-list__event a.tribe-events-calendar-list__event-title-link{
color: #000064 !important;
text-decoration-line: underline !important;
text-decoration-color: #99002b !important;
text-underline-offset: 5px !important;
}
article.tribe-events-calendar-list__event:hover a.tribe-events-calendar-list__event-title-link {
box-shadow: none !important;
color: #99002b !important;
text-decoration: none !important;
}
article.tribe-events-calendar-list__event a.tribe-events-calendar-list__event-title-link:hover{
color: #99002b !important;
text-decoration: none !important;
}
article>.tribe-events-calendar-list__event-details:first-child{
width:100% !important;
}
.tribe-common-g-row {
margin-bottom:4em !important;
}
.tribe-events-calendar-list__event-datetime-wrapper{
line-height: 1;
}
.tribe-events-calendar-list__event-datetime-wrapper::before,
.tribe-events-schedule h2::before {
font-family: "Font Awesome 5 Free";
font-weight: 400;
content: "\f073";
color: #37a200;
}
span.tribe-event-date-start {
margin-left: 0.7em;
}
a.tribe-events-gmap {
display: none;
}
.single-tribe_events .tribe-events-event-meta dd.tribe-organizer{
margin: 0 1.5em 1.5em 0;
}
.tribe_events ul.meta-list{
margin: 0;
list-style: none;
}
.tribe_events ul.meta-list.kategori{
display: none;
}
/*gammelt arrangement side*/
.tribe-events-notices {
background: none;
border: 2px solid #99002b;
color: #99002b;
}
.tribe-events-calendar-latest-past .tribe-events-calendar-latest-past__event-date-tag{
display:none;
}
.tribe-events-calendar-latest-past span.tribe-event-date-start{
margin-left: 0;
}
.tribe-events-calendar-latest-past .tribe-events-calendar-latest-past__event-details.tribe-common-g-col{
width: 100% !important;
}
.tribe-events-calendar-latest-past a.tribe-events-calendar-latest-past__event-title-link{
text-decoration: underline;
font-size:0.8em;
color: #000064;
}
.tribe-events-calendar-latest-past a.tribe-events-calendar-latest-past__event-title-link:hover{
text-decoration: none;
}
.tribe-events-calendar-latest-past .tribe-common-g-row.tribe-events-calendar-latest-past__event-row {
margin-bottom: 0 !important;
}
/*block version*/
.tribe-events-schedule__datetime * {
font-family: 'muli';
font-size: 1em;
color: black;
font-weight: bold;
line-height: 1.5;
}
.tribe-events-schedule__separator--time {
margin: 0 0.5em;
}
.tribe-blocks-editor .tribe-events-event-image{
display:block !important;
margin: 1em 0 1em 0;
}
.tribe-events-event-image img{
width: 100%;
}
/*35. placeholder in textbox*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #3f3f3f;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #3f3f3f;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #3f3f3f;
}
/*36. File block for jpg png - link format download button*/
/*fil blokk for jpg png lenker format*/
.wp-block-file .wp-block-file__button {
background: #f2f2f2;
border-radius: unset;
color: #000;
font-size: .8em;
padding: 0.1em 0.5em;
margin: 0 .75em;
outline: 1px solid #5c5c5c;
line-height: 1.5;
box-shadow: unset !important;
}
.wp-block-file a.wp-block-file__button:hover {
background: #99002b !important;
color: white !important;
}
.wp-block-file a[href$=".jpg"]:not(.wp-block-file__button),
.wp-block-file a[href$=".png"]:not(.wp-block-file__button) {
box-shadow: inset 0 -1px 0 #99002b !important;
}
.wp-block-file a[href$=".jpg"]:not(.wp-block-file__button):hover,
.wp-block-file a[href$=".png"]:not(.wp-block-file__button):hover {
box-shadow: inset 0 -5px 0 #99002b !important;
}
.wp-block-file .wp-block-file__button{
display: inline-block;
}
/*37. Schema purpose*/
.innlegg-utdrag,
.date-modified-post,
.innleggutgivermeta,
.page .innleggdatometa,
.page .forfattermeta{
display: none;
}
/*Post - image*/
.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img {
border-radius: 10px;
}
/*home image*/
.alignfull img, .alignwide img {
display: unset;
}
/*home startsiden omslag*/
.startsiden p {
margin-bottom: 0;
}
@media (max-width: 640px) {
.startsiden p {
font-size: 1.3em !important;
}
.startsiden p img{
width: 10% !important;
}
}
/*home startside - logo animasjon*/
@keyframes Home_logo_animation {
0% {
transform: translate(0)
}
50% {
transform: translateY(15px) rotate(2deg)
}
to {
transform: translate(0)
}
}
img.wp-image-1461705,
.visanimasjon{
animation: Home_logo_animation 3s ease-in-out infinite;
}
/* lenke har bilde behave like button when click */
a.lenke-har-bilde:hover {
box-shadow: 0px 15px 25px -5px black !important;
transform: scale(1.03);
}
a.lenke-har-bilde:active {
box-shadow: 0px 4px 8px black !important;
transform: scale(.98);
}
/*block gallery - fixed after WP update.*/
body .is-layout-flex {
display: flex;
}
body .is-layout-flex {
flex-wrap: wrap;
align-items: center;
}
body .is-layout-flex > * {
margin: 0;
}
/*duplication posts - disable language link*/
#header-language a.gjem-spraklenke{
pointer-events: none;
text-decoration: none !important;
}
/*lyd ikon*/
.not-playing{
display:none !important;
}
.lyd-ikon-avspiller{
background-color: #f1f3f4 !important;
color: black !important;
border-radius: 10px;
margin: 5px 0;
border: 1px solid #cbcbcb;
}
.lyd-ikon-avspiller:hover{
background-color: #99002b !important;
color: white !important;
border-radius: 10px;
margin: 5px 0;
border: 1px solid #99002b;
}
.lyd-ikon-avspiller span.fa.fa-volume-up{
color: black;
font-size: inherit;
}
.lyd-ikon-avspiller:hover span.fa.fa-volume-up{
color: white;
}
/*lyd toggle*/
.vis-audio {
margin: 2em 0;
}
.lyd-switch {
position: relative;
display: inline-flex;
width: 182px;
height: 28px;
cursor: pointer;
align-items: center;
justify-content: space-between;
align-content: center;
flex-direction: row;
}
.lyd-switch input {
opacity: 0;
width: 0;
height: 0;
}
.lyd-slider {
position: absolute;
width: 59px;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.lyd-slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 7px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .lyd-slider {
background-color: #99002b;
}
input:focus + .lyd-slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .lyd-slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.lyd-slider-tekst{
position: absolute;
right: 0;
padding: 0 6px;
}
.morsmal-toggle-track-check {
/* color: white; */
position: absolute;
width: .875em;
height: .625em;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
line-height: 0;
left: .5em;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease;
}
.morsmal-toggle-track-x {
position: absolute;
width: .625em;
height: .625em;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
line-height: 0;
right: .625em;
opacity: 1;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease;
}
.lyd-checked .select-vis {
font-weight: bolder;
}
.lyd-unchecked .select-skjul {
font-weight: bolder;
}
@keyframes lydtoggle {
0% {box-shadow: none;}
50% {box-shadow: 0 0 20px 3px #d2d2d2, inset 0 0 20px 3px #f1f3f4; background: #f1f3f4;}
100% {box-shadow: none;}
}
.lyd-added{
animation-name: lydtoggle;
animation-duration: 3s;
}
/* Rounded sliders */
.lyd-slider.round {
border-radius: 34px;
}
.lyd-slider.round:before {
border-radius: 50%;
}
.lyd-switch:hover{
outline: 1px solid #99002b;
border-radius: 17px;
}
input[type="checkbox"]:focus ~ .lyd-slider{
outline: 3px solid orange
}
.lyd-switch span.fa.fa-volume-up{
color: black;
font-size: inherit;
}
/*turn on and off audio element*/
.lyd-switch.lyd-unchecked + .entry-content .lyd-ikon-avspiller{
display: none;
}
.lyd-switch.lyd-unchecked + .entry-content .wp-block-kadence-advancedgallery span.fa.fa-volume-up{
display: none;
}
/*audio shortcode*/
#page .mejs-audio button {
background-color: inherit !important;
}
#page .mejs-audio .mejs-controls {
border-radius: 5px;
background-color: #979797 !important;
}
#page .mejs-controls .mejs-time-rail .mejs-time-total {
background: #ffffff;
}
/*audio length*/
.wp-block-audio audio {
min-width: unset;
}
.wp-block-audio audio{
height: 2em;
}
/* Remove - Dflip control*/
/* Remove - last ned illustrations*/
/*file block*/
.wp-block-file:not(.wp-element-button) {
font-size: .9em;
margin-bottom: 2em;
}
[dir="rtl"] .wp-block-file:not(.wp-element-button) {
font-size: inherit;
}
.wp-block-embed {
margin-bottom: 2em;
}
/* Remove - bøker og fortelling category*/
/* Remove - bøker og fortelling - fortelling-blokk*/
/*alfabetkort*/
.alfabetkort {
height: 15em;
padding: 1em;
border: 1px solid #adadad;
border-radius: 5px;
}
.alfabetkort .alfabet-tall {
display: none;
}
.alfabetkort .wp-block-group__inner-container {
height: 100%;
}
.alfabetkort .wp-block-image{
height: 9em;
display: flex;
flex-direction: column;
justify-content: center;
}
.alfabetkort .wp-block-image figure{
padding: 0;
margin: 1em auto !important;
}
.alfabetkort .wp-block-image figure img{
object-fit: contain !important;
height: 9em;
}
.alfabetkort .alfabet {
height: 4em;
padding: 0;
margin: 0;
gap: 0.5em;
}
.alfabetkort .alfabet p{
font-weight: bold;
padding: 0;
margin:0;
line-height: 1 !important;
}
.alfabetkort .alfabet-bokstav p {
font-size: 2.5em !important;
}
.alfabetkort .alfabet-ord p {
font-size: 1em !important;
padding-bottom: 5px;
}
html[dir="rtl"] .alfabetkort .alfabet-bokstav p {
font-size: 4em !important;
}
html[dir="rtl"] .alfabetkort .alfabet-ord p {
font-size: 2em !important;
}
.alfabetkort .alfabet-bokstav{
flex-basis: 40% !important;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.alfabetkort .alfabet-ord {
flex-basis: 60% !important;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.alfabetkort .fa-volume-up{
/* font-size: inherit; */
font-size: 12px;
color: inherit;
padding: 0 5px;
}
.bildekort-medlyd{
transition: all 0.3s;
}
.bildekort-medlyd:hover,
.bildekort-medlyd:focus{
cursor: pointer;
box-shadow: 0px 15px 25px -5px #97a7b5;
transform: scale(1.03);
}
.bildekort-medlyd:active {
box-shadow: 0px 4px 8px #97a7b5;
transform: scale(0.98);
}
.alfabetkort .is-playing .fa-volume-up{
transform: scale(1.4);
}
.alfabetkort .wp-block-audio{
display: none;
}
.alfabetkort-printsection{
display: none;
}
.alfabet-bakside {
background: lightgreen;
}
.alfabetkort-rad{
margin-bottom: 2em;
}
@media (max-width: 781px){
.alfabetkort .alfabet{
flex-wrap: nowrap !important;
}
}
/* Remove - FF*/
/*media text block - ltr or rtl*/
.wp-block-media-text {
direction: inherit;
}
/*detaljer blokk*/
details {
padding: 0.6em;
}
details summary:hover{
outline: 2px solid #99002b;
}
/*Print and copy button*/
.printPage-div{
text-align: right;
}
.printPage-div button.printPage,
.printPage-div button.copyPage {
background: #eee !important;
color: black !important;
border: 2px solid transparent;
border-radius: 5px;
line-height: 1;
font-size: 0.7em;
padding: 7px;
}
.printPage-div button.printPage:hover,
.printPage-div button.copyPage:hover {
background: #ffffff !important;
border: 2px solid #99002b;
}
/*ny side til print version*/
.ny-side{
display: none;
}
/***********Print*******************/
@media print {
@page {
size: A4 portrait;
margin: 0.8cm 0 1.5cm 0;
}
html{
overflow: visible;
}
.site-content, .post {
display: block;
}
.artikkel-sprak{
display: block;
}
#skip-to-content,
header.site-header,
.available-lang,
.container.text-container,
.entry-content span.fa,
.meta-list,
.footer-widgets,
.wp-block-audio,
audio,
.wp-block-kadence-accordion,
.wp-block-embed,
.otgs-development-site-front-end,
button.printPage,
.printPage-div,
.logged-in .status-draft::before,
#MathJax_Message{
display: none;
}
footer.site-footer {
background: transparent !important;
line-height: 1;
position: fixed;
bottom: -29px;
padding: 0;
}
.footer-bottom #creativecommons {
display: none;
}
.footer-bottom {
padding: 0;
}
p#copyright{
color: black;
text-align: center;
}
p#copyright:before {
content: "morsmål.no · ";
}
.print{
display: block !important;
}
.ikke-print,
.gjem,
.gjem-print{
display: none !important;
}
.gjem-frontend{
display: block;
visibility: visible;
}
.wp-block-media-text.gjem-frontend{
display: grid;
}
hr.ny-side{
display: block;
/* visibility: hidden; */
/* position: absolute; */
/* left: -9999px; */
/* overflow: hidden; */
break-before: page;
margin: 0;
border: none;
}
.entry-content p{
font-size: 14pt;
}
.wp-block-columns {
flex-wrap: nowrap !important;
}
/* blokk gjem på print*/
.wp-block-kadence-posts,
.wp-block-kadence-tableofcontents{
display: none !important;
}
/*bildekort*/
.bildekort-bakside{
display: block;
}
.print-bildekort #primary,
.print-bildekort .entry-content,
.print-bildekort .post-content,
.print-bildekort .bildekort-forside{
width: 100%;
}
.print-bildekort .entry-header,
.print-bildekort .artikkel-sprak,
.print-bildekort p#copyright,
.print-bildekort .wp-block-spacer,
.logged-in.print-bildekort .status-pending::before{
display: none;
}
.print-bildekort-hele .entry-content>:not(.bildekort-hele){
display: none !important;
}
.print-bildekort .bildekort h2{
font-size: 17pt;
}
.print-bildekort .wp-block-column{
flex-basis: unset !important;
flex-grow: unset !important;
}
.bildekort-forside .wp-block-columns,
.bildekort-bakside .wp-block-columns{
flex-wrap: nowrap!important;
}
/*fokusord*/
.fokusord .bildekort .wp-block-audio{
display: none;
}
.fokusord .bildekort .wp-block-media-text__media img {
height: auto !important;
width: 350px !important;
}
.rtl .fokusord .bildekort-forside .bildekort h2{
font-size: 30pt;
}
.rtl .fokusord .bildekort-forside .bildekort .definisjon{
font-size: 22pt;
}
:lang(ur) .rtl .fokusord .bildekort-forside .bildekort h2{
font-size: inherit;
}
:lang(ur) .rtl .fokusord .bildekort-forside .bildekort .definisjon{
font-size: inherit;
}
/*mac enhet*/
.enhet-mac .bildekort-forside .wp-block-columns,
.enhet-mac .bildekort-bakside .wp-block-columns{
margin-bottom: 1cm;
}
.enhet-mac .bildekort-forside .wp-block-column,
.enhet-mac .bildekort-bakside .wp-block-column{
width: 7cm !important;
height: 7cm !important;
}
.enhet-mac .bildekort-forside .bildekort,
.enhet-mac .bildekort-bakside .bildekort{
width: 100% !important;
height: 100% !important;
}
.enhet-mac .bildekort-forside .bildekort h2,
.enhet-mac .bildekort-bakside .bildekort h2,
.enhet-mac .bildekort-bakside .bildekort p{
font-size: 12pt !important;
}
.enhet-mac .bildekort-forside .bildekort .wp-block-image img{
height: 3.5cm !important;
width: auto !important;
border-radius: 10px;
}
.enhet-mac .bildekort-bakside .nafo-logo img{
width: 100% !important;
height: auto !important;
border-radius: 10px;
}
.enhet-mac .bildekort-bakside figure:last-of-type img,
.enhet-mac .bildekort-bakside .wp-block-image+.wp-block-image img{
width: auto !important;
height: 3cm !important;
border-radius: 10px;
}
/*mac enhet - fokusord*/
.enhet-mac .fokusord .bildekort{
height: 7.5cm !important;
width: 100% !important;
}
.enhet-mac .fokusord .bildekort .wp-block-media-text__media img{
height: 5cm !important;
width: auto !important;
}
/* Remove - fortelling-blokk*/
/* alfabetkort */
/*language font urdu*/
:lang(ur) .alfabetkort-printsection,
:lang(ur) .alfabetkort-printsection *{
font-family: "NotoNastaliqUrdu";
}
/*language font dari, pashto, farsi, sorani*/
:lang(fa-AF) .alfabetkort-printsection,
:lang(prs) .alfabetkort-printsection,
:lang(ku-ckb) .alfabetkort-printsection,
:lang(ckb) .alfabetkort-printsection,
:lang(fa-IR) .alfabetkort-printsection,
:lang(ps) .alfabetkort-printsection,
:lang(fa-AF) .alfabetkort-printsection *,
:lang(prs) .alfabetkort-printsection *,
:lang(ku-ckb) .alfabetkort-printsection *,
:lang(ckb) .alfabetkort-printsection *,
:lang(fa-IR) .alfabetkort-printsection *,
:lang(ps) .alfabetkort-printsection *{
font-family: "Calibri";
}
/*language font arabic*/
:lang(ar) .alfabetkort-printsection,
:lang(ar) .alfabetkort-printsection *{
font-family: "Arial";
}
.alfabetkort-printsection{
display: block;
margin: 0;
padding: 0;
}
.alfabetkort-printsection .alfabet-page {
height: 287mm;
width: 210mm;
padding: 10mm 15mm;
position: relative;
}
.alfabetkort-printsection .alfabet-page>.alfabet-sprak {
text-align: center;
font-size: 8pt;
position: absolute;
top: 0;
right: 56px;
}
.alfabetkort-printsection .alfabetkort{
position: relative;
height: 85mm;
width: 60mm;
padding: 5mm;
margin: 0.1mm;
}
.alfabetkort-printsection .alfabetkort .wp-block-image {
height: 50mm;
}
.alfabetkort-printsection .alfabetkort .alfabet {
height: 25mm;
}
.alfabetkort-printsection .alfabetkort .alfabet-bokstav p {
font-size: 33pt !important;
}
.alfabetkort-printsection .alfabetkort .alfabet-ord p {
font-size: 13pt !important;
}
html[dir="rtl"] .alfabetkort-printsection .alfabetkort .alfabet-bokstav p {
font-size: 60pt !important;
}
html[dir="rtl"] .alfabetkort-printsection .alfabetkort .alfabet-ord p {
font-size: 25pt !important;
}
.alfabetkort-printsection .fa-volume-up{
display: none;
}
.alfabetkort-printsection .alfabet-row {
display: grid;
grid-template-columns: repeat(3, 0fr); /* 3 elements per row */
}
.alfabetkort-printsection .alfabet-tall {
display: block;
position: absolute;
top: 10pt;
right: 10pt;
font-size: 8pt;
padding: 0.2mm;
background: white;
line-height: 1;
}
.alfabetkort-printsection .alfabet-bakside .alfabetkort .wp-block-group__inner-container,
.alfabetkort-printsection .alfabet-bakside .alfabetkort .alfabet-tall {
display: none;
}
.alfabetkort-printsection .alfabet-bakside .alfabetkort{
border: 1px solid transparent;
}
.alfabetkort-printsection .alfabet-bakside .alfabetkort .alfabet-sprak {
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
}
.alfabetkort-printsection .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.alfabet-bokstav{
flex-basis: 40% !important;
}
.alfabetkort-printsection .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.alfabet-ord{
flex-basis: 60% !important;
}
/*gjem accessibility checker knappen*/
#edac-highlight-panel{
display: none;
}
}