/*
#F7CC22  
*/

.custom-spacer,
.custom-spacer-30 {
    margin-top: 30px !important;
}
.custom-spacer-10 {
    margin-top: 11px !important;
}
.custom-spacer-20 {
    margin-top: 20px !important;
}
.custom-spacer-40 {
    margin-top: 40px !important;
}
.custom-spacer-50 {
    margin-top: 50px !important;
}
.custom-spacer-60 {
    margin-top: 60px !important;
}
.custom-spacer-minus-20  {
    margin-top: -20px !important;
}
.custom-spacer-minus-30  {
    margin-top: -30px !important;
}
.custom-spacer-30-bottom {
    margin-bottom: 30px !important;
    margin-top: 38px !important;
}
.custom-spacer-38 {
    margin-top: 38px !important;
}
.custom-spacer-40-bottom {
    margin-bottom: 40px !important;
}
.custom-margin-bottom-negative-30 {
    margin-bottom: -30px !important;
}
.custom-margin-left-9 {
    margin-left: 9px !important;
}
.custom-margin-top-minus-10 {
    margin-top: -10px !important;
}
.custom-small-button div.block-button-outer a {
    padding: .3em .3em .3em 1em !important;
}
.custom-small-button .button-wrapper a {
    padding: .5em !important;
    font-size: .75em !important;
}
.custom-small-button .block-title {
    font-size: .9em !important;
}
.custom-hvit-full-bredde {
    background-color: #ffffff !important;
    padding-top: 20px !important;
    border: 1px solid var(--secondary-color-contrast) !important;    /*  #fbf10e  */
    border-radius: 10px;
}
.custom-hvit .block-TextAreaAdvanced-html,
.custom-hvit .block_type_tfpagesearchblock,
.custom-hvit .block_type_roundedbuttonnavigateblock div {
    background-color: #ffffff !important;
    padding-top: 20px !important;
    border: 1px solid var(--secondary-color-contrast) !important;    /*  #fbf10e  */
    border-radius: 10px;
}
.custom-hvit .block_type_roundedbuttonnavigateblock div div {
    background-color: none !important;
    padding-top: 7px !important;
    border: none !important;
    border-radius: 0px;
}
.custom-hvit .block_type_roundedbuttonnavigateblock nav {
    padding-top: 10px !important;
}
.custom-remove-padding-top {
    padding-top: 0px !important;
}
.custom-skjul,
.custom-skjult {
    display: none !important;
}
.logged-in .custom-skjul,
.logged-in .custom-skjult {
    display: inline-block !important;
    background-color: #aaaaaa88 !important;
}
.logged-in .custom-skjult .block-title::after {
    content: "  :::  Blokken er 'skjult', og kun synlig for innlogget bruker. Rediger 'Avanserte innstillinger' til blokken";
    color: red;
    margin-top: 8px !important;
    font-size: 1em;
}

.logged-in .custom-til-admin-mobil .block-title::after {
    content: "  :::  Info til admin: Denne blokken er kun synlig på mobilvisningen";
    color: red;
    margin-top: 8px !important;
    font-size: 1em;
}

#container-list .innercol {
    min-height: 100% !important;
}




/* Intro */
.custom-intro .block-TextAreaAdvanced-html {
    background-color: #00000013 !important;
    border: 1px solid #aaa;
    padding: 23px 7% 18px 7% !important;
    border-radius: 16px !important;
}
.custom-intro .block_type_textareaadvancedblock p {
    font-size: 1.1em !important;
    line-height: 1.4em !important;
}
.custom-tilbud .block-TextAreaAdvanced-html {
    padding: 20px 12% 30px 12% !important;
    background-color: #fff;
    border: 1px solid var(--secondary-color-contrast) !important;    /*  #fbf10e  */
    border-radius: 10px;
}
.custom-button-link .block-TextAreaAdvanced-html {
    /* border: 1px solid var(--secondary-color-contrast) !important; */
    border-radius: 10px;
    padding-bottom: 32px !important;
}
.custom-button-link .block-TextAreaAdvanced-html a {
    white-space: nowrap;
}
.custom-video {
    border: 2px solid #fff;     /*  #fbf10e  */
    border-radius: 10px;
    padding-top: 8px !important;
    background-color: var(--primary-color-contrast) !important;
}
.custom-video .block-title {
    color: #fff;
    font-size: .8em !important;
    margin: -3px 0px 4px 0px !important;
}
.custom-right-margin-20,
.custom-margin-right-20 {
    margin-right: 20px !important;
}
.custom-mobil {
    display: none !important;
}
@media only screen and (max-width: 1190px) {
    .custom-mobil {
        display: block !important;
    }
}
@media only screen and (min-width: 1200px) {
    .logged-in .custom-mobil {
        display: block !important;
    }
}

/* fargevalg, kommer nederst av custom CSS */
.custom-gul .block-TextAreaAdvanced-html {
    /* background-color: #fbf10e; */
    border: 7px solid #fbf10e !important;
    border-radius: 10px;
}
.custom-sort {
    background-color: #222;
}
.custom-blue .block-TextAreaAdvanced-html {
    background-color: var(--primary-color-outline) !important;
    border-radius: 10px;
}
.custom-sort h2,
.custom-blue h2 {
    color:#fff;
    padding-top: 10px;
}

div.custom-drop-shadow {
    filter: drop-shadow(0px 0px 24px #ccc);
}





/* Nyhetsside */
.page_id_314610 div#mainContent {
    min-width: 100% !important;
}
.page_id_314610 div#mainContent #container-list {
     padding: 20px !important;
}
.page_id_314610 div#mainContent .outercol {
    margin-bottom: 20px;
    border: 1px solid #777 !important;
    border-radius: 15px;
}
.page_id_314610 div#mainContent .innercol {
    
}
.custom-maxbredde-860 {
    max-width:860px !important;
    padding: 20px !important;
}

.custom-maxbredde-1180 {
    margin-bottom: 30px !important;
}
@media only screen and (min-width: 1200px) {
    .page_id_314610 #content,
    .custom-maxbredde-1180 {
        max-width:1080px !important;
    }
}
@media only screen and (max-width: 1199px) {
    .page_id_314610 #content #container-list .outercol {
    }
}

.block_type_tfpagesearchblock .block-title {
    font-size: 1.1em !important;
}


@media only screen and (min-width: 1200px) {
    #center {
        /*margin: 20px 13% 0px 13% !important;*/
        margin: 20px 10% 0px 10% !important;
    }
}

/* generelt, alle artikler */
#container-list .textbox .textbox-inner h2 {
    border-bottom: 1px solid #777 !important;
    padding-bottom: 4px !important;
}



/* Generelt, buttonblock */
.block_type_buttonblock h3.block-title {
    font-size: 16px !important;
    padding-left: 8px !important;
}
/* Generelt søk */
.block_type_tfpagesearchblock input {
    font-size:15px !important;
    max-width: 60% !important;
}
/* Generelt */
.block_type_textareaadvancedblock .block-title,
.block_type_roundedbuttonnavigateblock .block-title,
.block_type_buttonnavigateblock .block-title {
    font-size:13px !important;
    padding-left: 10px;
    color: var(--primary-color-contrast) !important;
    line-height: 1.3em !important;
}


#container #wrap .custom-no-padding .tf-block.block_type_employeelistingblock {
    padding: 0px !important;
}


/* smulesti  */
#WIPSMAINCONTENTS .sitepath-nav-wrapper {
    display: none !important;
}



/* logo */
.w_header .w_logo img {
    max-height: 160px !important;
    padding: 10px 0px 20px 0px !important;
}
/* Slide in logo  */
.w_logo:not(.page_id_945403 .w_logo) {
  /* opacity: 0.99; */  /* Start hidden */
  transform: translateX(-3%); /* Start off-screen to the left */
  animation: slideInFromLeft 30s forwards;   /* Apply the animation */
}
/* Slide in logo Mobile */
.mobile-header .logo(.page_id_945403 .w_logo) {
  transform: translateX(-25%);
  animation: slideInFromLeftMobile 8s forwards;
}

@keyframes slideInFromLeft {
  0% {
    /* opacity: 0; */
    transform: translateX(-3%);
  }
  100% {
    /* opacity: 1; */
    transform: translateX(0); /* End at its original position */
  }
}
@keyframes slideInFromLeftMobile {
  0% {
    /* opacity: 0; */
    transform: translateX(-8%);
  }
  100% {
    /* opacity: 1; */
    transform: translateX(3%); /* End at its original position */
  }
}

/*
.site-background-image {
  animation: zoomSite 6s forwards;
}

@keyframes zoomSite {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
*/



/* Forside */
/* Forside tittel */
.custom-forside-tittel hr {
    max-width: 559px !important;
    text-align: center;
}

/* forside - link til flere nyheter */

.custom-link-til-flere-nyheter .block-button-1 {
    min-width: 255px !important;
}

/* Foto/video kreditering */
.custom-video-kreditering p {
    font-size: 0.65em !important;
    color: #fff;
    text-align: right;
}
.custom-video-kreditering .block-TextAreaAdvanced-html a:hover {
    color: #ddd !important;
    text-decoration: none !important;
}
.custom-video-kreditering {
    margin-top: -28px !important;
    margin-left: 10px !important;
}

/* Fjerne standardvisning av artikler/signup */
.page_id_945403  #container-list {
    display: none !important;
}

/* Forside booking knapp */
.custom-forsideikoner li svg {
    height:35px;
    width:35px;
}
.custom-forsideikoner .block-title {
    text-align: center !important;
    /*border-bottom: 1px solid #999;*/
    line-height:2em !important;
    max-width: 92%;
    margin:auto;
}
.custom-forsideikoner nav {
    padding-top: 18px;
}
.custom-forsideikoner .block_type_roundedbuttonnavigateblock span {
    width:  4em !important;
    height: 4em !important;
    border-radius: 4em !important;
}

.custom-forsideikoner .block_type_roundedbuttonnavigateblock span {
    /* border: 3px solid var(--primary-color) !important; */
    /* border: 1px solid var(--primary-color-contrast) !important; */
    border: 1px solid var(--secondary-color) !important;
}
.custom-forsideikoner .block_type_roundedbuttonnavigateblock span:hover {
    border: 1px solid var(--secondary-color) !important;
}
.block_type_roundedbuttonnavigateblock li {
    padding:0px !important;
    max-width: 25% !important;
}
@media only screen and (min-width: 900px) {
    .block_type_roundedbuttonnavigateblock li {
        padding:0px !important;
        max-width: 12% !important;
    }
}
.block_type_roundedbuttonnavigateblock li a {
    padding: .1em !important;
}
.block_type_roundedbuttonnavigateblock li a div {
    padding: .5em 0em .9em 0em !important;
}



/* Styret */
.employee-list article {
    padding-top: 30px;
    margin: 0px 7% 0px 7% !important;
    padding-bottom: 6px !important;
}
.employee-list .employee-info {
    /*max-height: 105px !important;*/
    margin-top: 13px;
    /* margin-bottom: 13px; */
    padding: 0px !important;
    border-top: 3px solid var(--secondary-color) !important;
    border-bottom: 3px solid var(--secondary-color) !important;
}


/* Generelt */
.w_developer button span {
    color:var(--footer-surface-color) !important;
}

.block-TextAreaAdvanced-html.editorContent a {
    text-decoration: underline !important;
}
#container-list .col-links a {
    padding: 5px 35px !important;
}
.article-buttons .state-layer {
    border: 1px solid #333 !important;
}
@media only screen and (max-width: 799px) {
    img.small-mobile-image {
        max-width: 30% !important;
    }    
}

/* Punktlister i tekstbehandler. */
.article-block ul li,
.article-block ol li,
.block_type_textareaadvancedblock ol li,
.block_type_textareaadvancedblock ul li {
    line-height: 19px;
    margin-left: 20px;
}

/* Generelt tekstblokker */
.block-TextAreaAdvanced-html {
    padding: 2px 20px !important;
}
.outer-block-wrapper,
.editorContent img {
    border-radius: 10px;
}

/* Generelt artikler, les mer */
.read-more #mainContent {
    background-color: #fff !important;
}


/* button block, generelt */
.block_type_buttonblock a {
    width: 90%;  /* For at hele knappen skal være klikkbar */
}
.block_type_buttonblock a span {
    text-align:center !important;
    font-size: 1.1em !important;
    line-height: 1.4em !important;
}



/* Generelt, consent */
.v2-form section.consent-header * {
    background-color: var(--modal-dialog-background-color, #fff) !important;
}
div.consent-dialog-inner button {
    margin-bottom: 15px;
}
div.consent-dialog-inner {
    --dialog-row-gap: 0em !important;
}
div.consent-dialog-inner h2 {
    margin-top:22px !important;
    font-size:19px !important;
}
div.consent-dialog-inner h3 {
    margin-bottom: 15px !important;
    font-size:18px !important;
}
div.consent-dialog-inner p,
div.consent-dialog-inner .show-more-button {
    margin-bottom: 5px !important;
    font-size:14px !important;
}
div.consent-dialog-inner .button-element span {
    color:#fff !important;
}
.global-overlays-wrapper .consent-dialog-inner {
    background-color: #fff !important;
}
.button-element.filled>.background-layer {
    background-color: #000 !important;
    border: 0px solid black !important;
}

/* ----------------------------------- */




/* Slideshow */
/* + les mer linker + contactblock */

.w_carousel_caption_inner a,
#container-list .col-links a {
    padding: 9px 42px !important;
}
#contact-form-2 .form-field-v2.filled span {
    /*
    background-color: var(--primary-color-contrast) !important;
    color: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color) !important;
    */
    padding: 14px 42px !important;
}
.w_carousel_caption_inner a:hover,
#container-list .col-links a:hover,
#contact-form-2 .form-field-v2.filled span:hover {
    /*
    background-color: var(--primary-color) !important;
    color: var(--secondary-color-contrast) !important;
    */
}

@media only screen and (max-width: 1199px) {
    .w_carousel_slides,
    .w_carousel {
        max-height: 680px;
    }
}

@media only screen and (max-width: 799px) {
    .w_carousel_slides,
    .w_carousel {
        max-height: 420px;
    }
}



/* topp meny */
.v2-menu li[data-style-type="default-primary"] {
    border-radius: 7px 7px 0px 0px !important;
}
.v2-menu ul ul li {
    padding-right: 20px !important;
}
.v2-menu ul ul,
.v2-menu ul ul li:last-child,
.v2-menu ul ul li:last-child a {
    border-radius: 0px 0px 7px 7px !important;
    border: 0px solid black !important;
}
/* ____________________________ /


/* påmeldingsportal */
.button-container span,
.course-buttons span,
.button-element span {
    opacity: 1 !important;
}
/* fjerne main contents visningen */
.page_id_22665 #center #container-list {
    display:none;
}


/* kurs */
.course-duration-label,
.course-duration {
    display: none;
}
.course-instructor-label .course-inner::after {
    content: " / arrangør";
}
.real_plugin_type_course .read-more-article-layout-1 .article-block.article-block-container .button-container .button-element.form-field-v2.outlined:nth-of-type(1) .label::after {
    content: " / arrangement";
}
.real_plugin_type_course .read-more-article-layout-1 .article-extras-left>span:nth-of-type(1) .course-inner::after {
    content: " / arrangementsdato";
}



/* kurs liste */
@media only screen and (max-width: 799px) {
    .block_type_courselistingblock th:nth-child(4),
    .block_type_courselistingblock table tr td:nth-child(4),
    .block_type_courselistingblock table tr .buttons.hide-second a:nth-child(2) {
        display:none;
    }
}
.block_type_courselistingblock th {
    background-color: var(--primary-color-contrast) !important;
    opacity: 1;
}
.block_type_courselistingblock th:nth-child(1) {
    padding-left: 8px !important;
}
.block_type_courselistingblock th:nth-child(2) {
    color: transparent;
}
.block_type_courselistingblock th:nth-child(3),
.block_type_courselistingblock table tr td:nth-child(3) {
    display:none;  /* Varighet i timer */
}
.block_type_courselistingblock table {
    background-color: #fff !important;
    opacity: 1;
    border-bottom: 6px solid var(--primary-color-contrast) !important;
}
.block_type_courselistingblock table tr td {
    padding: 0px !important;
}
.block_type_courselistingblock table tr td.buttons a {
    padding: .5em !important;
    text-transform: none;
    text-decoration: none !important;
}
.course-buttons a {
    padding: 8px 20px !important;
    font-size: 15px !important;
    text-decoration: none !important;
    border-radius: 8px !important;
}
.custom-tilbud .block-TextAreaAdvanced-html a,
.custom-button-link .block-TextAreaAdvanced-html a {
    padding: 15px 60px !important;
    font-size: 17px !important;
    text-decoration: none !important;
    border-radius: 8px !important;
}
.custom-tilbud .block-TextAreaAdvanced-html a:hover,
.custom-button-link .block-TextAreaAdvanced-html a:hover {
    border: 1px solid var(--primary-color-contrast) !important;;
}
.course-list-grid article {
    background-color: #fff !important;
}
/* kurs buttons */
.course-list-grid .course-buttons a {
    /*border: 1px solid #333 !important;*/
}
/* vaffel dag, trenger ikke  */
.article_id_107 .course-participation-fee-label,
.article_id_107 .course-participation-fee,
.article_id_65 .course-participation-fee-label,
.article_id_65 .course-participation-fee { 
    display:none; 
}

/*

*/

article.course-grid-item>.text-overlay>div.course-buttons>.button,
.article-block .button-container .button-element .background-layer,
.article-block .button-container .button-element .label,
.form-submit-wrapper .button-element .label,
.participants-group .button-element .label,
.course-buttons .button-element .label,
.article-buttons .button-element .label,
.col-links a,
.form-actions .button-element .label,
.custom-tilbud .block-TextAreaAdvanced-html a,
.custom-button-link .block-TextAreaAdvanced-html a, 
.block_type_buttonblock .label {
    /* color: var(--secondary-color) !important; */
    color: var(--primary-color) !important;
    background-color: var(--primary-color-contrast) !important;
    border: 1px solid var(--primary-color-contrast) !important;
}
article.course-grid-item>.text-overlay>div.course-buttons>.button:hover,
.article-block .button-container .button-element .background-layer:hover,
.article-block .button-container .button-element .label:hover,
.form-submit-wrapper .button-element .label:hover,
.participants-group .button-element .label:hover,
.course-buttons  .button-element .label:hover,
.article-buttons .button-element .label:hover,
.col-links a:hover,
.form-actions .button-element .background-layer,
.block_type_buttonblock .label:hover {
    /*background-color: var(--secondary-color) !important;*/
    background-color: #fff !important;
    color: var(--secondary-color-contrast) !important;
    border: 1px solid var(--secondary-color) !important;
}
.custom-tilbud .block-TextAreaAdvanced-html a:hover,
.custom-button-link .block-TextAreaAdvanced-html a:hover{
    background-color: #fff !important;
    color: var(--secondary-color-contrast) !important;
}
.button-element .background-layer,
.button-element .state-layer {
    /* grid-area: none !important; */
}
#container-list div.col-links a {
    font-size: 16px !important;
}

/* kurs - Les mer*/
.real_plugin_type_course .article-block h3::after {
 /*   content: " / Arrangement"; */
}


/* Unntakt for kurssidene */
.real_plugin_type_course.read-more .article-extras-left {
    overflow: hidden !important;
}
/* hack */
.real_plugin_type_course.read-more .article-extras-left h3 {
    position:relative !important;
    left: -80px !important;
    font-size: 16px !important;
}
.real_plugin_type_course.read-more .article-extras-left h3::after {
    content: "        Arrangementsinfo" !important;
    white-space: pre;
    white-space: nowrap;
}

/* hack */
.real_plugin_type_course.read-more.logged-in .article-extras-left span:nth-child(2) {
    /*color:darkblue;*/
    /*position:relative !important; */
    /*left: -110px !important; */
}
.real_plugin_type_course.read-more.logged-in .article-extras-left span:nth-child(2) span::after {
    content: "/ arrangementdato";
    white-space: pre;
}





/* --------------------------------------------------------------------------- */




/* Foregin articles  */
.block_type_foreignpagearticleslistblock {
    padding:15px !important;
}
.block_type_foreignpagearticleslistblock .article-list article {
    padding: 0px !important;
    background-color: #fff !important;
}
.block_type_foreignpagearticleslistblock .article-list article  img {
    border-radius: 14px 14px 0px 0px !important;
}
.block_type_foreignpagearticleslistblock h3.block-title {
    margin-left: 15px;
}



/* Sponsorer, Logoer */
.custom-logoer p {
    display: inline-block;
    max-width: 29% !important;
    text-align: center;
}
.custom-logoer img {
    max-height: 73px;
    margin: 0px 0px 30px 10px !important;
}
.custom-logoer .editorContent .image-default {
    float: none;
}
@media only screen and (max-width: 799px) {
    .custom-logoer img {
        max-height: 46px;
        max-width: 80% !important;
    }
    .custom-logoer p {
        max-width: 30% !important;
    }
}



/* Om stiftelsen */
.custom-introbilde,
.custom-introbilde .block_type_textareaadvancedblock,
.custom-introbilde .block-TextAreaAdvanced-html,
.custom-introbilde .block-TextAreaAdvanced-html img {
    margin: 0px !important;
    padding: 0px !important;
}
.custom-introbilde {
    padding: 16px 0px !important;
}



/* Frivillige, Timeline */
/*
.block_type_articletimelineblock .article-buttons .background-layer {
    background-color: var(--primary-color-contrast) !important;
}
.block_type_articletimelineblock .article-buttons .label, 
.block_type_articletimelineblock .article-buttons .state-layer {
    background-color: transparent !important;
}
.block_type_articletimelineblock .article-buttons .label {
    color: #fff !important;
}
*/
.block_type_articletimelineblock .block-title {
    text-align: center !important;
}
.block_type_articletimelineblock .article-timeline article h4,
.block_type_articletimelineblock .article-timeline article .article-date {
    margin-top: 40px !important;
}
@media only screen and (min-width: 800px) {
    .block_type_articletimelineblock .article-timeline article:nth-child(odd) .article-content .intro {
        text-align: right !important;
    }
}
@media only screen and (max-width: 800px) {
    .block_type_articletimelineblock .article-timeline article h4 {
        margin-top: 0px !important;
    }
    .block_type_articletimelineblock .article-timeline article .article-media {
        border-block-end: solid 0px #FFF !important;
    }
}
.block_type_articletimelineblock .article-timeline .article-content,
.block_type_articletimelineblock .article-timeline .article-media {
    margin-block: 0 0.5em !important;
}
.block_type_articletimelineblock .article-timeline .article-buttons {
    padding-bottom: 0px !important;
}
.page_id_16002 iframe {
    margin:1% 2% 1% 0px; 
}


/* Artikler */
#container-list .content-adjust {
    padding: 0px !important;
    
}


/* Heading */
.w_social_sharing {
    z-index: 333333;
}


/* footer navigasjonsblokk */
.block_type_buttonnavigateblock li {
    border-radius: 16px !important;
}
.block_type_buttonnavigateblock .block-title {
    line-height: 1.4em !important;
    padding-left: 12px;
}


/* Kontaktskjema */
.contact-form .is-checkbox label {
    padding-left: 5px;
    line-height: 19px !important;
}


/* Footer */
.w_footer small.w_developer {
    margin:0px !important;
}
.w_footer .w_logo img   {
    max-height: 130px !important;
}
.w_footer * {
    line-height: 20px !important;
    font-size: 14px !important;
    font-family: Arial !important;
}
#W-footer {
    border-top: 1px solid var(--secondary-color-contrast) !important;
}


/* Korrigering av WIPS main contents */
#content div#mainContent {
    max-width: none !important;
}
.read-more #content div#mainContent {
    max-width: 1680px !important;
}


/* Skjule artikkel dato på noen statiske sider */
.page_id_172697 .date,
.page_id_780677 .date,
.page_id_773190 .date,
.page_id_172697 .time,
.page_id_780677 .time,
.page_id_172697 .time,
.page_id_ .date,
.page_id_ .date,
.page_id_ .date {
    display: none !important;
}

